@universis/ngx-tables 0.6.6 → 0.6.7

package/bundles/universis-ngx-tables.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('iso-639-1/build'), require('rxjs'), require('jquery'), require('datatables.net'), require('lodash'), require('datatables.net-scroller'), require('rxjs/add/observable/combineLatest'), require('@angular/common/http'), require('@themost/angular'), require('@themost/client'), require('@angular/core'), require('@angular/common'), require('@ngx-translate/core'), require('@angular/forms'), require('@universis/common'), require('@universis/common/routing'), require('@universis/forms'), require('angular-formio'), require('@angular/router'), require('ngx-bootstrap/modal'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/progressbar'), require('ngx-pipes')) :
-    typeof define === 'function' && define.amd ? define('@universis/ngx-tables', ['exports', 'iso-639-1/build', 'rxjs', 'jquery', 'datatables.net', 'lodash', 'datatables.net-scroller', 'rxjs/add/observable/combineLatest', '@angular/common/http', '@themost/angular', '@themost/client', '@angular/core', '@angular/common', '@ngx-translate/core', '@angular/forms', '@universis/common', '@universis/common/routing', '@universis/forms', 'angular-formio', '@angular/router', 'ngx-bootstrap/modal', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/progressbar', 'ngx-pipes'], factory) :
-    (factory((global.universis = global.universis || {}, global.universis['ngx-tables'] = {}),global.ISO6391,global.rxjs,global.jQuery_,null,global.lodash,null,global.rxjs['add/observable/combineLatest'],global.ng.common.http,global.i1,global.client,global.ng.core,global.ng.common,global.core,global.ng.forms,global.i2,global.routing,global.forms$1,global.angularFormio,global.ng.router,global.modal,global.dropdown,global.progressbar,global.ngxPipes));
-}(this, (function (exports,ISO6391,rxjs,jQuery_,datatables_net,lodash,datatables_netScroller,combineLatest,http,i1,client,i0,common,core,forms,i2,routing,forms$1,angularFormio,i1$1,modal,dropdown,progressbar,ngxPipes) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('iso-639-1/build'), require('bootstrap'), require('rxjs'), require('jquery'), require('datatables.net'), require('lodash'), require('datatables.net-scroller'), require('rxjs/add/observable/combineLatest'), require('@angular/common/http'), require('@themost/angular'), require('@themost/client'), require('@angular/core'), require('@angular/common'), require('@ngx-translate/core'), require('@angular/forms'), require('@universis/common'), require('@universis/common/routing'), require('@universis/forms'), require('angular-formio'), require('@angular/router'), require('ngx-bootstrap/modal'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/progressbar'), require('ngx-pipes')) :
+    typeof define === 'function' && define.amd ? define('@universis/ngx-tables', ['exports', 'iso-639-1/build', 'bootstrap', 'rxjs', 'jquery', 'datatables.net', 'lodash', 'datatables.net-scroller', 'rxjs/add/observable/combineLatest', '@angular/common/http', '@themost/angular', '@themost/client', '@angular/core', '@angular/common', '@ngx-translate/core', '@angular/forms', '@universis/common', '@universis/common/routing', '@universis/forms', 'angular-formio', '@angular/router', 'ngx-bootstrap/modal', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/progressbar', 'ngx-pipes'], factory) :
+    (factory((global.universis = global.universis || {}, global.universis['ngx-tables'] = {}),global.ISO6391,global.bootstrap,global.rxjs,global.jQuery_,null,global.lodash,null,global.rxjs['add/observable/combineLatest'],global.ng.common.http,global.i1,global.client,global.ng.core,global.ng.common,global.core,global.ng.forms,global.i2,global.routing,global.forms$1,global.angularFormio,global.ng.router,global.modal,global.dropdown,global.progressbar,global.ngxPipes));
+}(this, (function (exports,ISO6391,bootstrap,rxjs,jQuery_,datatables_net,lodash,datatables_netScroller,combineLatest,http,i1,client,i0,common,core,forms,i2,routing,forms$1,angularFormio,i1$1,modal,dropdown,progressbar,ngxPipes) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -676,6 +676,16 @@
     var AdvancedColumnFormatter = /** @class */ (function () {
         function AdvancedColumnFormatter() {
         }
+        AdvancedColumnFormatter.template = function (expr) {
+            var result = AdvancedColumnFormatter.templateCache.get(expr);
+            if (typeof result === 'function') {
+                return result;
+            }
+            result = lodash.template(expr);
+            AdvancedColumnFormatter.templateCache.set(expr, result);
+            return result;
+        };
+        AdvancedColumnFormatter.templateCache = new Map();
         return AdvancedColumnFormatter;
     }());
     var NestedPropertyFormatter = /** @class */ (function (_super) {
@@ -726,7 +736,7 @@
                 var router = this.injector.get(i1$1.Router);
                 var commands = this.formatOptions.commands.map(function (command) {
                     if (typeof command === 'string') {
-                        return new i2.TemplatePipe().transform(command, row);
+                        return AdvancedColumnFormatter.template(command)(row);
                     }
                     if (command.outlets) {
                         var commandOutlets_1 = {};
@@ -739,7 +749,7 @@
                                         configurable: true,
                                         writable: true,
                                         value: outlet.map(function (x) {
-                                            return new i2.TemplatePipe().transform(x, row);
+                                            return AdvancedColumnFormatter.template(x)(row);
                                         }),
                                     });
                                 }
@@ -763,7 +773,7 @@
                 var replaceUrl = true;
                 if (this.formatOptions.navigationExtras && this.formatOptions.navigationExtras.queryParams) {
                     Object.keys(this.formatOptions.navigationExtras.queryParams).map(function (key) {
-                        queryParams_1[key] = new i2.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') {
@@ -782,7 +792,7 @@
                 return "<a class=\"" + formatOptions.buttonClass + "\" title=\"" + buttonTitle + "\" href=\"#" + routerLink + "\">" + buttonText + "</a>";
             }
             // and return button
-            var href = new i2.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;
@@ -796,17 +806,7 @@
             // 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 = lodash.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;
         };
@@ -819,32 +819,50 @@
         }
         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 i2.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(core.TranslateService).instant(new i2.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(core.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 bootstrap.Dropdown(cell);
+        };
         return ActionLinkFormatter;
     }(AdvancedColumnFormatter));
     var SelectRowFormatter = /** @class */ (function (_super) {
@@ -857,7 +875,7 @@
             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 i2.TemplatePipe().transform(_tpl, row);
+                return AdvancedColumnFormatter.template(_tpl)(row);
             }
             return data;
         };
@@ -872,16 +890,7 @@
             // 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 = lodash.template(this.formatString);
-                Object.assign(column, {
-                    templateTemplate: templateFunc,
-                });
-                return templateFunc(row);
+                return AdvancedColumnFormatter.template(this.formatString)(row);
             }
             return data;
         };
@@ -907,16 +916,7 @@
             // 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 = lodash.template(this.formatString);
-                    Object.assign(column, {
-                        translateTemplate: translateTemplate,
-                    });
-                }
-                return this.injector.get(core.TranslateService).instant(translateTemplate({
+                return this.injector.get(core.TranslateService).instant(AdvancedColumnFormatter.template(this.formatString)({
                     value: data,
                 }));
             }
@@ -949,7 +949,7 @@
             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) {
@@ -958,21 +958,10 @@
                     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 = lodash.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) {
@@ -980,8 +969,8 @@
                             }
                         }
                     }
-                    catch (e_1_1) {
-                        e_1 = { error: e_1_1 };
+                    catch (e_2_1) {
+                        e_2 = { error: e_2_1 };
                     }
                     finally {
                         try {
@@ -989,8 +978,8 @@
                                 _a.call(_b);
                         }
                         finally {
-                            if (e_1)
-                                throw e_1.error;
+                            if (e_2)
+                                throw e_2.error;
                         }
                     }
                 }
@@ -1590,6 +1579,22 @@
                                 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];
@@ -3775,7 +3780,7 @@
         SelectRowFormatter: new SelectRowFormatter(),
         TemplateFormatter: new TemplateFormatter(),
         TranslationFormatter: new TranslationFormatter(),
-        TrueFalseFormatter: new TrueFalseFormatter()
+        TrueFalseFormatter: new TrueFalseFormatter(),
     };
 
     var SimpleHeaderToolsComponent = /** @class */ (function () {