sigesp 0.8.100-20220705 → 0.9.1-20220727

package/bundles/sigesp.umd.js

@@ -1166,6 +1166,7 @@
     }());
 
     var TableSelectComponent = /** @class */ (function () {
+        //disableMasterToggle: boolean = false;
         function TableSelectComponent(dialogRef, dialogData) {
             var _a;
             this.dialogRef = dialogRef;
@@ -1175,7 +1176,6 @@
             this.selections = [];
             this.names = [];
             this.loaded = false;
-            this.disableMasterToggle = false;
             (_a = this.columns).push.apply(_a, __spread(dialogData.columns));
             this.columnsAux = dialogData.columns;
             this.data = dialogData.dataSource;
@@ -1183,38 +1183,23 @@
             if (this.dialogData.columnNames) {
                 this.names = this.dialogData.columnNames;
             }
-            this.disableMasterToggle = this.dialogData.disableMasterToggle;
+            //  this.disableMasterToggle = this.dialogData.disableMasterToggle
         }
         TableSelectComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
             this.dataSource.paginator = this.paginator;
             this.dataSource.sort = this.sort;
-            this.sort.sortChange.subscribe(function () { return _this.paginator.pageIndex = 0; });
+            //  this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
         };
         TableSelectComponent.prototype.isAllSelected = function () {
-            if (this.getFilter()) {
-                var numSelected = this.selection.selected.length;
-                var numRows = this.dataSource.data.length;
-                return numSelected === numRows;
-            }
-            else {
-                var numSelected = this.selection.selected.length;
-                var numRows = this.dataSource.filteredData.length;
-                return numSelected === numRows;
-            }
+            var numSelected = this.selection.selected.length;
+            var numRows = this.dataSource.data.length;
+            return numSelected === numRows;
         };
         TableSelectComponent.prototype.masterToggle = function () {
             var _this = this;
-            if (this.getFilter()) {
-                this.isAllSelected() ?
-                    this.selection.clear() :
-                    this.dataSource.data.forEach(function (row) { return _this.selection.select(row); });
-            }
-            else {
-                this.isAllSelected() ?
-                    this.selection.clear() :
-                    this.dataSource.filteredData.forEach(function (row) { return _this.selection.select(row); });
-            }
+            this.isAllSelected() ?
+                this.selection.clear() :
+                this.dataSource.data.forEach(function (row) { return _this.selection.select(row); });
         };
         TableSelectComponent.prototype.checkboxLabel = function (row) {
             if (!row) {
@@ -1248,7 +1233,7 @@
     TableSelectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-table-select',
-                    template: "<div class=\"container\">\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>{{dialogData.title}}</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\">\r\n            <div class=\"btn\" (click)=\"cancelDialog()\">\r\n                <icon-m [name]=\"'close'\" [color]=\"'black'\"></icon-m>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\"\r\n                (keyup)=\"filterTable($event.target.value)\">\r\n            </mat-form-field>\r\n        </div>\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n\r\n                <!-- CHECKS -->\r\n                <ng-container matColumnDef=\"select\">\r\n                    <th mat-header-cell *matHeaderCellDef>\r\n                        <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n                        [disabled]=\"disableMasterToggle || getFilter()\" color=\"primary\"\r\n                        [checked]=\"selection.hasValue() && isAllSelected()\"                       \r\n                        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n                        [aria-label]=\"checkboxLabel()\"\r\n                        ></mat-checkbox>\r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\">\r\n                        <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n                        (change)=\"$event ? selection.toggle(row) : null\"\r\n                        [checked]=\"selection.isSelected(row)\" color=\"primary\"\r\n                        [aria-label]=\"checkboxLabel(row)\"></mat-checkbox>\r\n                    </td>\r\n                </ng-container>\r\n\r\n                <!-- DATA -->\r\n                <ng-container *ngFor=\"let column of columnsAux; let i = index\" [matColumnDef]=\"column\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{(names[i] ? names[i] : column) | uppercase}} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\"> \r\n                        {{row[column]}} \r\n                    </td>\r\n                </ng-container>\r\n\r\n                <tr mat-header-row *matHeaderRowDef=\"columns\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: columns;\"\r\n                (click)=\"selection.toggle(row)\">\r\n                </tr>\r\n            </table>\r\n            <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n        </div>\r\n\r\n        <div class=\"buttons\">\r\n            <button mat-raised-button color=\"primary\" \r\n            [disabled]=\"selection.selected.length==0\"\r\n            (click)=\"closeDialog()\">Aceptar</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
+                    template: "<div class=\"container\">\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>{{dialogData.title}}</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\">\r\n            <div class=\"btn\" (click)=\"cancelDialog()\">\r\n                <icon-m [name]=\"'close'\" [color]=\"'black'\"></icon-m>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\"\r\n                (keyup)=\"filterTable($event.target.value)\">\r\n            </mat-form-field>\r\n        </div>\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n\r\n                <!-- CHECKS -->\r\n                <ng-container matColumnDef=\"select\">\r\n                    <th mat-header-cell *matHeaderCellDef>\r\n                        <mat-checkbox (change)=\"$event ? masterToggle() : null\"\r\n                        [disabled]=\"getFilter()\" color=\"primary\"\r\n                        [checked]=\"selection.hasValue() && isAllSelected()\"                       \r\n                        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n                        [aria-label]=\"checkboxLabel()\"\r\n                        ></mat-checkbox>\r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\">\r\n                        <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n                        (change)=\"$event ? selection.toggle(row) : null\"\r\n                        [checked]=\"selection.isSelected(row)\" color=\"primary\"\r\n                        [aria-label]=\"checkboxLabel(row)\"></mat-checkbox>\r\n                    </td>\r\n                </ng-container>\r\n\r\n                <!-- DATA -->\r\n                <ng-container *ngFor=\"let column of columnsAux; let i = index\" [matColumnDef]=\"column\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{(names[i] ? names[i] : column) | uppercase}} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\"> \r\n                        {{row[column]}} \r\n                    </td>\r\n                </ng-container>\r\n\r\n                <tr mat-header-row *matHeaderRowDef=\"columns\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: columns;\"\r\n                (click)=\"selection.toggle(row)\">\r\n                </tr>\r\n            </table>\r\n            <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n        </div>\r\n\r\n        <div class=\"buttons\">\r\n            <button mat-raised-button color=\"primary\" \r\n            [disabled]=\"selection.selected.length==0\"\r\n            (click)=\"closeDialog()\">Aceptar</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n",
                     styles: [".container .header{border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%);padding:15px;text-align:center}.container .header h2{grid-column:1/10;margin:0;text-align:left}.container .header .close{align-items:center;display:flex;grid-column:10/11;justify-content:center}.container .header .close .btn{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.container .header .close .btn Icon{display:flex}.container .body{margin-top:10px;padding:15px}.container .body .filter .input,.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table .mat-cell{padding-bottom:5px!important;padding-right:5px!important;padding-top:5px!important}.container .body .paginator{margin-top:15px}.container .body .buttons{display:flex;justify-content:flex-end;padding:10px}.container .body .buttons button{font-size:17px}"]
                 },] }
     ];
@@ -1257,8 +1242,8 @@
         { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [i2.MAT_DIALOG_DATA,] }] }
     ]; };
     TableSelectComponent.propDecorators = {
-        paginator: [{ type: i0.ViewChild, args: [paginator.MatPaginator,] }],
-        sort: [{ type: i0.ViewChild, args: [sort.MatSort,] }]
+        paginator: [{ type: i0.ViewChild, args: [paginator.MatPaginator, { static: true },] }],
+        sort: [{ type: i0.ViewChild, args: [sort.MatSort, { static: true },] }]
     };
 
     var MConfigurationSPG = /** @class */ (function () {
@@ -6004,7 +5989,6 @@
             if (options === void 0) { options = {
                 disableClose: false,
                 hasBackdrop: false,
-                disableMasterToggle: false
             }; }
             var dialogRef = this.dialog.open(TableSelectComponent, {
                 data: {
@@ -6012,7 +5996,6 @@
                     columns: columns,
                     dataSource: dataSource,
                     columnNames: columnNames,
-                    disableMasterToggle: options.disableMasterToggle
                 },
                 width: width,
                 maxHeight: '90vh',