@universis/ngx-tables 0.6.6 → 0.6.7

package/fesm5/universis-ngx-tables.js

@@ -1,4 +1,5 @@
 import { getNativeName } from 'iso-639-1/build';
+import { Dropdown } from 'bootstrap';
 import * as jQuery_ from 'jquery';
 import 'datatables.net';
 import { template, at } from 'lodash';
@@ -26,6 +27,16 @@ import { GroupByPipe, NgPipesModule } from 'ngx-pipes';
 var AdvancedColumnFormatter = /** @class */ (function () {
     function AdvancedColumnFormatter() {
     }
+    AdvancedColumnFormatter.template = function (expr) {
+        var result = AdvancedColumnFormatter.templateCache.get(expr);
+        if (typeof result === 'function') {
+            return result;
+        }
+        result = template(expr);
+        AdvancedColumnFormatter.templateCache.set(expr, result);
+        return result;
+    };
+    AdvancedColumnFormatter.templateCache = new Map();
     return AdvancedColumnFormatter;
 }());
 var NestedPropertyFormatter = /** @class */ (function (_super) {
@@ -76,7 +87,7 @@ var ButtonFormatter = /** @class */ (function (_super) {
             var router = this.injector.get(Router);
             var commands = this.formatOptions.commands.map(function (command) {
                 if (typeof command === 'string') {
-                    return new TemplatePipe().transform(command, row);
+                    return AdvancedColumnFormatter.template(command)(row);
                 }
                 if (command.outlets) {
                     var commandOutlets_1 = {};
@@ -89,7 +100,7 @@ var ButtonFormatter = /** @class */ (function (_super) {
                                     configurable: true,
                                     writable: true,
                                     value: outlet.map(function (x) {
-                                        return new TemplatePipe().transform(x, row);
+                                        return AdvancedColumnFormatter.template(x)(row);
                                     }),
                                 });
                             }
@@ -113,7 +124,7 @@ var ButtonFormatter = /** @class */ (function (_super) {
             var replaceUrl = true;
             if (this.formatOptions.navigationExtras && this.formatOptions.navigationExtras.queryParams) {
                 Object.keys(this.formatOptions.navigationExtras.queryParams).map(function (key) {
-                    queryParams_1[key] = new TemplatePipe().transform(_this.formatOptions.navigationExtras.queryParams[key], row);
+                    queryParams_1[key] = AdvancedColumnFormatter.template(_this.formatOptions.navigationExtras.queryParams[key])(row);
                 });
             }
             if (this.formatOptions.navigationExtras && typeof this.formatOptions.navigationExtras.replaceUrl !== 'undefined') {
@@ -132,7 +143,7 @@ var ButtonFormatter = /** @class */ (function (_super) {
             return "<a class=\"" + formatOptions.buttonClass + "\" title=\"" + buttonTitle + "\" href=\"#" + routerLink + "\">" + buttonText + "</a>";
         }
         // and return button
-        var href = new TemplatePipe().transform(this.formatString, row);
+        var href = AdvancedColumnFormatter.template(this.formatString)(row);
         return "<a class=\"" + formatOptions.buttonClass + "\" title=\"" + buttonTitle + "\" href=\"" + href + "\">" + buttonText + "</a>";
     };
     return ButtonFormatter;
@@ -146,17 +157,7 @@ var LinkFormatter = /** @class */ (function (_super) {
         // get column
         var column = meta.settings.aoColumns[meta.col];
         if (column && column.data) {
-            var templateFunc = void 0;
-            if (Object.prototype.hasOwnProperty.call(column, 'linkTemplate')) {
-                templateFunc = column.linkTemplate;
-            }
-            else {
-                templateFunc = template(this.formatString);
-                Object.assign(column, {
-                    linkTemplate: templateFunc,
-                });
-            }
-            return "<a href=\"" + (templateFunc(row)) + "\">" + data + "</a>";
+            return "<a href=\"" + (AdvancedColumnFormatter.template(this.formatString)(row)) + "\">" + data + "</a>";
         }
         return data;
     };
@@ -169,32 +170,44 @@ var ActionLinkFormatter = /** @class */ (function (_super) {
     }
     ActionLinkFormatter.prototype.render = function (data, type, row, meta) {
         var _this = this;
+        var e_1, _a;
         // get column
         var column = meta.settings.aoColumns[meta.col];
         if (column && column.data) {
-            this.actions = this.actions || [];
-            var allowedActions = this.actions.filter(function (x) {
-                if (x.access && x.access.length > 0) {
-                    var access = x.access;
-                    access = access.filter(function (y) {
-                        if (y.studentStatuses) {
-                            return y.studentStatuses.find(function (z) { return z.alternateName === row.studentStatus; });
-                        }
+            var actions = this.actions || [];
+            var index = 1;
+            try {
+                for (var actions_1 = __values(actions), actions_1_1 = actions_1.next(); !actions_1_1.done; actions_1_1 = actions_1.next()) {
+                    var action = actions_1_1.value;
+                    Object.assign(action, {
+                        name: action.name || "action" + index,
                     });
-                    if (access && access.length > 0) {
-                        return x;
-                    }
+                    index += 1;
                 }
-                else {
-                    return x;
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (actions_1_1 && !actions_1_1.done && (_a = actions_1.return)) _a.call(actions_1);
                 }
-            });
+                finally { if (e_1) throw e_1.error; }
+            }
             // return the dropdown menu with 3 dots
-            return new TemplatePipe().transform("<div class='dropdown details-control' data-id='" + data + "' data-type='student' >\n                  <a id=\"dropdownMenuButton-" + data + "\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                    <span class=\"fa-2x text-dots\"></span></a>\n                    <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton-" + data + "\">\n                     " + allowedActions.map(function (x) { return "<a data-name='" + x.name + "' class=\"dropdown-item\" href=\"" + x.href + "\">\n                         " + _this.injector.get(TranslateService).instant(new TemplatePipe().transform(x.title, ({ value: data }))) + "\n                        </a>"; })
-                .join('') + "\n                    </div>\n                </div>", row);
+            return "<div class='dropdown details-control' data-id='" + data + "' data-type='student' >\n                  <a id=\"dropdownMenuButton-" + data + "\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                    <span class=\"fa-2x text-dots\"></span></a>\n                    <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton-" + data + "\">\n                     " + actions.map(function (x) {
+                if (x.type === 'divider') {
+                    return "<div class=\"dropdown-divider\"></div>";
+                }
+                return "<a data-name='" + x.name + "' class=\"dropdown-item\" href=\"" + AdvancedColumnFormatter.template(x.href)(row) + "\">\n                          " + _this.injector.get(TranslateService).instant(x.title) + "\n                        </a>";
+            })
+                .join('') + "\n                    </div>\n                </div>";
         }
         return data;
     };
+    ActionLinkFormatter.prototype.afterRender = function (cell, cellData, rowData, rowIndex, colIndex) {
+        // assign bootstrap dropdown
+        // tslint:disable-next-line: no-unused-expression
+        new Dropdown(cell);
+    };
     return ActionLinkFormatter;
 }(AdvancedColumnFormatter));
 var SelectRowFormatter = /** @class */ (function (_super) {
@@ -207,7 +220,7 @@ var SelectRowFormatter = /** @class */ (function (_super) {
         var column = meta.settings.aoColumns[meta.col];
         if (column && column.data) {
             var _tpl = "<input class=\"checkbox checkbox-theme\" type=\"checkbox\"\n id=\"s-" + meta.row + "\" /><label for=\"s-" + meta.row + "\">&nbsp;</label>";
-            return new TemplatePipe().transform(_tpl, row);
+            return AdvancedColumnFormatter.template(_tpl)(row);
         }
         return data;
     };
@@ -222,16 +235,7 @@ var TemplateFormatter = /** @class */ (function (_super) {
         // get column
         var column = meta.settings.aoColumns[meta.col];
         if (column && column.data) {
-            var templateFunc = void 0;
-            if (Object.prototype.hasOwnProperty.call(column, 'templateTemplate')) {
-                templateFunc = column.templateTemplate;
-                return templateFunc(row);
-            }
-            templateFunc = template(this.formatString);
-            Object.assign(column, {
-                templateTemplate: templateFunc,
-            });
-            return templateFunc(row);
+            return AdvancedColumnFormatter.template(this.formatString)(row);
         }
         return data;
     };
@@ -257,16 +261,7 @@ var TranslationFormatter = /** @class */ (function (_super) {
         // get column
         var column = meta.settings.aoColumns[meta.col];
         if (column && data != null) {
-            // create a compiled template and assign it to column
-            // in order to call consecutively for each row
-            var translateTemplate = column.translateTemplate;
-            if (typeof translateTemplate !== 'function') {
-                translateTemplate = template(this.formatString);
-                Object.assign(column, {
-                    translateTemplate: translateTemplate,
-                });
-            }
-            return this.injector.get(TranslateService).instant(translateTemplate({
+            return this.injector.get(TranslateService).instant(AdvancedColumnFormatter.template(this.formatString)({
                 value: data,
             }));
         }
@@ -299,7 +294,7 @@ var NgClassFormatter = /** @class */ (function (_super) {
         return _super.call(this) || this;
     }
     NgClassFormatter.prototype.render = function (data, type, row, meta) {
-        var e_1, _a;
+        var e_2, _a;
         // get column
         var column = meta.settings.aoColumns[meta.col];
         if (column && column.data) {
@@ -308,21 +303,10 @@ var NgClassFormatter = /** @class */ (function (_super) {
                 var ngClass = this.formatOptions.ngClass;
                 // check condition for each key
                 column.ngClassTemplates = column.ngClassTemplates || {};
-                var templateFunc = void 0;
                 try {
                     for (var _b = __values(Object.keys(ngClass)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var key = _c.value;
-                        templateFunc = column.ngClassTemplates[key];
-                        if (typeof templateFunc !== 'function') {
-                            templateFunc = template(ngClass[key]);
-                            Object.defineProperty(column.ngClassTemplates, key, {
-                                configurable: true,
-                                enumerable: true,
-                                writable: true,
-                                value: templateFunc,
-                            });
-                        }
-                        var result = templateFunc(row);
+                        var result = AdvancedColumnFormatter.template(ngClass[key])(row);
                         var fn = new Function("return " + result + ";");
                         // if condition returns true add class
                         if (fn() === true) {
@@ -330,12 +314,12 @@ var NgClassFormatter = /** @class */ (function (_super) {
                         }
                     }
                 }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
                 finally {
                     try {
                         if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                     }
-                    finally { if (e_1) throw e_1.error; }
+                    finally { if (e_2) throw e_2.error; }
                 }
             }
             return data;
@@ -933,6 +917,22 @@ var AdvancedTableComponent = /** @class */ (function () {
                             return result;
                         },
                     });
+                    // check if column formatters export createdCell event
+                    var items_1 = column.formatters.filter(function (columnFormatter) {
+                        return typeof columnFormatter.afterRender === 'function';
+                    });
+                    if (items_1.length > 0) {
+                        Object.assign(columnDefinition, {
+                            afterRender: function (cell, cellData, rowData, rowIndex, colIndex) {
+                                items_1.forEach(function (columnFormatter) {
+                                    var formatter = self._columnFormatters[columnFormatter.formatter];
+                                    if (formatter && typeof formatter.afterRender === 'function') {
+                                        formatter.afterRender.bind(column)(cell, cellData, rowData, rowIndex, colIndex);
+                                    }
+                                });
+                            },
+                        });
+                    }
                 }
                 if (column.formatter) {
                     var formatter = self._columnFormatters[column.formatter];
@@ -3563,7 +3563,7 @@ var FORMATTERS = {
     SelectRowFormatter: new SelectRowFormatter(),
     TemplateFormatter: new TemplateFormatter(),
     TranslationFormatter: new TranslationFormatter(),
-    TrueFalseFormatter: new TrueFalseFormatter()
+    TrueFalseFormatter: new TrueFalseFormatter(),
 };
 
 var SimpleHeaderToolsComponent = /** @class */ (function () {