@seniorsistemas/tmsx-angular-components 1.0.0 → 1.0.1
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/bundles/seniorsistemas-tmsx-angular-components.umd.js +75 -22
- package/bundles/seniorsistemas-tmsx-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-tmsx-angular-components.umd.min.js +1 -15
- package/bundles/seniorsistemas-tmsx-angular-components.umd.min.js.map +1 -1
- package/components/painel-processamento/painel-processamento.component.d.ts +4 -1
- package/esm2015/components/grid-editable-nested/grid-editable-nested.component.js +2 -2
- package/esm2015/components/grid-editable-nested/grid-editable-nested.module.js +2 -7
- package/esm2015/components/painel-processamento/painel-processamento.component.js +51 -16
- package/esm5/components/grid-editable-nested/grid-editable-nested.component.js +2 -2
- package/esm5/components/grid-editable-nested/grid-editable-nested.module.js +2 -7
- package/esm5/components/painel-processamento/painel-processamento.component.js +70 -16
- package/fesm2015/seniorsistemas-tmsx-angular-components.js +53 -22
- package/fesm2015/seniorsistemas-tmsx-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-tmsx-angular-components.js +72 -22
- package/fesm5/seniorsistemas-tmsx-angular-components.js.map +1 -1
- package/package.json +4 -4
- package/seniorsistemas-tmsx-angular-components.metadata.json +1 -1
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import
|
|
1
|
+
import pLimit from 'p-limit';
|
|
2
|
+
import { __awaiter, __decorate } from 'tslib';
|
|
2
3
|
import { TranslateService, TranslateModule } from '@ngx-translate/core';
|
|
3
4
|
import { EventEmitter, ɵɵdefineInjectable, ɵɵinject, Input, Output, Injectable, Component, NgModule, ChangeDetectorRef, ViewChild, InjectionToken } from '@angular/core';
|
|
4
|
-
import { EnumColumnFieldType, LocaleModule, TooltipModule, TableModule as TableModule$1, ButtonModule, FieldType, LocalizedDatePipe, LoadingStateModule, NumberInputModule, BreadcrumbModule, ControlErrorsModule, CustomFieldsModule, DynamicFormModule, EmptyStateModule, TokenListModule
|
|
5
|
+
import { EnumColumnFieldType, LocaleModule, TooltipModule, TableModule as TableModule$1, ButtonModule, FieldType, LocalizedDatePipe, LoadingStateModule, NumberInputModule, BreadcrumbModule, ControlErrorsModule, CustomFieldsModule, DynamicFormModule, EmptyStateModule, TokenListModule } from '@seniorsistemas/angular-components';
|
|
5
6
|
import { TableModule } from 'primeng/table';
|
|
6
7
|
import { CommonModule } from '@angular/common';
|
|
7
8
|
import { PanelModule } from 'primeng/panel';
|
|
8
9
|
import { Subject } from 'rxjs';
|
|
9
10
|
import { Hotkey, HotkeysService } from 'angular2-hotkeys';
|
|
10
11
|
import { ToastModule } from 'primeng/toast';
|
|
11
|
-
import { TabMenuModule } from 'primeng/tabmenu';
|
|
12
12
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
13
13
|
import { InputTextModule } from 'primeng/inputtext';
|
|
14
14
|
import { ConfirmDialogModule } from 'primeng/confirmdialog';
|
|
15
15
|
import { CalendarModule } from 'primeng/calendar';
|
|
16
16
|
import { DropdownModule } from 'primeng/dropdown';
|
|
17
|
-
import { TabViewModule } from 'primeng/tabview';
|
|
18
17
|
import { SharedModule } from 'primeng/api';
|
|
19
18
|
import { TooltipModule as TooltipModule$1 } from 'primeng/tooltip';
|
|
20
19
|
import { AutoCompleteModule } from 'primeng/autocomplete';
|
|
@@ -65,7 +64,12 @@ let PainelProcessamentoComponent = class PainelProcessamentoComponent {
|
|
|
65
64
|
this.processingProgress = '0%';
|
|
66
65
|
this.totalRecords = this.params.registros.length;
|
|
67
66
|
this.pendingCount = this.totalRecords;
|
|
68
|
-
this.
|
|
67
|
+
if (this.params.quantidadeChamadasSimultaneas > 1) {
|
|
68
|
+
this.processAllRecordsWithPLimit();
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
this.syncProcessRecord(0);
|
|
72
|
+
}
|
|
69
73
|
}
|
|
70
74
|
initGrid() {
|
|
71
75
|
this.gridData = [];
|
|
@@ -75,7 +79,21 @@ let PainelProcessamentoComponent = class PainelProcessamentoComponent {
|
|
|
75
79
|
label: registro.descricao
|
|
76
80
|
}));
|
|
77
81
|
}
|
|
78
|
-
|
|
82
|
+
updateRowSuccess(row, index) {
|
|
83
|
+
this.successCount++;
|
|
84
|
+
this.pendingCount--;
|
|
85
|
+
this.updateRowStatus(row, EnumProcessamentoStatus.SUCCESS);
|
|
86
|
+
this.processado.emit(row);
|
|
87
|
+
this.updateProgressBar();
|
|
88
|
+
}
|
|
89
|
+
updateRowError(row, index, message) {
|
|
90
|
+
this.failedCount++;
|
|
91
|
+
this.pendingCount--;
|
|
92
|
+
this.updateRowStatus(row, EnumProcessamentoStatus.FAILED, message);
|
|
93
|
+
this.processado.emit(row);
|
|
94
|
+
this.updateProgressBar();
|
|
95
|
+
}
|
|
96
|
+
syncProcessRecord(index) {
|
|
79
97
|
if (this.pendingCount < 1) {
|
|
80
98
|
this.concluido.emit('ok');
|
|
81
99
|
return;
|
|
@@ -86,19 +104,11 @@ let PainelProcessamentoComponent = class PainelProcessamentoComponent {
|
|
|
86
104
|
if (record.apiEnvio) {
|
|
87
105
|
record.apiEnvio(record.objEnvio)
|
|
88
106
|
.subscribe(() => {
|
|
89
|
-
this.
|
|
90
|
-
this.
|
|
91
|
-
this.updateRowStatus(row, EnumProcessamentoStatus.SUCCESS);
|
|
92
|
-
this.processado.emit(row);
|
|
93
|
-
this.updateProgressBar();
|
|
94
|
-
this.processRecord(index + 1);
|
|
107
|
+
this.updateRowSuccess(row, index);
|
|
108
|
+
this.syncProcessRecord(index + 1);
|
|
95
109
|
}, (error) => {
|
|
96
|
-
this.
|
|
97
|
-
this.
|
|
98
|
-
this.updateRowStatus(row, EnumProcessamentoStatus.FAILED, error.message);
|
|
99
|
-
this.processado.emit(row);
|
|
100
|
-
this.updateProgressBar();
|
|
101
|
-
this.processRecord(index + 1);
|
|
110
|
+
this.updateRowError(row, index, error.message);
|
|
111
|
+
this.syncProcessRecord(index + 1);
|
|
102
112
|
});
|
|
103
113
|
}
|
|
104
114
|
else {
|
|
@@ -109,6 +119,30 @@ let PainelProcessamentoComponent = class PainelProcessamentoComponent {
|
|
|
109
119
|
this.concluido.emit('erro');
|
|
110
120
|
}
|
|
111
121
|
}
|
|
122
|
+
processAllRecordsWithPLimit() {
|
|
123
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
124
|
+
const pLimit$1 = pLimit;
|
|
125
|
+
const limit = pLimit$1(this.params.quantidadeChamadasSimultaneas);
|
|
126
|
+
const promises = this.params.registros.map((record, index) => {
|
|
127
|
+
return limit(() => __awaiter(this, void 0, void 0, function* () {
|
|
128
|
+
const row = this.gridData.find(item => item.registro === record);
|
|
129
|
+
this.updateRowStatus(row, EnumProcessamentoStatus.PROCESSING);
|
|
130
|
+
try {
|
|
131
|
+
const result = yield record.apiEnvio(record.objEnvio).toPromise();
|
|
132
|
+
this.updateRowSuccess(row, index);
|
|
133
|
+
return { success: true, record, result };
|
|
134
|
+
}
|
|
135
|
+
catch (error) {
|
|
136
|
+
this.updateRowError(row, index, error.message);
|
|
137
|
+
return { success: false, record, error };
|
|
138
|
+
}
|
|
139
|
+
}));
|
|
140
|
+
});
|
|
141
|
+
const results = yield Promise.all(promises);
|
|
142
|
+
this.concluido.emit(results);
|
|
143
|
+
return results;
|
|
144
|
+
});
|
|
145
|
+
}
|
|
112
146
|
updateProgressBar() {
|
|
113
147
|
const successWidth = (this.successCount / this.totalRecords) * 100;
|
|
114
148
|
const failedWidth = (this.failedCount / this.totalRecords) * 100;
|
|
@@ -665,7 +699,7 @@ GridEditableNestedComponent = __decorate([
|
|
|
665
699
|
}),
|
|
666
700
|
Component({
|
|
667
701
|
selector: 'tmsx-grid-editable-nested',
|
|
668
|
-
template: "<div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <s-button id=\"add-button\"\n data-cy=\"add-button\"\n priority=\"primary\" type=\"button\"\n [label]=\"'tmsx_com.tmsx_angular_components.add' | translate\"\n tooltip=\"{{'tmsx_com.tmsx_angular_components.add' | translate}} (Alt + Shift + N)\"\n [disabled]=\"!addEnabled\"\n (click)=\"onAdd()\">\n </s-button>\n <s-button\n *ngIf=\"!editing\"\n priority=\"primary\"\n iconClass=\"fa fa-edit\"\n label=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_editar' | translate}}\"\n tooltip=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_editar' | translate}}\"\n [disabled]=\"!editEnabled\"\n sTieredMenu\n (click)=\"initAllRowsEdit()\"\n ></s-button>\n <s-button\n *ngIf=\"editing\"\n priority=\"primary\"\n label=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_salvar' | translate}}\"\n iconClass=\"fa fa-check\"\n [disabled]=\"false\"\n (click)=\"onEditSave()\"\n ></s-button>\n <s-button\n *ngIf=\"editing\"\n priority=\"default\"\n label=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_cancelar' | translate}}\"\n iconClass=\"fa fa-times\"\n [disabled]=\"false\"\n (click)=\"onEditCancel()\"\n ></s-button>\n <p-table\n selectionMode=\"single\"\n [(selection)]=\"selected\"\n [value]=\"gridData\"\n [columns]=\"gridColumns\"\n dataKey=\"id\"\n rows=\"10\"\n [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n [paginator]=\"true\"\n [totalRecords]=\"gridTotalRecords\"\n [lazy]=\"lazy\"\n (onLazyLoad)=\"updateGridData($event)\"\n *sLoadingState=\"gridLoading\"\n sortMode=\"multiple\"\n [frozenWidth]=\"frozenWidth\"\n [scrollable]=\"true\"\n [sTableFrozenPosition]=\"frozenPosition\"\n [sTableFrozenValue]=\"gridData\"\n editMode=\"row\"\n #table\n >\n <ng-template pTemplate=\"frozencolgroup\" let-columns>\n <colgroup>\n <col class=\"col50\" />\n <col *ngFor=\"let col of frozenColumns\" class=\"col200\" />\n <col class=\"frozenButton\" />\n </colgroup>\n </ng-template>\n\n <ng-template pTemplate=\"frozenheader\">\n <tr>\n <th pResizableColumn scope=\"col\"></th>\n <th pResizableColumn *ngFor=\"let col of frozenColumns\" scope=\"col\">{{ col.header }}</th>\n <th pResizableColumn scope=\"col\"></th>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"frozenbody\" let-rowData let-expanded=\"expanded\">\n <tr [pSelectableRow]=\"rowData\">\n <td class=\"col50\" tabindex=\"0\" [sRowToggler]=\"rowData\">\n <i class=\"fa fa-{{ expanded ? 'minus' : 'plus' }} \"></i>\n </td>\n <td *ngFor=\"let col of frozenColumns\" class=\"colText\"\n tooltipPosition=\"top\" showDelay=\"500\"\n [innerHTML]=\"getSpanProp(rowData, col.field)\">\n </td>\n <td class=\"frozenButton\">\n <s-button\n id=\"edit-button\"\n data-cy=\"edit-button\"\n priority=\"default\"\n type=\"button\"\n size=\"small\"\n [auxiliary]=\"true\"\n [disabled]=\"false\"\n [model]=\"getActions(rowData)\">\n </s-button>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"colgroup\" let-columns>\n <colgroup>\n <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n </colgroup>\n </ng-template>\n\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th *ngFor=\"let col of columns\" scope=\"col\">\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.header }}</span>\n </div>\n </th>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\" let-columns=\"columns\">\n <tr sNavigation tabindex=\"0\" [pEditableRow]=\"rowData\">\n <td\n *ngFor=\"let col of columns\"\n [ngClass]=\"editing? 'editPadding': ''\"\n pResizableColumn\n [pTooltip]=\"rowData[col.field]\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n tabindex=\"0\"\n class=\"col80 colText\"\n >\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <div class=\"ui-fluid\">\n <ng-container [ngSwitch]=\"col.type\">\n <ng-container *ngSwitchCase=\"'Text'\">\n <span>{{ rowData[col.field] }}</span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Date'\">\n <p-calendar\n [(ngModel)]=\"rowData[col.field]\"\n appendTo=\"body\"\n [showIcon]=\"true\"\n [required]=\"true\"\n pTooltip=\"{{ calendarTooltipText }}\"\n tooltipPosition=\"bottom\"\n [tooltipDisabled]=\"rowData[col.field]\"\n ></p-calendar>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Autocomplete'\">\n <p-autoComplete\n [(ngModel)]=\"rowData[col.field]\"\n [suggestions]=\"col.options\"\n appendTo=\"body\"\n (completeMethod)=\"filterOptions($event)\"\n [dropdown]=\"true\"\n [forceSelection]=\"true\"\n ></p-autoComplete>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Decimal'\">\n <div class=\"ui-inputgroup\">\n <span class=\"ui-inputgroup-addon\"\n *ngIf=\"'MONETARIO' === rowData.tiposDados[col.field]\"\n >R$</span>\n <input sNumberInput [scale]=\"2\"\n alignTo=\"right\"\n thousandsSeparator=\".\"\n pInputText\n [(ngModel)]=\"rowData[col.field]\"\n (keydown)=\"onTab($event)\"\n />\n <span class=\"ui-inputgroup-addon\"\n *ngIf=\"'PERCENTUAL' === rowData.tiposDados[col.field]\"\n >%</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <input pInputText type=\"text\"\n [(ngModel)]=\"rowData[col.field]\"\n (keydown)=\"onTab($event)\"\n />\n </ng-container>\n </ng-container>\n </div>\n </ng-template>\n\n <ng-template pTemplate=\"output\">\n <div [innerHTML]=\"getSpanProp(rowData, col.field, col.type)\"></div>\n </ng-template>\n </p-cellEditor>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"rowexpansion\" let-rowData>\n <tr class=\"sds-expanded-row\">\n <td [attr.colspan]=\"gridColumns.length + 1\">\n <p-table\n [value]=\"rowData.nestedGridData\"\n [columns]=\"rowData.nestedGridColumns\"\n dataKey=\"id\"\n rows=\"5\"\n [first]=\"getRowIndex()\"\n [rows]=\"getPageSize()\"\n [rowsPerPageOptions]=\"[5, 10, 20, 50]\"\n [paginator]=\"true\"\n [totalRecords]=\"rowData.nestedGridTotalRecords\"\n [responsive]=\"true\"\n [lazy]=\"true\"\n (onLazyLoad)=\"updateNestedGridData($event, rowData)\"\n sortMode=\"multiple\"\n *sLoadingState=\"rowData.nestedGridLoading\"\n >\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th *ngFor=\"let col of columns\" scope=\"col\"\n [pSortableColumn]=\"col.field\">\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.header }}</span>\n <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n </div>\n </th>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n <tr [pSelectableRow]=\"rowData\">\n <td *ngFor=\"let col of columns\" class=\"colText\">\n {{ formatData(col, rowData[col.field]) }}\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"paginatorright\">\n <span>\n {{ rowData.nestedGridTotalRecords }}\n {{'tmsx_com.tmsx_angular_components.grid_editable_nested_paging' | translate}}\n </span>\n </ng-template>\n </p-table>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"paginatorright\">\n <span>\n {{ gridTotalRecords }}\n {{'tmsx_com.tmsx_angular_components.grid_editable_nested_paging' | translate}}\n </span>\n </ng-template>\n </p-table>\n </div>\n</div>\n",
|
|
702
|
+
template: "<div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <s-button id=\"add-button\"\n data-cy=\"add-button\"\n priority=\"primary\" type=\"button\"\n [label]=\"'tmsx_com.tmsx_angular_components.add' | translate\"\n tooltip=\"{{'tmsx_com.tmsx_angular_components.add' | translate}} (Alt + Shift + N)\"\n [disabled]=\"!addEnabled\"\n (click)=\"onAdd()\">\n </s-button>\n <s-button\n *ngIf=\"!editing\"\n priority=\"primary\"\n iconClass=\"fa fa-edit\"\n label=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_editar' | translate}}\"\n tooltip=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_editar' | translate}}\"\n [disabled]=\"!editEnabled\"\n (click)=\"initAllRowsEdit()\"\n ></s-button>\n <s-button\n *ngIf=\"editing\"\n priority=\"primary\"\n label=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_salvar' | translate}}\"\n iconClass=\"fa fa-check\"\n [disabled]=\"false\"\n (click)=\"onEditSave()\"\n ></s-button>\n <s-button\n *ngIf=\"editing\"\n priority=\"default\"\n label=\"{{'tmsx_com.tmsx_angular_components.grid_editable_nested_cancelar' | translate}}\"\n iconClass=\"fa fa-times\"\n [disabled]=\"false\"\n (click)=\"onEditCancel()\"\n ></s-button>\n <p-table\n selectionMode=\"single\"\n [(selection)]=\"selected\"\n [value]=\"gridData\"\n [columns]=\"gridColumns\"\n dataKey=\"id\"\n rows=\"10\"\n [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n [paginator]=\"true\"\n [totalRecords]=\"gridTotalRecords\"\n [lazy]=\"lazy\"\n (onLazyLoad)=\"updateGridData($event)\"\n *sLoadingState=\"gridLoading\"\n sortMode=\"multiple\"\n [frozenWidth]=\"frozenWidth\"\n [scrollable]=\"true\"\n [sTableFrozenPosition]=\"frozenPosition\"\n [sTableFrozenValue]=\"gridData\"\n editMode=\"row\"\n #table\n >\n <ng-template pTemplate=\"frozencolgroup\" let-columns>\n <colgroup>\n <col class=\"col50\" />\n <col *ngFor=\"let col of frozenColumns\" class=\"col200\" />\n <col class=\"frozenButton\" />\n </colgroup>\n </ng-template>\n\n <ng-template pTemplate=\"frozenheader\">\n <tr>\n <th pResizableColumn scope=\"col\"></th>\n <th pResizableColumn *ngFor=\"let col of frozenColumns\" scope=\"col\">{{ col.header }}</th>\n <th pResizableColumn scope=\"col\"></th>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"frozenbody\" let-rowData let-expanded=\"expanded\">\n <tr [pSelectableRow]=\"rowData\">\n <td class=\"col50\" tabindex=\"0\" [sRowToggler]=\"rowData\">\n <i class=\"fa fa-{{ expanded ? 'minus' : 'plus' }} \"></i>\n </td>\n <td *ngFor=\"let col of frozenColumns\" class=\"colText\"\n tooltipPosition=\"top\" showDelay=\"500\"\n [innerHTML]=\"getSpanProp(rowData, col.field)\">\n </td>\n <td class=\"frozenButton\">\n <s-button\n id=\"edit-button\"\n data-cy=\"edit-button\"\n priority=\"default\"\n type=\"button\"\n size=\"small\"\n [auxiliary]=\"true\"\n [disabled]=\"false\"\n [model]=\"getActions(rowData)\">\n </s-button>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"colgroup\" let-columns>\n <colgroup>\n <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n </colgroup>\n </ng-template>\n\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th *ngFor=\"let col of columns\" scope=\"col\">\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.header }}</span>\n </div>\n </th>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\" let-columns=\"columns\">\n <tr sNavigation tabindex=\"0\" [pEditableRow]=\"rowData\">\n <td\n *ngFor=\"let col of columns\"\n [ngClass]=\"editing? 'editPadding': ''\"\n pResizableColumn\n [pTooltip]=\"rowData[col.field]\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n tabindex=\"0\"\n class=\"col80 colText\"\n >\n <p-cellEditor>\n <ng-template pTemplate=\"input\">\n <div class=\"ui-fluid\">\n <ng-container [ngSwitch]=\"col.type\">\n <ng-container *ngSwitchCase=\"'Text'\">\n <span>{{ rowData[col.field] }}</span>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Date'\">\n <p-calendar\n [(ngModel)]=\"rowData[col.field]\"\n appendTo=\"body\"\n [showIcon]=\"true\"\n [required]=\"true\"\n pTooltip=\"{{ calendarTooltipText }}\"\n tooltipPosition=\"bottom\"\n [tooltipDisabled]=\"rowData[col.field]\"\n ></p-calendar>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Autocomplete'\">\n <p-autoComplete\n [(ngModel)]=\"rowData[col.field]\"\n [suggestions]=\"col.options\"\n appendTo=\"body\"\n (completeMethod)=\"filterOptions($event)\"\n [dropdown]=\"true\"\n [forceSelection]=\"true\"\n ></p-autoComplete>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'Decimal'\">\n <div class=\"ui-inputgroup\">\n <span class=\"ui-inputgroup-addon\"\n *ngIf=\"'MONETARIO' === rowData.tiposDados[col.field]\"\n >R$</span>\n <input sNumberInput [scale]=\"2\"\n alignTo=\"right\"\n thousandsSeparator=\".\"\n pInputText\n [(ngModel)]=\"rowData[col.field]\"\n (keydown)=\"onTab($event)\"\n />\n <span class=\"ui-inputgroup-addon\"\n *ngIf=\"'PERCENTUAL' === rowData.tiposDados[col.field]\"\n >%</span>\n </div>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <input pInputText type=\"text\"\n [(ngModel)]=\"rowData[col.field]\"\n (keydown)=\"onTab($event)\"\n />\n </ng-container>\n </ng-container>\n </div>\n </ng-template>\n\n <ng-template pTemplate=\"output\">\n <div [innerHTML]=\"getSpanProp(rowData, col.field, col.type)\"></div>\n </ng-template>\n </p-cellEditor>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"rowexpansion\" let-rowData>\n <tr class=\"sds-expanded-row\">\n <td [attr.colspan]=\"gridColumns.length + 1\">\n <p-table\n [value]=\"rowData.nestedGridData\"\n [columns]=\"rowData.nestedGridColumns\"\n dataKey=\"id\"\n rows=\"5\"\n [first]=\"getRowIndex()\"\n [rows]=\"getPageSize()\"\n [rowsPerPageOptions]=\"[5, 10, 20, 50]\"\n [paginator]=\"true\"\n [totalRecords]=\"rowData.nestedGridTotalRecords\"\n [responsive]=\"true\"\n [lazy]=\"true\"\n (onLazyLoad)=\"updateNestedGridData($event, rowData)\"\n sortMode=\"multiple\"\n *sLoadingState=\"rowData.nestedGridLoading\"\n >\n <ng-template pTemplate=\"header\" let-columns>\n <tr>\n <th *ngFor=\"let col of columns\" scope=\"col\"\n [pSortableColumn]=\"col.field\">\n <div class=\"senior-header\">\n <span class=\"senior-header-title\">{{ col.header }}</span>\n <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n </div>\n </th>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n <tr [pSelectableRow]=\"rowData\">\n <td *ngFor=\"let col of columns\" class=\"colText\">\n {{ formatData(col, rowData[col.field]) }}\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"paginatorright\">\n <span>\n {{ rowData.nestedGridTotalRecords }}\n {{'tmsx_com.tmsx_angular_components.grid_editable_nested_paging' | translate}}\n </span>\n </ng-template>\n </p-table>\n </td>\n </tr>\n </ng-template>\n\n <ng-template pTemplate=\"paginatorright\">\n <span>\n {{ gridTotalRecords }}\n {{'tmsx_com.tmsx_angular_components.grid_editable_nested_paging' | translate}}\n </span>\n </ng-template>\n </p-table>\n </div>\n</div>\n",
|
|
669
703
|
styles: [":host ::ng-deep div.contents{margin-top:15px}input{max-width:100%}.col50{width:50px}.col80{width:80px}.col200{width:200px}.colText{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.frozenButton{width:70px;padding:5px}.editPadding{padding-top:8px;padding-bottom:9px}"]
|
|
670
704
|
})
|
|
671
705
|
], GridEditableNestedComponent);
|
|
@@ -689,13 +723,10 @@ GridEditableNestedModule = __decorate([
|
|
|
689
723
|
DynamicFormModule,
|
|
690
724
|
EmptyStateModule,
|
|
691
725
|
TokenListModule,
|
|
692
|
-
TieredMenuModule,
|
|
693
726
|
// PrimeNG modules
|
|
694
727
|
ToastModule,
|
|
695
728
|
TableModule,
|
|
696
729
|
TooltipModule$1,
|
|
697
|
-
TabMenuModule,
|
|
698
|
-
TabViewModule,
|
|
699
730
|
PanelModule,
|
|
700
731
|
InputTextModule,
|
|
701
732
|
ConfirmDialogModule,
|