sigesp 1.0.3-20240419 → 1.0.4-20240424
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/shared/components/catalogo/catalogo.component.mjs +11 -7
- package/esm2020/lib/shared/components/catalogo-doble-input/catalogo-doble-input.component.mjs +9 -5
- package/esm2020/lib/shared/components/table-select/table-select.component.mjs +8 -8
- package/fesm2015/sigesp.mjs +25 -17
- package/fesm2015/sigesp.mjs.map +1 -1
- package/fesm2020/sigesp.mjs +25 -17
- package/fesm2020/sigesp.mjs.map +1 -1
- package/lib/shared/components/catalogo/catalogo.component.d.ts +2 -1
- package/lib/shared/components/catalogo-doble-input/catalogo-doble-input.component.d.ts +1 -0
- package/lib/shared/components/table-select/table-select.component.d.ts +1 -1
- package/package.json +1 -1
package/fesm2020/sigesp.mjs
CHANGED
|
@@ -1100,15 +1100,19 @@ class CatalogoComponent {
|
|
|
1100
1100
|
this.names = this.dialogData.columnNames;
|
|
1101
1101
|
}
|
|
1102
1102
|
}
|
|
1103
|
+
ngAfterViewInit() {
|
|
1104
|
+
this.dataSource.paginator = this.paginator;
|
|
1105
|
+
this.dataSource.sort = this.sort;
|
|
1106
|
+
}
|
|
1103
1107
|
/**
|
|
1104
1108
|
* @description Filtra la tabla de proveedores
|
|
1105
1109
|
* @param filterValue Palabra clave para filtrar,
|
|
1106
1110
|
* @return void
|
|
1107
1111
|
* @author Miguel Ramírez
|
|
1108
1112
|
*/
|
|
1109
|
-
filterTable(
|
|
1110
|
-
|
|
1111
|
-
this.dataSource.filter =
|
|
1113
|
+
filterTable(event) {
|
|
1114
|
+
const filterValue = event.target.value;
|
|
1115
|
+
this.dataSource.filter = filterValue.trim().toLowerCase();
|
|
1112
1116
|
if (this.dataSource.paginator) {
|
|
1113
1117
|
this.dataSource.paginator.firstPage();
|
|
1114
1118
|
}
|
|
@@ -1124,7 +1128,7 @@ class CatalogoComponent {
|
|
|
1124
1128
|
}
|
|
1125
1129
|
}
|
|
1126
1130
|
CatalogoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1127
|
-
CatalogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoComponent, selector: "app-catalogo", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true
|
|
1131
|
+
CatalogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoComponent, selector: "app-catalogo", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n\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)=\"closeDialog()\">\r\n <mat-icon>close</mat-icon>\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\" (keyup)=\"filterTable($event)\">\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- TABLA -->\r\n <div class=\"table-container\">\r\n <table mat-table [dataSource]=\"dataSource\" matSort>\r\n <!-- DATA -->\r\n <ng-container *ngFor=\"let column of colunms;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\" (click)=\"closeDialog(row)\">\r\n {{row[column]}} \r\n </td>\r\n </ng-container>\r\n \r\n <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n </table>\r\n </div>\r\n <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n </div>\r\n\r\n</div>\r\n \r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
|
|
1128
1132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoComponent, decorators: [{
|
|
1129
1133
|
type: Component,
|
|
1130
1134
|
args: [{ selector: 'app-catalogo', template: "<div class=\"container\">\r\n\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)=\"closeDialog()\">\r\n <mat-icon>close</mat-icon>\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\" (keyup)=\"filterTable($event)\">\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- TABLA -->\r\n <div class=\"table-container\">\r\n <table mat-table [dataSource]=\"dataSource\" matSort>\r\n <!-- DATA -->\r\n <ng-container *ngFor=\"let column of colunms;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\" (click)=\"closeDialog(row)\">\r\n {{row[column]}} \r\n </td>\r\n </ng-container>\r\n \r\n <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n </table>\r\n </div>\r\n <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n </div>\r\n\r\n</div>\r\n \r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
|
|
@@ -1137,10 +1141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1137
1141
|
args: [MAT_DIALOG_DATA]
|
|
1138
1142
|
}] }]; }, propDecorators: { paginator: [{
|
|
1139
1143
|
type: ViewChild,
|
|
1140
|
-
args: [MatPaginator
|
|
1144
|
+
args: [MatPaginator]
|
|
1141
1145
|
}], sort: [{
|
|
1142
1146
|
type: ViewChild,
|
|
1143
|
-
args: [MatSort
|
|
1147
|
+
args: [MatSort]
|
|
1144
1148
|
}] } });
|
|
1145
1149
|
|
|
1146
1150
|
class MCuentaPresupuesto {
|
|
@@ -1688,7 +1692,6 @@ class TableSelectComponent {
|
|
|
1688
1692
|
ngAfterViewInit() {
|
|
1689
1693
|
this.dataSource.paginator = this.paginator;
|
|
1690
1694
|
this.dataSource.sort = this.sort;
|
|
1691
|
-
// this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
|
|
1692
1695
|
}
|
|
1693
1696
|
isAllSelected() {
|
|
1694
1697
|
const numSelected = this.selection.selected.length;
|
|
@@ -1712,9 +1715,10 @@ class TableSelectComponent {
|
|
|
1712
1715
|
cancelDialog() {
|
|
1713
1716
|
this.dialogRef.close(null);
|
|
1714
1717
|
}
|
|
1715
|
-
filterTable(
|
|
1718
|
+
filterTable(event) {
|
|
1716
1719
|
this.selection.clear(); //nuevo
|
|
1717
|
-
|
|
1720
|
+
const filterValue = event.target.value;
|
|
1721
|
+
this.dataSource.filter = filterValue.trim().toLowerCase();
|
|
1718
1722
|
if (this.dataSource.paginator) {
|
|
1719
1723
|
this.dataSource.paginator.firstPage();
|
|
1720
1724
|
}
|
|
@@ -1729,10 +1733,10 @@ class TableSelectComponent {
|
|
|
1729
1733
|
}
|
|
1730
1734
|
}
|
|
1731
1735
|
TableSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableSelectComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1732
|
-
TableSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableSelectComponent, selector: "app-table-select", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true
|
|
1736
|
+
TableSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableSelectComponent, selector: "app-table-select", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, 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)\">\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 \r\n <mat-paginator \r\n [pageSizeOptions]=\"[5, 10, 25, 100]\" \r\n showFirstLastButtons class=\"paginator\">\r\n </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{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn Icon{display:flex}.container .body{padding:15px;margin-top:10px}.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-right:5px!important;padding-top:5px!important;padding-bottom: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}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: IconComponent, selector: "icon-m", inputs: ["name", "size", "color"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
|
|
1733
1737
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableSelectComponent, decorators: [{
|
|
1734
1738
|
type: Component,
|
|
1735
|
-
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)\">\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\"
|
|
1739
|
+
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)\">\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 \r\n <mat-paginator \r\n [pageSizeOptions]=\"[5, 10, 25, 100]\" \r\n showFirstLastButtons class=\"paginator\">\r\n </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{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn Icon{display:flex}.container .body{padding:15px;margin-top:10px}.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-right:5px!important;padding-top:5px!important;padding-bottom: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}\n"] }]
|
|
1736
1740
|
}], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
|
|
1737
1741
|
type: Optional
|
|
1738
1742
|
}] }, { type: undefined, decorators: [{
|
|
@@ -1742,10 +1746,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1742
1746
|
args: [MAT_DIALOG_DATA]
|
|
1743
1747
|
}] }]; }, propDecorators: { paginator: [{
|
|
1744
1748
|
type: ViewChild,
|
|
1745
|
-
args: [MatPaginator
|
|
1749
|
+
args: [MatPaginator]
|
|
1746
1750
|
}], sort: [{
|
|
1747
1751
|
type: ViewChild,
|
|
1748
|
-
args: [MatSort
|
|
1752
|
+
args: [MatSort]
|
|
1749
1753
|
}] } });
|
|
1750
1754
|
|
|
1751
1755
|
class MConfigurationSPG {
|
|
@@ -2267,6 +2271,10 @@ class CatalogoDobleInputComponent {
|
|
|
2267
2271
|
return (f.includes(this.first.toLowerCase()) && s.includes(this.second.toLowerCase()));
|
|
2268
2272
|
};
|
|
2269
2273
|
}
|
|
2274
|
+
ngAfterViewInit() {
|
|
2275
|
+
this.dataSource.paginator = this.paginator;
|
|
2276
|
+
this.dataSource.sort = this.sort;
|
|
2277
|
+
}
|
|
2270
2278
|
/**
|
|
2271
2279
|
* @description Filtra la tabla de proveedores
|
|
2272
2280
|
* @param filterValue Palabra clave para filtrar,
|
|
@@ -2274,7 +2282,7 @@ class CatalogoDobleInputComponent {
|
|
|
2274
2282
|
* @author Carlos Albornoz
|
|
2275
2283
|
*/
|
|
2276
2284
|
filterTable(filterValue, event) {
|
|
2277
|
-
if (event.
|
|
2285
|
+
if (event.key !== 'Tab') {
|
|
2278
2286
|
this.dataSource.filter = filterValue.toLowerCase();
|
|
2279
2287
|
if (this.dataSource.paginator) {
|
|
2280
2288
|
this.dataSource.paginator.firstPage();
|
|
@@ -2292,7 +2300,7 @@ class CatalogoDobleInputComponent {
|
|
|
2292
2300
|
}
|
|
2293
2301
|
}
|
|
2294
2302
|
CatalogoDobleInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoDobleInputComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2295
|
-
CatalogoDobleInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoDobleInputComponent, selector: "app-catalogo-doble-input", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true
|
|
2303
|
+
CatalogoDobleInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoDobleInputComponent, selector: "app-catalogo-doble-input", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n\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)=\"closeDialog()\">\r\n <mat-icon>close</mat-icon>\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 \r\n placeholder=\"Filtrar por {{filterData[0].placeholder}}\"\r\n (keyup)=\"filterTable(first, $event)\"\r\n [(ngModel)]=\"first\">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"filter\">\r\n <mat-form-field class=\"input\">\r\n <input type=\"text\" matInput \r\n placeholder=\"Filtrar por {{filterData[1].placeholder}}\"\r\n (keyup)=\"filterTable(second, $event)\"\r\n [(ngModel)]=\"second\">\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- TABLA -->\r\n <div class=\"table-container\">\r\n <table mat-table [dataSource]=\"dataSource\" matSort>\r\n <!-- DATA -->\r\n <ng-container *ngFor=\"let column of colunms;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\" (click)=\"closeDialog(row)\">\r\n {{row[column]}}\r\n </td>\r\n </ng-container>\r\n\r\n <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n </table>\r\n </div>\r\n <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n </div>\r\n\r\n</div>\r\n\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
|
|
2296
2304
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoDobleInputComponent, decorators: [{
|
|
2297
2305
|
type: Component,
|
|
2298
2306
|
args: [{ selector: 'app-catalogo-doble-input', template: "<div class=\"container\">\r\n\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)=\"closeDialog()\">\r\n <mat-icon>close</mat-icon>\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 \r\n placeholder=\"Filtrar por {{filterData[0].placeholder}}\"\r\n (keyup)=\"filterTable(first, $event)\"\r\n [(ngModel)]=\"first\">\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"filter\">\r\n <mat-form-field class=\"input\">\r\n <input type=\"text\" matInput \r\n placeholder=\"Filtrar por {{filterData[1].placeholder}}\"\r\n (keyup)=\"filterTable(second, $event)\"\r\n [(ngModel)]=\"second\">\r\n </mat-form-field>\r\n </div>\r\n\r\n <!-- TABLA -->\r\n <div class=\"table-container\">\r\n <table mat-table [dataSource]=\"dataSource\" matSort>\r\n <!-- DATA -->\r\n <ng-container *ngFor=\"let column of colunms;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\" (click)=\"closeDialog(row)\">\r\n {{row[column]}}\r\n </td>\r\n </ng-container>\r\n\r\n <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n </table>\r\n </div>\r\n <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n </div>\r\n\r\n</div>\r\n\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
|
|
@@ -2305,10 +2313,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
2305
2313
|
args: [MAT_DIALOG_DATA]
|
|
2306
2314
|
}] }]; }, propDecorators: { paginator: [{
|
|
2307
2315
|
type: ViewChild,
|
|
2308
|
-
args: [MatPaginator
|
|
2316
|
+
args: [MatPaginator]
|
|
2309
2317
|
}], sort: [{
|
|
2310
2318
|
type: ViewChild,
|
|
2311
|
-
args: [MatSort
|
|
2319
|
+
args: [MatSort]
|
|
2312
2320
|
}] } });
|
|
2313
2321
|
|
|
2314
2322
|
class MRights extends MBasicModel {
|