@easydata/crud 1.3.6 → 1.4.0-beta01

package/dist/bundles/easydata.crud.js

@@ -2392,6 +2392,7 @@ var data_column_DataColumn = /** @class */ (function () {
         this.displayFormat = desc.dfmt;
         this.groupFooterColumnTemplate = desc.gfct;
         this.style = desc.style || {};
+        this.description = desc.description;
     }
     return DataColumn;
 }());
@@ -4309,6 +4310,7 @@ var easy_grid_columns_GridColumn = /** @class */ (function () {
     function GridColumn(column, grid, isRowNum) {
         if (isRowNum === void 0) { isRowNum = false; }
         this._label = null;
+        this._description = null;
         //public left: number;
         this.align = GridColumnAlign.NONE;
         this.isVisible = true;
@@ -4335,6 +4337,7 @@ var easy_grid_columns_GridColumn = /** @class */ (function () {
                     this.width = DEFAULT_WIDTH_STRING;
             }
             this.cellRenderer = this.grid.cellRendererStore.getDefaultRenderer(column.type);
+            this._description = column.description;
         }
         else if (isRowNum) {
             this.isRowNum = true;
@@ -4357,6 +4360,14 @@ var easy_grid_columns_GridColumn = /** @class */ (function () {
         configurable: true
     });
     ;
+    Object.defineProperty(GridColumn.prototype, "description", {
+        /** Get column description. */
+        get: function () {
+            return this._description;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(GridColumn.prototype, "type", {
         get: function () {
             return this.dataColumn ? this.dataColumn.type : null;
@@ -4699,6 +4710,12 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             }
         });
     };
+    EasyGrid.prototype.getContainerWidth = function () {
+        return this.columns.getItems()
+            .filter(function (col) { return col.isVisible; })
+            .map(function (col) { return col.width; })
+            .reduce(function (sum, current) { return sum + current; });
+    };
     EasyGrid.prototype.renderHeader = function () {
         var _this = this;
         this.headerDiv = domel('div')
@@ -4724,7 +4741,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                     .addChildElement(_this.renderAddColumnButton());
             }
         });
-        var containerWidth = this.columns.getItems().map(function (column) { return column.width; }).reduce(function (sum, current) { return sum + current; });
+        var containerWidth = this.getContainerWidth();
         domel(this.headerCellContainerDiv)
             .setStyle('width', containerWidth + "px");
     };
@@ -4749,6 +4766,11 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 .addClass(this.cssPrefix + "-header-cell-label")
                 .text(column.label);
         }
+        if (column.description) {
+            domel('div', colDiv)
+                .addClass('question-mark')
+                .title(column.description);
+        }
         if (this.options.allowDragDrop) {
             eqDragManager.registerDraggableItem({
                 element: colDiv,
@@ -4818,8 +4840,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                         _this.updateTotalsState(groups_1, row, true);
                     }
                 }
-                var containerWidth = _this.columns.getItems()
-                    .map(function (column) { return column.width; }).reduce(function (sum, current) { return sum + current; });
+                var containerWidth = _this.getContainerWidth();
                 domel(_this.bodyCellContainerDiv)
                     .setStyle('width', containerWidth + "px");
                 return rows.length;
@@ -7381,9 +7402,17 @@ var entity_form_builder_EntityEditFormBuilder = /** @class */ (function () {
                 .toDOM();
         }
         domel(parent)
-            .addChild('label', function (b) { return b
-            .attr('for', attr.id)
-            .addHtml(attr.caption + " " + (required ? '<sup style="color: red">*</sup>' : '') + ": "); });
+            .addChild('label', function (b) {
+            b.attr('for', attr.id);
+            b.addHtml(attr.caption + " " + (required ? '<sup style="color: red">*</sup>' : '') + ": ");
+            if (attr.description) {
+                b.addChild('div', function (b) { return b
+                    .attr('title', attr.description)
+                    .addClass('question-mark')
+                    .setStyle('vertical-align', 'middle')
+                    .setStyle('display', 'inline-block'); });
+            }
+        });
         if (attr.kind === EntityAttrKind.Lookup) {
             this.setupLookupField(parent, attr, readOnly, value);
             return;