sigesp 1.0.3-20240419 → 1.0.5-20240423
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 +12 -8
- package/esm2020/lib/shared/components/catalogo-doble-input/catalogo-doble-input.component.mjs +10 -6
- package/esm2020/lib/shared/components/catalogo-estructuras/catalogo-estructuras.component.mjs +3 -3
- package/esm2020/lib/shared/components/table-select/table-select.component.mjs +8 -8
- package/esm2020/lib/sigesp.service.mjs +18 -18
- package/fesm2015/sigesp.mjs +46 -38
- package/fesm2015/sigesp.mjs.map +1 -1
- package/fesm2020/sigesp.mjs +46 -38
- 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,10 +1128,10 @@ 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]\" showFirstLastButtons 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
|
-
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"] }]
|
|
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]\" showFirstLastButtons 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"] }]
|
|
1131
1135
|
}], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
|
|
1132
1136
|
type: Optional
|
|
1133
1137
|
}] }, { type: undefined, decorators: [{
|
|
@@ -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 {
|
|
@@ -2224,10 +2228,10 @@ class CatalogoEstructurasComponent {
|
|
|
2224
2228
|
}
|
|
2225
2229
|
}
|
|
2226
2230
|
CatalogoEstructurasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoEstructurasComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2227
|
-
CatalogoEstructurasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoEstructurasComponent, selector: "app-catalogo-estructuras", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: 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>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n <!-- BTN CERRAR -->\r\n <div class=\"close\" (click)=\"closeDialog()\">\r\n <div class=\"btn\">\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 <!-- columna 1 -->\r\n <ng-container [matColumnDef]=\"colunms[0]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[0] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n </ng-container>\r\n <!-- columna 2 -->\r\n <ng-container [matColumnDef]=\"colunms[1]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[1] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[3]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[4]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n </ng-container>\r\n <!-- columna 6 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[5] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 7 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[6] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{element.codigoEstructuraProgramatica}} \r\n </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n </td>\r\n </ng-container>\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\" (click)=\"closeDialog(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", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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" }] });
|
|
2231
|
+
CatalogoEstructurasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoEstructurasComponent, selector: "app-catalogo-estructuras", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: 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>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n <!-- BTN CERRAR -->\r\n <div class=\"close\" (click)=\"closeDialog()\">\r\n <div class=\"btn\">\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 <!-- columna 1 -->\r\n <ng-container [matColumnDef]=\"colunms[0]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[0] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n </ng-container>\r\n <!-- columna 2 -->\r\n <ng-container [matColumnDef]=\"colunms[1]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[1] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[3]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[4]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n </ng-container>\r\n <!-- columna 6 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[5] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 7 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[6] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{element.codigoEstructuraProgramatica}} \r\n </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n </td>\r\n </ng-container>\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\" (click)=\"closeDialog(row)\"></tr>\r\n </table>\r\n </div>\r\n <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n </div>\r\n\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 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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" }] });
|
|
2228
2232
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoEstructurasComponent, decorators: [{
|
|
2229
2233
|
type: Component,
|
|
2230
|
-
args: [{ selector: 'app-catalogo-estructuras', 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>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n <!-- BTN CERRAR -->\r\n <div class=\"close\" (click)=\"closeDialog()\">\r\n <div class=\"btn\">\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 <!-- columna 1 -->\r\n <ng-container [matColumnDef]=\"colunms[0]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[0] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n </ng-container>\r\n <!-- columna 2 -->\r\n <ng-container [matColumnDef]=\"colunms[1]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[1] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[3]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[4]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n </ng-container>\r\n <!-- columna 6 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[5] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 7 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[6] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{element.codigoEstructuraProgramatica}} \r\n </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n </td>\r\n </ng-container>\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\" (click)=\"closeDialog(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", 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"] }]
|
|
2234
|
+
args: [{ selector: 'app-catalogo-estructuras', 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>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n <!-- BTN CERRAR -->\r\n <div class=\"close\" (click)=\"closeDialog()\">\r\n <div class=\"btn\">\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 <!-- columna 1 -->\r\n <ng-container [matColumnDef]=\"colunms[0]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[0] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n </ng-container>\r\n <!-- columna 2 -->\r\n <ng-container [matColumnDef]=\"colunms[1]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[1] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[3]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[4]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n </ng-container>\r\n <!-- columna 6 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[5] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 7 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[6] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n <!-- columna 3 -->\r\n <ng-container [matColumnDef]=\"colunms[2]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[2] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{element.codigoEstructuraProgramatica}} \r\n </td>\r\n </ng-container>\r\n <!-- columna 4 -->\r\n <ng-container [matColumnDef]=\"colunms[5]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[3] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\"> \r\n {{ element.denominacionEstructuraProgramatica }} \r\n </td>\r\n </ng-container>\r\n <!-- columna 5 -->\r\n <ng-container [matColumnDef]=\"colunms[6]\">\r\n <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n {{ colunms[4] | uppercase }} \r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n </td>\r\n </ng-container>\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\" (click)=\"closeDialog(row)\"></tr>\r\n </table>\r\n </div>\r\n <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n </div>\r\n\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 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"] }]
|
|
2231
2235
|
}], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
|
|
2232
2236
|
type: Optional
|
|
2233
2237
|
}] }, { type: undefined, decorators: [{
|
|
@@ -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,10 +2300,10 @@ 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]\" showFirstLastButtons 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
|
-
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"] }]
|
|
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]\" showFirstLastButtons 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"] }]
|
|
2299
2307
|
}], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
|
|
2300
2308
|
type: Optional
|
|
2301
2309
|
}] }, { type: undefined, decorators: [{
|
|
@@ -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 {
|
|
@@ -6525,7 +6533,7 @@ class SigespService {
|
|
|
6525
6533
|
data,
|
|
6526
6534
|
configuration
|
|
6527
6535
|
},
|
|
6528
|
-
width: '
|
|
6536
|
+
width: '1000px',
|
|
6529
6537
|
maxHeight: '90vh'
|
|
6530
6538
|
});
|
|
6531
6539
|
return catalogo.afterClosed().toPromise();
|
|
@@ -6895,7 +6903,7 @@ class SigespService {
|
|
|
6895
6903
|
// title: string,
|
|
6896
6904
|
// dataSource: any[],
|
|
6897
6905
|
// columnNames?: string[]
|
|
6898
|
-
columns, title, dataSource, columnNames = null, width = '
|
|
6906
|
+
columns, title, dataSource, columnNames = null, width = '1000px', options = {
|
|
6899
6907
|
disableClose: false,
|
|
6900
6908
|
hasBackdrop: false,
|
|
6901
6909
|
// disableMasterToggle: false
|
|
@@ -6929,7 +6937,7 @@ class SigespService {
|
|
|
6929
6937
|
title: 'Catálogo de Plan de Cuentas Géneral',
|
|
6930
6938
|
dataSource: planes
|
|
6931
6939
|
},
|
|
6932
|
-
width: '
|
|
6940
|
+
width: '1000px',
|
|
6933
6941
|
maxHeight: '90vh'
|
|
6934
6942
|
});
|
|
6935
6943
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -6964,7 +6972,7 @@ class SigespService {
|
|
|
6964
6972
|
title: title,
|
|
6965
6973
|
message: (message) ? message : null
|
|
6966
6974
|
},
|
|
6967
|
-
width: '
|
|
6975
|
+
width: '1000px',
|
|
6968
6976
|
maxHeight: '90vh'
|
|
6969
6977
|
});
|
|
6970
6978
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7099,7 +7107,7 @@ class SigespService {
|
|
|
7099
7107
|
title: 'Catálogo de Unidades Tributarias',
|
|
7100
7108
|
dataSource: udTributarias
|
|
7101
7109
|
},
|
|
7102
|
-
width: '
|
|
7110
|
+
width: '1000x',
|
|
7103
7111
|
maxHeight: '90vh'
|
|
7104
7112
|
});
|
|
7105
7113
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7127,7 +7135,7 @@ class SigespService {
|
|
|
7127
7135
|
* @return Promise<any>
|
|
7128
7136
|
* @author Miguel Ramírez
|
|
7129
7137
|
*/
|
|
7130
|
-
async openCatalogoGenerico(columns, title, dataSource, columnNames = null, width = '
|
|
7138
|
+
async openCatalogoGenerico(columns, title, dataSource, columnNames = null, width = '1000px', options = { disableClose: false, hasBackdrop: false }) {
|
|
7131
7139
|
let dialogRef = this.dialog.open(CatalogoComponent, {
|
|
7132
7140
|
data: {
|
|
7133
7141
|
columns,
|
|
@@ -7150,7 +7158,7 @@ class SigespService {
|
|
|
7150
7158
|
* @return Promise<any>
|
|
7151
7159
|
* @author Carlos Albornoz
|
|
7152
7160
|
*/
|
|
7153
|
-
async openCatalogoDosInputs(columns, title, dataSource, filterData, columnNames = null, width = "
|
|
7161
|
+
async openCatalogoDosInputs(columns, title, dataSource, filterData, columnNames = null, width = "1000px") {
|
|
7154
7162
|
let dialogRef = this.dialog.open(CatalogoDobleInputComponent, {
|
|
7155
7163
|
data: {
|
|
7156
7164
|
columns,
|
|
@@ -7177,7 +7185,7 @@ class SigespService {
|
|
|
7177
7185
|
title: 'Catálogo de Comunidades',
|
|
7178
7186
|
dataSource: comunidades
|
|
7179
7187
|
},
|
|
7180
|
-
width: '
|
|
7188
|
+
width: '1000px',
|
|
7181
7189
|
maxHeight: '90vh'
|
|
7182
7190
|
});
|
|
7183
7191
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7195,7 +7203,7 @@ class SigespService {
|
|
|
7195
7203
|
usuario: this.usuarioActivo.getInterface()
|
|
7196
7204
|
}
|
|
7197
7205
|
};
|
|
7198
|
-
return this.http.post(`${this.URL}/dao/cfg/comunidades_dao.php`, request).pipe(
|
|
7206
|
+
return this.http.post(`${this.URL}/dao/cfg/comunidades_dao.php`, request).pipe(map((resp) => resp.map(element => new MComunidad(element))));
|
|
7199
7207
|
}
|
|
7200
7208
|
/**
|
|
7201
7209
|
* @description Abre el dialog de las las monedas
|
|
@@ -7211,7 +7219,7 @@ class SigespService {
|
|
|
7211
7219
|
columnNames: ['código', 'denominación', 'iso', 'simbolo'],
|
|
7212
7220
|
dataSource: coins
|
|
7213
7221
|
},
|
|
7214
|
-
width: '
|
|
7222
|
+
width: '1000px',
|
|
7215
7223
|
maxHeight: '90vh'
|
|
7216
7224
|
});
|
|
7217
7225
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7226,7 +7234,7 @@ class SigespService {
|
|
|
7226
7234
|
* @returns
|
|
7227
7235
|
*/
|
|
7228
7236
|
getMonedas(tipo, id) {
|
|
7229
|
-
return this.http.get(`${this.URL}/dao/cfg/moneda_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(
|
|
7237
|
+
return this.http.get(`${this.URL}/dao/cfg/moneda_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(map((resp) => resp.data.map(element => new MMoneda(element))));
|
|
7230
7238
|
}
|
|
7231
7239
|
/**
|
|
7232
7240
|
* @Description: Obtiene la tasa de cambio asociadas a uno o varias monedas
|
|
@@ -7236,7 +7244,7 @@ class SigespService {
|
|
|
7236
7244
|
* @tipo:all->todas, (moneda->una moneda id->id de moneda)
|
|
7237
7245
|
*/
|
|
7238
7246
|
getCurrencyExchangeRate(tipo = null, id) {
|
|
7239
|
-
return this.http.get(`${this.URL}/dao/cfg/tasa_cambio_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(
|
|
7247
|
+
return this.http.get(`${this.URL}/dao/cfg/tasa_cambio_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(map((resp) => resp.data.map(element => new MExchangeRate(element))));
|
|
7240
7248
|
}
|
|
7241
7249
|
/**
|
|
7242
7250
|
* @description Abre el dialog de las las cuentas contables (Cuentas Institucionales)
|
|
@@ -7252,7 +7260,7 @@ class SigespService {
|
|
|
7252
7260
|
title: 'Catálogo de plan de cuenta institucional',
|
|
7253
7261
|
dataSource: accounts
|
|
7254
7262
|
},
|
|
7255
|
-
width: '
|
|
7263
|
+
width: '1000px',
|
|
7256
7264
|
maxHeight: '90vh'
|
|
7257
7265
|
});
|
|
7258
7266
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7279,7 +7287,7 @@ class SigespService {
|
|
|
7279
7287
|
title: 'Catálogo de Cuentas de Presupuesto',
|
|
7280
7288
|
dataSource: accounts
|
|
7281
7289
|
},
|
|
7282
|
-
width: '
|
|
7290
|
+
width: '1000px',
|
|
7283
7291
|
maxHeight: '90vh'
|
|
7284
7292
|
});
|
|
7285
7293
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7298,7 +7306,7 @@ class SigespService {
|
|
|
7298
7306
|
* @author Carlos Albornoz
|
|
7299
7307
|
* @params filtro: Indica bajo que parametros se va a filtrar el catalogo
|
|
7300
7308
|
*/
|
|
7301
|
-
async openCatalogoCuentasPresuspuesto(titulo, filtro = null, ancho = '
|
|
7309
|
+
async openCatalogoCuentasPresuspuesto(titulo, filtro = null, ancho = '1000px') {
|
|
7302
7310
|
let cuentas = [];
|
|
7303
7311
|
await this.getCuentasPresupuesto().toPromise().then((res) => {
|
|
7304
7312
|
cuentas = res;
|
|
@@ -7328,7 +7336,7 @@ class SigespService {
|
|
|
7328
7336
|
* @author Carlos Albornoz
|
|
7329
7337
|
* @params presupuesto: Indica si se a trabajar con estructura de presupuesto o no
|
|
7330
7338
|
*/
|
|
7331
|
-
async openCatalogoCuentasEgreso(titulo, presupuesto = true, ancho = "
|
|
7339
|
+
async openCatalogoCuentasEgreso(titulo, presupuesto = true, ancho = "1000px") {
|
|
7332
7340
|
let cuentas = [];
|
|
7333
7341
|
await this.getExpenseAccounts().toPromise().then(res => {
|
|
7334
7342
|
cuentas = res;
|
|
@@ -7364,7 +7372,7 @@ class SigespService {
|
|
|
7364
7372
|
* @author Carlos Albornoz
|
|
7365
7373
|
* @params presupuesto: Indica si se a trabajar con estructura de presupuesto o no
|
|
7366
7374
|
*/
|
|
7367
|
-
async openCatalogoCuentasIngreso(titulo, presupuesto = true, ancho = "
|
|
7375
|
+
async openCatalogoCuentasIngreso(titulo, presupuesto = true, ancho = "1000px") {
|
|
7368
7376
|
let cuentas = [];
|
|
7369
7377
|
await this.getIncomeAccounts().toPromise().then((res) => {
|
|
7370
7378
|
cuentas = res.data;
|