From 375182a7818e2c5f9fa1c748554bb1a8a3b981e8 Mon Sep 17 00:00:00 2001 From: Tobias Johansson Date: Fri, 22 Mar 2019 14:06:54 +0100 Subject: [PATCH] Add css class per task type to table columns --- .../vuecomponents/table/columns/ColumnBase.js | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/src/scripts/js/es6/common/vuecomponents/table/columns/ColumnBase.js b/src/scripts/js/es6/common/vuecomponents/table/columns/ColumnBase.js index a3532e96..c2c93851 100644 --- a/src/scripts/js/es6/common/vuecomponents/table/columns/ColumnBase.js +++ b/src/scripts/js/es6/common/vuecomponents/table/columns/ColumnBase.js @@ -45,15 +45,24 @@ export class ColumnBase { return ''; } + /** + * Object with css classes to use on the column + * @returns {Object} Object with css classes + */ + getColumnClasses() { + // Should be overridden + let classes = {} + classes[this.columnType] = true; + return classes; + } + /** * Object with css classes to use on the header cell * @returns {Object} Object with css classes */ getHeaderCellClasses() { // Should be overridden - let classes = {} - classes[this.columnType] = true; - return classes; + return this.getColumnClasses(); } /** @@ -64,8 +73,7 @@ export class ColumnBase { */ getCellClasses(rawCellValue, rowObject) { // Should be overridden - let classes = {} - classes[this.columnType] = true; + let classes = this.getColumnClasses(); classes['highlight'] = !!this.isHighLighted; return classes; }