@seniorsistemas/angular-components 14.12.0 → 14.13.2

package/bundles/seniorsistemas-angular-components.umd.js

@@ -4357,6 +4357,124 @@
         return TokenListModule;
     }());
 
+    var TablePagingComponent = /** @class */ (function () {
+        function TablePagingComponent(translate, hostProjectConfigs) {
+            this.translate = translate;
+            this.hostProjectConfigs = hostProjectConfigs;
+        }
+        TablePagingComponent.prototype.ngOnChanges = function (changes) {
+            this.totalRecordsText = this.translate.instant(this.getTranslatePrefix() + "total_records", {
+                value: changes.totalRecords.currentValue
+            });
+        };
+        TablePagingComponent.prototype.getTranslatePrefix = function () {
+            return this.hostProjectConfigs.domain + "." + this.hostProjectConfigs.service + ".";
+        };
+        TablePagingComponent.prototype.getTooltipText = function () {
+            return this.translate.instant(this.getTranslatePrefix() + "export_to_csv");
+        };
+        TablePagingComponent.prototype.getActions = function () {
+            var _this = this;
+            var actions = [
+                {
+                    id: "exportCurrentPage",
+                    label: this.translate.instant(this.getTranslatePrefix() + "export_current_page"),
+                    command: function () { return _this.exportCurrentPage(); }
+                },
+                {
+                    id: "exportSelected",
+                    label: this.translate.instant(this.getTranslatePrefix() + "export_selected_records"),
+                    command: function () { return _this.exportSelectedRecords(); }
+                }
+            ];
+            if (this.loadAllRecords) {
+                actions.push({
+                    id: "exportAll",
+                    label: this.translate.instant(this.getTranslatePrefix() + "export_all_records"),
+                    command: function () { return _this.exportAllRecords(); }
+                });
+            }
+            return actions;
+        };
+        TablePagingComponent.prototype.validateComponent = function () {
+            if (!this.table) {
+                throw new Error("Table component not defined");
+            }
+        };
+        TablePagingComponent.prototype.getColumnsToExport = function () {
+            return __spread(this.table.columns).map(function (column) {
+                if (column.exportable === null || column.exportable === undefined) {
+                    column.exportable = true;
+                }
+                return column;
+            });
+        };
+        TablePagingComponent.prototype.getRowsToExport = function () {
+            return this.table.value;
+        };
+        TablePagingComponent.prototype.getSelectedRowsToExport = function () {
+            return this.table.selection;
+        };
+        TablePagingComponent.prototype.getExportFileName = function () {
+            var _a;
+            var fileName = (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
+            var currentDate = moment_(new Date()).format("DD-MM-YYYY[_]HH:mm");
+            return fileName + "_" + currentDate;
+        };
+        TablePagingComponent.prototype.exportCurrentPage = function () {
+            this.validateComponent();
+            ExportUtils.exportCSV(this.getColumnsToExport(), this.getRowsToExport(), undefined, this.getExportFileName());
+        };
+        TablePagingComponent.prototype.exportSelectedRecords = function () {
+            this.validateComponent();
+            ExportUtils.exportCSV(this.getColumnsToExport(), this.getSelectedRowsToExport(), undefined, this.getExportFileName());
+        };
+        TablePagingComponent.prototype.exportAllRecords = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.validateComponent();
+                            return [4 /*yield*/, this.loadAllRecords()];
+                        case 1:
+                            data = _a.sent();
+                            ExportUtils.exportCSV(this.getColumnsToExport(), data, undefined, this.getExportFileName());
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TablePagingComponent.ctorParameters = function () { return [
+            { type: core$1.TranslateService },
+            { type: undefined, decorators: [{ type: core.Inject, args: [HostProjectConfigsInjectionToken,] }] }
+        ]; };
+        __decorate([
+            core.Input()
+        ], TablePagingComponent.prototype, "totalRecords", void 0);
+        __decorate([
+            core.Input()
+        ], TablePagingComponent.prototype, "exportFileName", void 0);
+        __decorate([
+            core.Input()
+        ], TablePagingComponent.prototype, "table", void 0);
+        __decorate([
+            core.Input()
+        ], TablePagingComponent.prototype, "loadAllRecords", void 0);
+        __decorate([
+            core.Output()
+        ], TablePagingComponent.prototype, "totalRecordsText", void 0);
+        TablePagingComponent = __decorate([
+            core.Component({
+                template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{totalRecordsText}}\n    </span>\n    <s-button class=\"export-button\" \n        priority=\"default\" \n        iconClass=\"fa fa-fw fa-file-export\" \n        [disabled]=\"false\" \n        [auxiliary]=\"true\" \n        [tooltip]=\"getTooltipText()\" \n        [model]=\"getActions()\"></s-button>\n</div>\n",
+                selector: "s-table-paging",
+                styles: [".paging-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.export-button{margin-left:6px}"]
+            }),
+            __param(1, core.Inject(HostProjectConfigsInjectionToken))
+        ], TablePagingComponent);
+        return TablePagingComponent;
+    }());
+
     var TableModule = /** @class */ (function () {
         function TableModule() {
         }
@@ -4365,19 +4483,23 @@
                 imports: [
                     common.CommonModule,
                     tooltip.TooltipModule,
-                    TokenListModule
+                    TokenListModule,
+                    core$1.TranslateModule,
+                    ButtonModule
                 ],
                 exports: [
                     RowTogllerDirective,
                     NavigationDirective,
                     TableColumnsComponent,
-                    TableFrozenPositionDirective
+                    TableFrozenPositionDirective,
+                    TablePagingComponent
                 ],
                 declarations: [
                     RowTogllerDirective,
                     NavigationDirective,
                     TableColumnsComponent,
-                    TableFrozenPositionDirective
+                    TableFrozenPositionDirective,
+                    TablePagingComponent
                 ],
             })
         ], TableModule);
