Changing header render into cell render so it can be reused for footer

Author: webdevnerdstuff

src/plugin/composables/helpers.ts

@@ -52,36 +52,69 @@ export function useConvertToUnit(str: string | number, unit = 'px'): string {
 
 // -------------------------------------------------- Render Cells #
 /**
-* Render the cell header
+ * Render the cell item
+ */
+export function useRenderCellItem(
+	item: object,
+	column: Column,
+	index: number
+): unknown {
+	const itemValue = item[column.key];
+
+	if (column.renderItem) {
+		return column.renderItem(itemValue, item, column, index);
+	}
+
+	return itemValue;
+}
+
+/**
+* Render the cell
+* Used for both header and footer
 */
-export function useRenderCellHeader(
+export function useRenderCell(
 	loadedDrilldown: LoadedDrilldown,
 	column: Column,
 	index: number
 ): unknown {
-	if (column.renderHeader) {
-		return column.renderHeader(column[loadedDrilldown.itemTitle], column, index);
+	const cellData = [column[loadedDrilldown.itemTitle], column, index];
+
+	if (column.renderer) {
+		return column.renderer(...cellData);
 	}
 
-	return column[loadedDrilldown.itemTitle];
-}
+	if (column.renderFooter) {
+		return column.renderFooter(...cellData);
+	}
 
+	if (column.renderFooter) {
+		return column.renderFooter(...cellData);
+	}
+
+	if (column[loadedDrilldown.itemTitle]) {
+		return column[loadedDrilldown.itemTitle];
+	}
 
+
+	return '';
+}
 /**
- * Render the cell item
- */
-export function useRenderCellItem(
-	item: object,
+* Render the cell
+*/
+export function useRenderCellFooter(
+	loadedDrilldown: LoadedDrilldown,
 	column: Column,
 	index: number
 ): unknown {
-	const itemValue = item[column.key];
+	if (column.renderFooter) {
+		return column.renderFooter(column[loadedDrilldown.itemTitle], column, index);
+	}
 
-	if (column.renderItem) {
-		return column.renderItem(itemValue, item, column, index);
+	if (column.columnFooter) {
+		return column.columnFooter;
 	}
 
-	return itemValue;
+	return '';
 }