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/fesm2015/sigesp.mjs
CHANGED
|
@@ -1101,15 +1101,19 @@ class CatalogoComponent {
|
|
|
1101
1101
|
this.names = this.dialogData.columnNames;
|
|
1102
1102
|
}
|
|
1103
1103
|
}
|
|
1104
|
+
ngAfterViewInit() {
|
|
1105
|
+
this.dataSource.paginator = this.paginator;
|
|
1106
|
+
this.dataSource.sort = this.sort;
|
|
1107
|
+
}
|
|
1104
1108
|
/**
|
|
1105
1109
|
* @description Filtra la tabla de proveedores
|
|
1106
1110
|
* @param filterValue Palabra clave para filtrar,
|
|
1107
1111
|
* @return void
|
|
1108
1112
|
* @author Miguel Ramírez
|
|
1109
1113
|
*/
|
|
1110
|
-
filterTable(
|
|
1111
|
-
|
|
1112
|
-
this.dataSource.filter =
|
|
1114
|
+
filterTable(event) {
|
|
1115
|
+
const filterValue = event.target.value;
|
|
1116
|
+
this.dataSource.filter = filterValue.trim().toLowerCase();
|
|
1113
1117
|
if (this.dataSource.paginator) {
|
|
1114
1118
|
this.dataSource.paginator.firstPage();
|
|
1115
1119
|
}
|
|
@@ -1125,7 +1129,7 @@ class CatalogoComponent {
|
|
|
1125
1129
|
}
|
|
1126
1130
|
}
|
|
1127
1131
|
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 });
|
|
1128
|
-
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
|
|
1132
|
+
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" }] });
|
|
1129
1133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoComponent, decorators: [{
|
|
1130
1134
|
type: Component,
|
|
1131
1135
|
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"] }]
|
|
@@ -1140,10 +1144,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1140
1144
|
}] }];
|
|
1141
1145
|
}, propDecorators: { paginator: [{
|
|
1142
1146
|
type: ViewChild,
|
|
1143
|
-
args: [MatPaginator
|
|
1147
|
+
args: [MatPaginator]
|
|
1144
1148
|
}], sort: [{
|
|
1145
1149
|
type: ViewChild,
|
|
1146
|
-
args: [MatSort
|
|
1150
|
+
args: [MatSort]
|
|
1147
1151
|
}] } });
|
|
1148
1152
|
|
|
1149
1153
|
class MCuentaPresupuesto {
|
|
@@ -1693,7 +1697,6 @@ class TableSelectComponent {
|
|
|
1693
1697
|
ngAfterViewInit() {
|
|
1694
1698
|
this.dataSource.paginator = this.paginator;
|
|
1695
1699
|
this.dataSource.sort = this.sort;
|
|
1696
|
-
// this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
|
|
1697
1700
|
}
|
|
1698
1701
|
isAllSelected() {
|
|
1699
1702
|
const numSelected = this.selection.selected.length;
|
|
@@ -1717,9 +1720,10 @@ class TableSelectComponent {
|
|
|
1717
1720
|
cancelDialog() {
|
|
1718
1721
|
this.dialogRef.close(null);
|
|
1719
1722
|
}
|
|
1720
|
-
filterTable(
|
|
1723
|
+
filterTable(event) {
|
|
1721
1724
|
this.selection.clear(); //nuevo
|
|
1722
|
-
|
|
1725
|
+
const filterValue = event.target.value;
|
|
1726
|
+
this.dataSource.filter = filterValue.trim().toLowerCase();
|
|
1723
1727
|
if (this.dataSource.paginator) {
|
|
1724
1728
|
this.dataSource.paginator.firstPage();
|
|
1725
1729
|
}
|
|
@@ -1734,10 +1738,10 @@ class TableSelectComponent {
|
|
|
1734
1738
|
}
|
|
1735
1739
|
}
|
|
1736
1740
|
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 });
|
|
1737
|
-
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
|
|
1741
|
+
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" }] });
|
|
1738
1742
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableSelectComponent, decorators: [{
|
|
1739
1743
|
type: Component,
|
|
1740
|
-
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\"
|
|
1744
|
+
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"] }]
|
|
1741
1745
|
}], ctorParameters: function () {
|
|
1742
1746
|
return [{ type: i1.MatDialogRef, decorators: [{
|
|
1743
1747
|
type: Optional
|
|
@@ -1749,10 +1753,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1749
1753
|
}] }];
|
|
1750
1754
|
}, propDecorators: { paginator: [{
|
|
1751
1755
|
type: ViewChild,
|
|
1752
|
-
args: [MatPaginator
|
|
1756
|
+
args: [MatPaginator]
|
|
1753
1757
|
}], sort: [{
|
|
1754
1758
|
type: ViewChild,
|
|
1755
|
-
args: [MatSort
|
|
1759
|
+
args: [MatSort]
|
|
1756
1760
|
}] } });
|
|
1757
1761
|
|
|
1758
1762
|
class MConfigurationSPG {
|
|
@@ -2276,6 +2280,10 @@ class CatalogoDobleInputComponent {
|
|
|
2276
2280
|
return (f.includes(this.first.toLowerCase()) && s.includes(this.second.toLowerCase()));
|
|
2277
2281
|
};
|
|
2278
2282
|
}
|
|
2283
|
+
ngAfterViewInit() {
|
|
2284
|
+
this.dataSource.paginator = this.paginator;
|
|
2285
|
+
this.dataSource.sort = this.sort;
|
|
2286
|
+
}
|
|
2279
2287
|
/**
|
|
2280
2288
|
* @description Filtra la tabla de proveedores
|
|
2281
2289
|
* @param filterValue Palabra clave para filtrar,
|
|
@@ -2283,7 +2291,7 @@ class CatalogoDobleInputComponent {
|
|
|
2283
2291
|
* @author Carlos Albornoz
|
|
2284
2292
|
*/
|
|
2285
2293
|
filterTable(filterValue, event) {
|
|
2286
|
-
if (event.
|
|
2294
|
+
if (event.key !== 'Tab') {
|
|
2287
2295
|
this.dataSource.filter = filterValue.toLowerCase();
|
|
2288
2296
|
if (this.dataSource.paginator) {
|
|
2289
2297
|
this.dataSource.paginator.firstPage();
|
|
@@ -2301,7 +2309,7 @@ class CatalogoDobleInputComponent {
|
|
|
2301
2309
|
}
|
|
2302
2310
|
}
|
|
2303
2311
|
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 });
|
|
2304
|
-
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
|
|
2312
|
+
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" }] });
|
|
2305
2313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoDobleInputComponent, decorators: [{
|
|
2306
2314
|
type: Component,
|
|
2307
2315
|
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"] }]
|
|
@@ -2316,10 +2324,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
2316
2324
|
}] }];
|
|
2317
2325
|
}, propDecorators: { paginator: [{
|
|
2318
2326
|
type: ViewChild,
|
|
2319
|
-
args: [MatPaginator
|
|
2327
|
+
args: [MatPaginator]
|
|
2320
2328
|
}], sort: [{
|
|
2321
2329
|
type: ViewChild,
|
|
2322
|
-
args: [MatSort
|
|
2330
|
+
args: [MatSort]
|
|
2323
2331
|
}] } });
|
|
2324
2332
|
|
|
2325
2333
|
class MRights extends MBasicModel {
|