@@ -4455,7 +4577,7 @@
         ], ChipsFieldComponent.prototype, "formControl", void 0);
         ChipsFieldComponent = __decorate([
             core.Component({
-                template: "<p-chips\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [pKeyFilter]=\"field.keyFilter\"\n></p-chips>\n"
+                template: "<p-chips\n    *ngIf=\"field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [pKeyFilter]=\"field.keyFilter\">\n</p-chips>\n\n<p-chips\n    *ngIf=\"!field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n</p-chips>\n"
             })
         ], ChipsFieldComponent);
         return ChipsFieldComponent;
@@ -9083,43 +9205,45 @@
     exports.TokenListModule = TokenListModule;
     exports.ɵa = LocalizedCurrencyImpurePipe;
     exports.ɵb = LocalizedBignumberPipe;
-    exports.ɵbb = DecimalField;
-    exports.ɵbc = StructureModule;
-    exports.ɵbd = HeaderComponent;
-    exports.ɵbe = FooterComponent;
-    exports.ɵbf = InfoSignComponent;
-    exports.ɵbg = NumberLocaleOptions;
-    exports.ɵbh = ThumbnailService;
-    exports.ɵbi = InfiniteScrollModule;
-    exports.ɵbj = InfiniteScrollDirective;
-    exports.ɵbk = CustomTranslationsModule;
-    exports.ɵbl = CodeEditorComponent;
-    exports.ɵbm = CoreFacade;
-    exports.ɵbn = CodeMirror6Core;
+    exports.ɵba = TextAreaFieldComponent;
+    exports.ɵbb = TextFieldComponent;
+    exports.ɵbd = DecimalField;
+    exports.ɵbe = StructureModule;
+    exports.ɵbf = HeaderComponent;
+    exports.ɵbg = FooterComponent;
+    exports.ɵbh = InfoSignComponent;
+    exports.ɵbi = NumberLocaleOptions;
+    exports.ɵbj = ThumbnailService;
+    exports.ɵbk = InfiniteScrollModule;
+    exports.ɵbl = InfiniteScrollDirective;
+    exports.ɵbm = CustomTranslationsModule;
+    exports.ɵbn = CodeEditorComponent;
+    exports.ɵbo = CoreFacade;
+    exports.ɵbp = CodeMirror6Core;
     exports.ɵc = LocalizedBignumberImpurePipe;
     exports.ɵd = TokenListModule;
-    exports.ɵe = TableColumnsComponent;
-    exports.ɵf = InfoSignModule;
-    exports.ɵg = MouseEventsModule;
-    exports.ɵh = AutocompleteFieldComponent;
-    exports.ɵi = BooleanFieldComponent;
-    exports.ɵj = CalendarFieldComponent;
-    exports.ɵk = ChipsFieldComponent;
-    exports.ɵl = CurrencyFieldComponent;
-    exports.ɵm = BaseFieldComponent;
-    exports.ɵn = DynamicFieldComponent;
-    exports.ɵo = DynamicFormDirective;
-    exports.ɵp = FieldsetComponent;
-    exports.ɵq = FileUploadComponent$1;
-    exports.ɵr = LookupFieldComponent;
-    exports.ɵs = NumberFieldComponent;
-    exports.ɵt = BignumberFieldComponent;
-    exports.ɵu = RadioButtonComponent;
-    exports.ɵv = RowComponent;
-    exports.ɵw = SectionComponent;
-    exports.ɵx = SelectFieldComponent;
-    exports.ɵy = TextAreaFieldComponent;
-    exports.ɵz = TextFieldComponent;
+    exports.ɵe = ButtonModule;
+    exports.ɵf = TableColumnsComponent;
+    exports.ɵg = TablePagingComponent;
+    exports.ɵh = InfoSignModule;
+    exports.ɵi = MouseEventsModule;
+    exports.ɵj = AutocompleteFieldComponent;
+    exports.ɵk = BooleanFieldComponent;
+    exports.ɵl = CalendarFieldComponent;
+    exports.ɵm = ChipsFieldComponent;
+    exports.ɵn = CurrencyFieldComponent;
+    exports.ɵo = BaseFieldComponent;
+    exports.ɵp = DynamicFieldComponent;
+    exports.ɵq = DynamicFormDirective;
+    exports.ɵr = FieldsetComponent;
+    exports.ɵs = FileUploadComponent$1;
+    exports.ɵt = LookupFieldComponent;
+    exports.ɵu = NumberFieldComponent;
+    exports.ɵv = BignumberFieldComponent;
+    exports.ɵw = RadioButtonComponent;
+    exports.ɵx = RowComponent;
+    exports.ɵy = SectionComponent;
+    exports.ɵz = SelectFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });