@seniorsistemas/tmsx-angular-components 0.0.0-feature-tmsx-1741-7d4c9914 → 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,8 +1,10 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@ngx-translate/core'), require('@angular/core'), require('@seniorsistemas/angular-components'), require('primeng/table'), require('@angular/common'), require('primeng/panel'), require('rxjs'), require('angular2-hotkeys'), require('primeng/toast'), require('
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@seniorsistemas/tmsx-angular-components', ['exports', '@ngx-translate/core', '@angular/core', '@seniorsistemas/angular-components', 'primeng/table', '@angular/common', 'primeng/panel', 'rxjs', 'angular2-hotkeys', 'primeng/toast', '
|
|
4
|
-
(global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['tmsx-angular-components'] = {}), global.core, global.ng.core, global.angularComponents, global.table, global.ng.common, global.panel, global.rxjs, global.angular2Hotkeys, global.toast, global.
|
|
5
|
-
}(this, (function (exports, core, core$1, angularComponents, table, common, panel, rxjs, angular2Hotkeys, toast,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('p-limit'), require('@ngx-translate/core'), require('@angular/core'), require('@seniorsistemas/angular-components'), require('primeng/table'), require('@angular/common'), require('primeng/panel'), require('rxjs'), require('angular2-hotkeys'), require('primeng/toast'), require('@angular/forms'), require('primeng/inputtext'), require('primeng/confirmdialog'), require('primeng/calendar'), require('primeng/dropdown'), require('primeng/api'), require('primeng/tooltip'), require('primeng/autocomplete'), require('primeng/checkbox')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@seniorsistemas/tmsx-angular-components', ['exports', 'p-limit', '@ngx-translate/core', '@angular/core', '@seniorsistemas/angular-components', 'primeng/table', '@angular/common', 'primeng/panel', 'rxjs', 'angular2-hotkeys', 'primeng/toast', '@angular/forms', 'primeng/inputtext', 'primeng/confirmdialog', 'primeng/calendar', 'primeng/dropdown', 'primeng/api', 'primeng/tooltip', 'primeng/autocomplete', 'primeng/checkbox'], factory) :
|
|
4
|
+
(global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['tmsx-angular-components'] = {}), global.pLimit, global.core, global.ng.core, global.angularComponents, global.table, global.ng.common, global.panel, global.rxjs, global.angular2Hotkeys, global.toast, global.ng.forms, global.inputtext, global.confirmdialog, global.calendar, global.dropdown, global.api, global.tooltip, global.autocomplete, global.checkbox));
|
|
5
|
+
}(this, (function (exports, pLimit, core, core$1, angularComponents, table, common, panel, rxjs, angular2Hotkeys, toast, forms, inputtext, confirmdialog, calendar, dropdown, api, tooltip, autocomplete, checkbox) { 'use strict';
|
|
6
|
+
|
|
7
|
+
pLimit = pLimit && pLimit.hasOwnProperty('default') ? pLimit['default'] : pLimit;
|
|
6
8
|
|
|
7
9
|
/*! *****************************************************************************
|
|
8
10
|
Copyright (c) Microsoft Corporation.
|
|
@@ -269,7 +271,12 @@
|
|
|
269
271
|
this.processingProgress = '0%';
|
|
270
272
|
this.totalRecords = this.params.registros.length;
|
|
271
273
|
this.pendingCount = this.totalRecords;
|
|
272
|
-
this.
|
|
274
|
+
if (this.params.quantidadeChamadasSimultaneas > 1) {
|
|
275
|
+
this.processAllRecordsWithPLimit();
|
|
276
|
+
}
|
|
277
|
+
else {
|
|
278
|
+
this.syncProcessRecord(0);
|
|
279
|
+
}
|
|
273
280
|
};
|
|
274
281
|
PainelProcessamentoComponent.prototype.initGrid = function () {
|
|
275
282
|
this.gridData = [];
|
|
@@ -279,7 +286,21 @@
|
|
|
279
286
|
label: registro.descricao
|
|
280
287
|
}); });
|
|
281
288
|
};
|
|
282
|
-
PainelProcessamentoComponent.prototype.
|
|
289
|
+
PainelProcessamentoComponent.prototype.updateRowSuccess = function (row, index) {
|
|
290
|
+
this.successCount++;
|
|
291
|
+
this.pendingCount--;
|
|
292
|
+
this.updateRowStatus(row, EnumProcessamentoStatus.SUCCESS);
|
|
293
|
+
this.processado.emit(row);
|
|
294
|
+
this.updateProgressBar();
|
|
295
|
+
};
|
|
296
|
+
PainelProcessamentoComponent.prototype.updateRowError = function (row, index, message) {
|
|
297
|
+
this.failedCount++;
|
|
298
|
+
this.pendingCount--;
|
|
299
|
+
this.updateRowStatus(row, EnumProcessamentoStatus.FAILED, message);
|
|
300
|
+
this.processado.emit(row);
|
|
301
|
+
this.updateProgressBar();
|
|
302
|
+
};
|
|
303
|
+
PainelProcessamentoComponent.prototype.syncProcessRecord = function (index) {
|
|
283
304
|
var _this = this;
|
|
284
305
|
if (this.pendingCount < 1) {
|
|
285
306
|
this.concluido.emit('ok');
|
|
@@ -291,19 +312,11 @@
|
|
|
291
312
|
if (record.apiEnvio) {
|
|
292
313
|
record.apiEnvio(record.objEnvio)
|
|
293
314
|
.subscribe(function () {
|
|
294
|
-
_this.
|
|
295
|
-
_this.
|
|
296
|
-
_this.updateRowStatus(row, EnumProcessamentoStatus.SUCCESS);
|
|
297
|
-
_this.processado.emit(row);
|
|
298
|
-
_this.updateProgressBar();
|
|
299
|
-
_this.processRecord(index + 1);
|
|
315
|
+
_this.updateRowSuccess(row, index);
|
|
316
|
+
_this.syncProcessRecord(index + 1);
|
|
300
317
|
}, function (error) {
|
|
301
|
-
_this.
|
|
302
|
-
_this.
|
|
303
|
-
_this.updateRowStatus(row, EnumProcessamentoStatus.FAILED, error.message);
|
|
304
|
-
_this.processado.emit(row);
|
|
305
|
-
_this.updateProgressBar();
|
|
306
|
-
_this.processRecord(index + 1);
|
|
318
|
+
_this.updateRowError(row, index, error.message);
|
|
319
|
+
_this.syncProcessRecord(index + 1);
|
|
307
320
|
});
|
|
308
321
|
}
|
|
309
322
|
else {
|
|
@@ -314,6 +327,49 @@
|
|
|
314
327
|
this.concluido.emit('erro');
|
|
315
328
|
}
|
|
316
329
|
};
|
|
330
|
+
PainelProcessamentoComponent.prototype.processAllRecordsWithPLimit = function () {
|
|
331
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
332
|
+
var pLimit$1, limit, promises, results;
|
|
333
|
+
var _this = this;
|
|
334
|
+
return __generator(this, function (_a) {
|
|
335
|
+
switch (_a.label) {
|
|
336
|
+
case 0:
|
|
337
|
+
pLimit$1 = pLimit;
|
|
338
|
+
limit = pLimit$1(this.params.quantidadeChamadasSimultaneas);
|
|
339
|
+
promises = this.params.registros.map(function (record, index) {
|
|
340
|
+
return limit(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
341
|
+
var row, result, error_1;
|
|
342
|
+
return __generator(this, function (_a) {
|
|
343
|
+
switch (_a.label) {
|
|
344
|
+
case 0:
|
|
345
|
+
row = this.gridData.find(function (item) { return item.registro === record; });
|
|
346
|
+
this.updateRowStatus(row, EnumProcessamentoStatus.PROCESSING);
|
|
347
|
+
_a.label = 1;
|
|
348
|
+
case 1:
|
|
349
|
+
_a.trys.push([1, 3, , 4]);
|
|
350
|
+
return [4 /*yield*/, record.apiEnvio(record.objEnvio).toPromise()];
|
|
351
|
+
case 2:
|
|
352
|
+
result = _a.sent();
|
|
353
|
+
this.updateRowSuccess(row, index);
|
|
354
|
+
return [2 /*return*/, { success: true, record: record, result: result }];
|
|
355
|
+
case 3:
|
|
356
|
+
error_1 = _a.sent();
|
|
357
|
+
this.updateRowError(row, index, error_1.message);
|
|
358
|
+
return [2 /*return*/, { success: false, record: record, error: error_1 }];
|
|
359
|
+
case 4: return [2 /*return*/];
|
|
360
|
+
}
|
|
361
|
+
});
|
|
362
|
+
}); });
|
|
363
|
+
});
|
|
364
|
+
return [4 /*yield*/, Promise.all(promises)];
|
|
365
|
+
case 1:
|
|
366
|
+
results = _a.sent();
|
|
367
|
+
this.concluido.emit(results);
|
|
368
|
+
return [2 /*return*/, results];
|
|
369
|
+
}
|
|
370
|
+
});
|
|
371
|
+
});
|
|
372
|
+
};
|
|
317
373
|
PainelProcessamentoComponent.prototype.updateProgressBar = function () {
|
|
318
374
|
var successWidth = (this.successCount / this.totalRecords) * 100;
|
|
319
375
|
var failedWidth = (this.failedCount / this.totalRecords) * 100;
|
|
@@ -891,7 +947,7 @@
|
|
|
891
947
|
}),
|
|
892
948
|
core$1.Component({
|
|
893
949
|
selector: 'tmsx-grid-editable-nested',
|
|
894
|
-
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",
|
|
950
|
+
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",
|
|
895
951
|
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}"]
|
|
896
952
|
})
|
|
897
953
|
], GridEditableNestedComponent);
|
|
@@ -918,13 +974,10 @@
|
|
|
918
974
|
angularComponents.DynamicFormModule,
|
|
919
975
|
angularComponents.EmptyStateModule,
|
|
920
976
|
angularComponents.TokenListModule,
|
|
921
|
-
angularComponents.TieredMenuModule,
|
|
922
977
|
// PrimeNG modules
|
|
923
978
|
toast.ToastModule,
|
|
924
979
|
table.TableModule,
|
|
925
980
|
tooltip.TooltipModule,
|
|
926
|
-
tabmenu.TabMenuModule,
|
|
927
|
-
tabview.TabViewModule,
|
|
928
981
|
panel.PanelModule,
|
|
929
982
|
inputtext.InputTextModule,
|
|
930
983
|
confirmdialog.ConfirmDialogModule,
|