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/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,10 +1129,10 @@ 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]\" 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" }] });
|
|
1129
1133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoComponent, decorators: [{
|
|
1130
1134
|
type: Component,
|
|
1131
|
-
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"] }]
|
|
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]\" 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"] }]
|
|
1132
1136
|
}], ctorParameters: function () {
|
|
1133
1137
|
return [{ type: i1.MatDialogRef, decorators: [{
|
|
1134
1138
|
type: Optional
|
|
@@ -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 {
|
|
@@ -2231,10 +2235,10 @@ class CatalogoEstructurasComponent {
|
|
|
2231
2235
|
}
|
|
2232
2236
|
}
|
|
2233
2237
|
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 });
|
|
2234
|
-
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" }] });
|
|
2238
|
+
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" }] });
|
|
2235
2239
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoEstructurasComponent, decorators: [{
|
|
2236
2240
|
type: Component,
|
|
2237
|
-
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"] }]
|
|
2241
|
+
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"] }]
|
|
2238
2242
|
}], ctorParameters: function () {
|
|
2239
2243
|
return [{ type: i1.MatDialogRef, decorators: [{
|
|
2240
2244
|
type: Optional
|
|
@@ -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,10 +2309,10 @@ 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]\" 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" }] });
|
|
2305
2313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoDobleInputComponent, decorators: [{
|
|
2306
2314
|
type: Component,
|
|
2307
|
-
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"] }]
|
|
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]\" 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"] }]
|
|
2308
2316
|
}], ctorParameters: function () {
|
|
2309
2317
|
return [{ type: i1.MatDialogRef, decorators: [{
|
|
2310
2318
|
type: Optional
|
|
@@ -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 {
|
|
@@ -6536,7 +6544,7 @@ class SigespService {
|
|
|
6536
6544
|
data,
|
|
6537
6545
|
configuration
|
|
6538
6546
|
},
|
|
6539
|
-
width: '
|
|
6547
|
+
width: '1000px',
|
|
6540
6548
|
maxHeight: '90vh'
|
|
6541
6549
|
});
|
|
6542
6550
|
return catalogo.afterClosed().toPromise();
|
|
@@ -6908,7 +6916,7 @@ class SigespService {
|
|
|
6908
6916
|
// title: string,
|
|
6909
6917
|
// dataSource: any[],
|
|
6910
6918
|
// columnNames?: string[]
|
|
6911
|
-
columns, title, dataSource, columnNames = null, width = '
|
|
6919
|
+
columns, title, dataSource, columnNames = null, width = '1000px', options = {
|
|
6912
6920
|
disableClose: false,
|
|
6913
6921
|
hasBackdrop: false,
|
|
6914
6922
|
// disableMasterToggle: false
|
|
@@ -6943,7 +6951,7 @@ class SigespService {
|
|
|
6943
6951
|
title: 'Catálogo de Plan de Cuentas Géneral',
|
|
6944
6952
|
dataSource: planes
|
|
6945
6953
|
},
|
|
6946
|
-
width: '
|
|
6954
|
+
width: '1000px',
|
|
6947
6955
|
maxHeight: '90vh'
|
|
6948
6956
|
});
|
|
6949
6957
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -6979,7 +6987,7 @@ class SigespService {
|
|
|
6979
6987
|
title: title,
|
|
6980
6988
|
message: (message) ? message : null
|
|
6981
6989
|
},
|
|
6982
|
-
width: '
|
|
6990
|
+
width: '1000px',
|
|
6983
6991
|
maxHeight: '90vh'
|
|
6984
6992
|
});
|
|
6985
6993
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7115,7 +7123,7 @@ class SigespService {
|
|
|
7115
7123
|
title: 'Catálogo de Unidades Tributarias',
|
|
7116
7124
|
dataSource: udTributarias
|
|
7117
7125
|
},
|
|
7118
|
-
width: '
|
|
7126
|
+
width: '1000x',
|
|
7119
7127
|
maxHeight: '90vh'
|
|
7120
7128
|
});
|
|
7121
7129
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7144,7 +7152,7 @@ class SigespService {
|
|
|
7144
7152
|
* @return Promise<any>
|
|
7145
7153
|
* @author Miguel Ramírez
|
|
7146
7154
|
*/
|
|
7147
|
-
openCatalogoGenerico(columns, title, dataSource, columnNames = null, width = '
|
|
7155
|
+
openCatalogoGenerico(columns, title, dataSource, columnNames = null, width = '1000px', options = { disableClose: false, hasBackdrop: false }) {
|
|
7148
7156
|
return __awaiter(this, void 0, void 0, function* () {
|
|
7149
7157
|
let dialogRef = this.dialog.open(CatalogoComponent, {
|
|
7150
7158
|
data: {
|
|
@@ -7169,7 +7177,7 @@ class SigespService {
|
|
|
7169
7177
|
* @return Promise<any>
|
|
7170
7178
|
* @author Carlos Albornoz
|
|
7171
7179
|
*/
|
|
7172
|
-
openCatalogoDosInputs(columns, title, dataSource, filterData, columnNames = null, width = "
|
|
7180
|
+
openCatalogoDosInputs(columns, title, dataSource, filterData, columnNames = null, width = "1000px") {
|
|
7173
7181
|
return __awaiter(this, void 0, void 0, function* () {
|
|
7174
7182
|
let dialogRef = this.dialog.open(CatalogoDobleInputComponent, {
|
|
7175
7183
|
data: {
|
|
@@ -7199,7 +7207,7 @@ class SigespService {
|
|
|
7199
7207
|
title: 'Catálogo de Comunidades',
|
|
7200
7208
|
dataSource: comunidades
|
|
7201
7209
|
},
|
|
7202
|
-
width: '
|
|
7210
|
+
width: '1000px',
|
|
7203
7211
|
maxHeight: '90vh'
|
|
7204
7212
|
});
|
|
7205
7213
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7218,7 +7226,7 @@ class SigespService {
|
|
|
7218
7226
|
usuario: this.usuarioActivo.getInterface()
|
|
7219
7227
|
}
|
|
7220
7228
|
};
|
|
7221
|
-
return this.http.post(`${this.URL}/dao/cfg/comunidades_dao.php`, request).pipe(
|
|
7229
|
+
return this.http.post(`${this.URL}/dao/cfg/comunidades_dao.php`, request).pipe(map((resp) => resp.map(element => new MComunidad(element))));
|
|
7222
7230
|
}
|
|
7223
7231
|
/**
|
|
7224
7232
|
* @description Abre el dialog de las las monedas
|
|
@@ -7235,7 +7243,7 @@ class SigespService {
|
|
|
7235
7243
|
columnNames: ['código', 'denominación', 'iso', 'simbolo'],
|
|
7236
7244
|
dataSource: coins
|
|
7237
7245
|
},
|
|
7238
|
-
width: '
|
|
7246
|
+
width: '1000px',
|
|
7239
7247
|
maxHeight: '90vh'
|
|
7240
7248
|
});
|
|
7241
7249
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7251,7 +7259,7 @@ class SigespService {
|
|
|
7251
7259
|
* @returns
|
|
7252
7260
|
*/
|
|
7253
7261
|
getMonedas(tipo, id) {
|
|
7254
|
-
return this.http.get(`${this.URL}/dao/cfg/moneda_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(
|
|
7262
|
+
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))));
|
|
7255
7263
|
}
|
|
7256
7264
|
/**
|
|
7257
7265
|
* @Description: Obtiene la tasa de cambio asociadas a uno o varias monedas
|
|
@@ -7261,7 +7269,7 @@ class SigespService {
|
|
|
7261
7269
|
* @tipo:all->todas, (moneda->una moneda id->id de moneda)
|
|
7262
7270
|
*/
|
|
7263
7271
|
getCurrencyExchangeRate(tipo = null, id) {
|
|
7264
|
-
return this.http.get(`${this.URL}/dao/cfg/tasa_cambio_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(
|
|
7272
|
+
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))));
|
|
7265
7273
|
}
|
|
7266
7274
|
/**
|
|
7267
7275
|
* @description Abre el dialog de las las cuentas contables (Cuentas Institucionales)
|
|
@@ -7278,7 +7286,7 @@ class SigespService {
|
|
|
7278
7286
|
title: 'Catálogo de plan de cuenta institucional',
|
|
7279
7287
|
dataSource: accounts
|
|
7280
7288
|
},
|
|
7281
|
-
width: '
|
|
7289
|
+
width: '1000px',
|
|
7282
7290
|
maxHeight: '90vh'
|
|
7283
7291
|
});
|
|
7284
7292
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7307,7 +7315,7 @@ class SigespService {
|
|
|
7307
7315
|
title: 'Catálogo de Cuentas de Presupuesto',
|
|
7308
7316
|
dataSource: accounts
|
|
7309
7317
|
},
|
|
7310
|
-
width: '
|
|
7318
|
+
width: '1000px',
|
|
7311
7319
|
maxHeight: '90vh'
|
|
7312
7320
|
});
|
|
7313
7321
|
return dialogRef.afterClosed().toPromise();
|
|
@@ -7327,7 +7335,7 @@ class SigespService {
|
|
|
7327
7335
|
* @author Carlos Albornoz
|
|
7328
7336
|
* @params filtro: Indica bajo que parametros se va a filtrar el catalogo
|
|
7329
7337
|
*/
|
|
7330
|
-
openCatalogoCuentasPresuspuesto(titulo, filtro = null, ancho = '
|
|
7338
|
+
openCatalogoCuentasPresuspuesto(titulo, filtro = null, ancho = '1000px') {
|
|
7331
7339
|
return __awaiter(this, void 0, void 0, function* () {
|
|
7332
7340
|
let cuentas = [];
|
|
7333
7341
|
yield this.getCuentasPresupuesto().toPromise().then((res) => {
|
|
@@ -7359,7 +7367,7 @@ class SigespService {
|
|
|
7359
7367
|
* @author Carlos Albornoz
|
|
7360
7368
|
* @params presupuesto: Indica si se a trabajar con estructura de presupuesto o no
|
|
7361
7369
|
*/
|
|
7362
|
-
openCatalogoCuentasEgreso(titulo, presupuesto = true, ancho = "
|
|
7370
|
+
openCatalogoCuentasEgreso(titulo, presupuesto = true, ancho = "1000px") {
|
|
7363
7371
|
return __awaiter(this, void 0, void 0, function* () {
|
|
7364
7372
|
let cuentas = [];
|
|
7365
7373
|
yield this.getExpenseAccounts().toPromise().then(res => {
|
|
@@ -7397,7 +7405,7 @@ class SigespService {
|
|
|
7397
7405
|
* @author Carlos Albornoz
|
|
7398
7406
|
* @params presupuesto: Indica si se a trabajar con estructura de presupuesto o no
|
|
7399
7407
|
*/
|
|
7400
|
-
openCatalogoCuentasIngreso(titulo, presupuesto = true, ancho = "
|
|
7408
|
+
openCatalogoCuentasIngreso(titulo, presupuesto = true, ancho = "1000px") {
|
|
7401
7409
|
return __awaiter(this, void 0, void 0, function* () {
|
|
7402
7410
|
let cuentas = [];
|
|
7403
7411
|
yield this.getIncomeAccounts().toPromise().then((res) => {
|