info-library 2.14.53-beta.1 → 2.14.54
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/controls/grid/grid.component.mjs +3 -3
- package/esm2020/model/html-sanitizer-config.model.mjs +2 -2
- package/esm2020/model/pagebar-buttons.model.mjs +4 -2
- package/fesm2015/info-library.mjs +6 -4
- package/fesm2015/info-library.mjs.map +1 -1
- package/fesm2020/info-library.mjs +6 -4
- package/fesm2020/info-library.mjs.map +1 -1
- package/model/pagebar-buttons.model.d.ts +2 -1
- package/package.json +4 -4
|
@@ -3,7 +3,7 @@ export class HtmlSanitizerConfig {
|
|
|
3
3
|
//allowedTags: string[] = ['small', 'b', 'strong', 'i', 'em', 'u', 'br', 'p', 'span', 'ul', 'ol', 'li'];
|
|
4
4
|
//allowedAttributes: string[] = [ 'class' ];
|
|
5
5
|
this.forbiddenTags = ['img', 'iframe', 'script', 'svg', 'object', 'embed', 'video', 'audio', 'source', 'style'];
|
|
6
|
-
this.forbiddenAttributes = ['
|
|
6
|
+
this.forbiddenAttributes = ['src', 'srcset', 'onerror', 'onclick', 'onload'];
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHRtbC1zYW5pdGl6ZXItY29uZmlnLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5mby1saWJyYXJ5L3NyYy9tb2RlbC9odG1sLXNhbml0aXplci1jb25maWcubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLG1CQUFtQjtJQUFoQztRQUNJLHdHQUF3RztRQUN4Ryw0Q0FBNEM7UUFDNUMsa0JBQWEsR0FBYSxDQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sQ0FBRSxDQUFDO1FBQ3ZILHdCQUFtQixHQUFhLENBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsQ0FBRSxDQUFDO0lBQ3hGLENBQUM7Q0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBIdG1sU2FuaXRpemVyQ29uZmlnIHtcclxuICAgIC8vYWxsb3dlZFRhZ3M6IHN0cmluZ1tdID0gWydzbWFsbCcsICdiJywgJ3N0cm9uZycsICdpJywgJ2VtJywgJ3UnLCAnYnInLCAncCcsICdzcGFuJywgJ3VsJywgJ29sJywgJ2xpJ107XHJcbiAgICAvL2FsbG93ZWRBdHRyaWJ1dGVzOiBzdHJpbmdbXSA9IFsgJ2NsYXNzJyBdO1xyXG4gICAgZm9yYmlkZGVuVGFnczogc3RyaW5nW10gPSBbICdpbWcnLCAnaWZyYW1lJywgJ3NjcmlwdCcsICdzdmcnLCAnb2JqZWN0JywgJ2VtYmVkJywgJ3ZpZGVvJywgJ2F1ZGlvJywgJ3NvdXJjZScsICdzdHlsZScgXTtcclxuICAgIGZvcmJpZGRlbkF0dHJpYnV0ZXM6IHN0cmluZ1tdID0gWyAnc3JjJywgJ3NyY3NldCcsICdvbmVycm9yJywgJ29uY2xpY2snLCAnb25sb2FkJyBdO1xyXG59Il19
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export class InfoPagebarButtonModel {
|
|
2
|
-
constructor(label, url, icon = 'chevron_right', modal = null, modalwidth = 700) {
|
|
2
|
+
constructor(label, url, icon = 'chevron_right', modal = null, modalwidth = 700, model = null) {
|
|
3
3
|
this.label = '';
|
|
4
4
|
this.url = '';
|
|
5
5
|
this.icon = '';
|
|
6
|
+
this.model = null;
|
|
6
7
|
this.modal = null;
|
|
7
8
|
this.modalwidth = 700;
|
|
8
9
|
this.label = label;
|
|
@@ -10,6 +11,7 @@ export class InfoPagebarButtonModel {
|
|
|
10
11
|
this.icon = icon;
|
|
11
12
|
this.modal = modal;
|
|
12
13
|
this.modalwidth = modalwidth;
|
|
14
|
+
this.model = model;
|
|
13
15
|
}
|
|
14
16
|
}
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZWJhci1idXR0b25zLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5mby1saWJyYXJ5L3NyYy9tb2RlbC9wYWdlYmFyLWJ1dHRvbnMubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLHNCQUFzQjtJQVcvQixZQUFZLEtBQWEsRUFBRSxHQUFXLEVBQUUsT0FBZSxlQUFlLEVBQUUsUUFBYSxJQUFJLEVBQUUsYUFBcUIsR0FBRyxFQUFFLEtBQUssR0FBRyxJQUFJO1FBVmpJLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsUUFBRyxHQUFXLEVBQUUsQ0FBQztRQUNqQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFVBQUssR0FBUSxJQUFJLENBQUM7UUFDbEIsVUFBSyxHQUFRLElBQUksQ0FBQztRQUNsQixlQUFVLEdBQVcsR0FBRyxDQUFDO1FBTXJCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO1FBQ2YsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7UUFDN0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztDQUNKIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIEluZm9QYWdlYmFyQnV0dG9uTW9kZWwge1xyXG4gICAgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gICAgdXJsOiBzdHJpbmcgPSAnJztcclxuICAgIGljb246IHN0cmluZyA9ICcnO1xyXG4gICAgbW9kZWw6IGFueSA9IG51bGw7XHJcbiAgICBtb2RhbDogYW55ID0gbnVsbDtcclxuICAgIG1vZGFsd2lkdGg6IG51bWJlciA9IDcwMDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihsYWJlbDogc3RyaW5nLCB1cmw6IHN0cmluZyk7XHJcbiAgICBjb25zdHJ1Y3RvcihsYWJlbDogc3RyaW5nLCB1cmw6IHN0cmluZywgaWNvbjogc3RyaW5nKTtcclxuICAgIGNvbnN0cnVjdG9yKGxhYmVsOiBzdHJpbmcsIHVybDogc3RyaW5nLCBpY29uOiBzdHJpbmcsIG1vZGFsOiBhbnksIG1vZGFsd2lkdGg6IG51bWJlciwgbW9kZWw6IGFueSk7XHJcbiAgICBjb25zdHJ1Y3RvcihsYWJlbDogc3RyaW5nLCB1cmw6IHN0cmluZywgaWNvbjogc3RyaW5nID0gJ2NoZXZyb25fcmlnaHQnLCBtb2RhbDogYW55ID0gbnVsbCwgbW9kYWx3aWR0aDogbnVtYmVyID0gNzAwLCBtb2RlbCA9IG51bGwpe1xyXG4gICAgICAgIHRoaXMubGFiZWwgPSBsYWJlbDtcclxuICAgICAgICB0aGlzLnVybCA9IHVybDtcclxuICAgICAgICB0aGlzLmljb24gPSBpY29uO1xyXG4gICAgICAgIHRoaXMubW9kYWwgPSBtb2RhbDtcclxuICAgICAgICB0aGlzLm1vZGFsd2lkdGggPSBtb2RhbHdpZHRoO1xyXG4gICAgICAgIHRoaXMubW9kZWwgPSBtb2RlbDtcclxuICAgIH1cclxufSJdfQ==
|
|
@@ -65,7 +65,7 @@ class HtmlSanitizerConfig {
|
|
|
65
65
|
//allowedTags: string[] = ['small', 'b', 'strong', 'i', 'em', 'u', 'br', 'p', 'span', 'ul', 'ol', 'li'];
|
|
66
66
|
//allowedAttributes: string[] = [ 'class' ];
|
|
67
67
|
this.forbiddenTags = ['img', 'iframe', 'script', 'svg', 'object', 'embed', 'video', 'audio', 'source', 'style'];
|
|
68
|
-
this.forbiddenAttributes = ['
|
|
68
|
+
this.forbiddenAttributes = ['src', 'srcset', 'onerror', 'onclick', 'onload'];
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
@@ -287,10 +287,11 @@ class InfoLoginModel {
|
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
class InfoPagebarButtonModel {
|
|
290
|
-
constructor(label, url, icon = 'chevron_right', modal = null, modalwidth = 700) {
|
|
290
|
+
constructor(label, url, icon = 'chevron_right', modal = null, modalwidth = 700, model = null) {
|
|
291
291
|
this.label = '';
|
|
292
292
|
this.url = '';
|
|
293
293
|
this.icon = '';
|
|
294
|
+
this.model = null;
|
|
294
295
|
this.modal = null;
|
|
295
296
|
this.modalwidth = 700;
|
|
296
297
|
this.label = label;
|
|
@@ -298,6 +299,7 @@ class InfoPagebarButtonModel {
|
|
|
298
299
|
this.icon = icon;
|
|
299
300
|
this.modal = modal;
|
|
300
301
|
this.modalwidth = modalwidth;
|
|
302
|
+
this.model = model;
|
|
301
303
|
}
|
|
302
304
|
}
|
|
303
305
|
|
|
@@ -4448,7 +4450,7 @@ function InfoGridComponent_info_pagebar_0_ng_container_2_Template(rf, ctx) {
|
|
|
4448
4450
|
const _r20 = i0.ɵɵgetCurrentView();
|
|
4449
4451
|
i0.ɵɵelementContainerStart(0);
|
|
4450
4452
|
i0.ɵɵelementStart(1, "button", 21);
|
|
4451
|
-
i0.ɵɵlistener("click", function InfoGridComponent_info_pagebar_0_ng_container_2_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r20); const b_r16 = restoredCtx.$implicit; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(b_r16.modal == null ? ctx_r19.navigateTo(b_r16.url, false, null) : ctx_r19.openCustomModal(b_r16.modal, b_r16.modalwidth,
|
|
4453
|
+
i0.ɵɵlistener("click", function InfoGridComponent_info_pagebar_0_ng_container_2_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r20); const b_r16 = restoredCtx.$implicit; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(b_r16.modal == null ? ctx_r19.navigateTo(b_r16.url, false, null) : ctx_r19.openCustomModal(b_r16.modal, b_r16.modalwidth, b_r16.model)); });
|
|
4452
4454
|
i0.ɵɵtemplate(2, InfoGridComponent_info_pagebar_0_ng_container_2_mat_icon_2_Template, 2, 1, "mat-icon", 22);
|
|
4453
4455
|
i0.ɵɵtext(3);
|
|
4454
4456
|
i0.ɵɵpipe(4, "translate");
|
|
@@ -6184,7 +6186,7 @@ class InfoGridComponent {
|
|
|
6184
6186
|
(function () {
|
|
6185
6187
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InfoGridComponent, [{
|
|
6186
6188
|
type: Component,
|
|
6187
|
-
args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n </button>\r\n\r\n <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, null)\">\r\n <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n {{ b.label | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n <div class=\"table-responsive white\">\r\n <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n <div class=\"row\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n <div class=\"search-buttons \">\r\n <ng-container *ngIf=\"searchonlyonebutton\">\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n {{ 'Buscar' | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!searchonlyonebutton\">\r\n <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n <mat-icon class=\"fs-20\">close</mat-icon>\r\n </button>\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n <mat-icon class=\"fs-20\">search</mat-icon>\r\n </button>\r\n \r\n <ng-container *ngFor=\"let b of searchbuttons\">\r\n <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n </button>\r\n </ng-container>\r\n \r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n\r\n <fieldset *ngIf=\"!showPagebar\"><legend [safeHtml]=\"pagebarTitle | translate\"></legend></fieldset>\r\n <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n <!-- <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n </div> -->\r\n\r\n <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n <thead>\r\n <tr>\r\n <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n </ng-container>\r\n\r\n <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n <mat-icon class=\"icon-out\">settings</mat-icon>\r\n </button>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody class=\"grid-content\">\r\n <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'clickable': (((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview) }\" [class]=\"mod.Class\" (click)=\"access(mod, $event)\">\r\n <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n <ng-container *ngFor=\"let icon of icons\">\r\n <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n </ng-container>\r\n </td>\r\n\r\n <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === true\" [safeHtml]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': (colunasItensExpandidos[j] || [])[i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j, i, $event)\">\r\n <mat-icon [ngClass]=\"{'icone-expandido': (colunasItensExpandidos[j] || [])[i] }\">keyboard_arrow_down</mat-icon>\r\n </div>\r\n <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n </td>\r\n <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n </ng-container>\r\n\r\n <td nowrap *ngSwitchCase=\"'date'\" [safeHtml]=\"mod[col] | date:'shortDate'\"></td>\r\n <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n <td nowrap *ngSwitchCase=\"'monthyear'\" [safeHtml]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n \r\n <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"enabledclickaccess\">\r\n <td class=\"td-actions clickaccess\">\r\n <button mat-icon-button type=\"button\" (click)=\"access(mod, $event)\" *ngIf=\"enabledview\">\r\n <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!enabledclickaccess\">\r\n <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n <mat-icon>visibility</mat-icon>\r\n </a>\r\n\r\n <ng-container *ngFor=\"let b of buttons\">\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"$event.stopPropagation(); b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n <mat-icon>{{b.icon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"$event.stopPropagation(); download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n <mat-icon>file_download</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"$event.stopPropagation(); detail(mod)\" *ngIf=\"enableddetail\">\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"$event.stopPropagation(); info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n <mat-icon>info</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod, $event)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n <mat-icon>delete</mat-icon>\r\n </button>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod, $event)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n <mat-icon>arrow_forward</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .loading-bar .mat-progress-bar{height:3px;top:25px;opacity:.1}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:35px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}:host.uxc3 div.table-responsive .table tbody tr.clickable{position:relative;z-index:0}:host.uxc3 div.table-responsive .table tbody tr.clickable *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr.clickable td:first-child{padding-left:8px}:host.uxc3 div.table-responsive .table tbody tr.clickable:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}\n"] }]
|
|
6189
|
+
args: [{ selector: 'info-grid', providers: [InfoFormPropModel], template: "<info-pagebar *ngIf=\"showPagebar\" [pagetitle]=\"pagebarTitle\" [description]=\"description\">\r\n <button mat-button type=\"button\" *ngIf=\"backurl != null && backurl != ''\" color=\"primary\" (click)=\"back()\">\r\n <mat-icon class=\"fs-20\">chevron_left</mat-icon>{{\"Voltar\" | translate}}\r\n </button>\r\n\r\n <ng-container *ngFor=\"let b of pagebarbuttons\">\r\n <button type=\"button\" mat-button color=\"primary\" (click)=\"b.modal == null ? navigateTo(b.url, false, null) : openCustomModal(b.modal, b.modalwidth, b.model)\">\r\n <mat-icon *ngIf=\"b.icon != 'chevron_right'\" class=\"fs-20\">{{ b.icon }}</mat-icon>\r\n {{ b.label | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && !enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search</mat-icon> {{ \"Pesquisar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"searchmodel != null && enabledSearch\" color=\"primary\" (click)=\"enabledSearch = !enabledSearch\">\r\n <mat-icon class=\"fs-20\">search_off</mat-icon> {{ \"Ocultar\" | translate}}\r\n </button>\r\n\r\n <button mat-button type=\"button\" *ngIf=\"enablednew && hasPermissionNew\" color=\"primary\" (click)=\"add()\">\r\n <mat-icon class=\"fs-20\">add</mat-icon> {{ newlabel | translate}}\r\n </button>\r\n</info-pagebar>\r\n\r\n<div [ngClass]=\"{ 'table-full': fullarea }\">\r\n <div class=\"table-responsive white\">\r\n <div class=\"table-title grid-search\" [ngStyle]=\"{ 'padding': (enabledSearch ? 10 : 0) + 'px 20px' }\">\r\n <form autocomplete=\"off\" #formSearch=\"ngForm\" (ngSubmit)=\"search()\">\r\n <div *ngIf=\"enabledSearch\" class=\"search-container row\">\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '10' : '9' }}\">\r\n <div class=\"row\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"col-md-{{(searchbuttons || []).length == 0 ? '2' : '3' }} align-right\" *ngIf=\"searchmodel != null\">\r\n <div class=\"search-buttons \">\r\n <ng-container *ngIf=\"searchonlyonebutton\">\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n {{ 'Buscar' | translate }}\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!searchonlyonebutton\">\r\n <button mat-button type=\"button\" color=\"warn\" (click)=\"cancelSearch()\" *ngIf=\"enabledcancelsearch\">\r\n <mat-icon class=\"fs-20\">close</mat-icon>\r\n </button>\r\n <button mat-button type=\"submit\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\">\r\n <mat-icon class=\"fs-20\">search</mat-icon>\r\n </button>\r\n \r\n <ng-container *ngFor=\"let b of searchbuttons\">\r\n <button mat-button type=\"button\" color=\"primary\" [disabled]=\"formSearch.invalid || loading\" (click)=\"b.method()\">\r\n <mat-icon *ngIf=\"b.icon\" class=\"fs-20\">{{b.icon | translate}}</mat-icon> {{b.label | translate}}\r\n </button>\r\n </ng-container>\r\n \r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n\r\n <fieldset *ngIf=\"!showPagebar\"><legend [safeHtml]=\"pagebarTitle | translate\"></legend></fieldset>\r\n <section class=\"loading-bar\"><mat-progress-bar color=\"primary\" mode=\"indeterminate\" *ngIf=\"loading\"></mat-progress-bar></section>\r\n\r\n <!-- <div id=\"auto-refresh\" *ngIf=\"autorefresh > 0\">\r\n <i class=\"material-icons\" matTooltip=\"{{ 'AutoRefresh' | translate }} {{ autorefresh }} seg\" matTooltipPosition=\"left\">access_time</i>\r\n </div> -->\r\n\r\n <table class=\"table table-hover\" [ngStyle]=\"{ 'min-height.px': tableHeight }\" [ngClass]=\"{ 'loading': loading, 'clickaccess': enabledclickaccess }\" *ngIf=\"data != null\">\r\n <thead>\r\n <tr>\r\n <th style=\"width: 5%;\" *ngIf=\"enabledclassicons && data?.length > 0 && data[0]?.Icon != null\"></th>\r\n\r\n <ng-container *ngFor=\"let col of colunasHeaders; let i = index\">\r\n <th *ngIf=\"colunasWidth[i] == ''\" [class]=\"'col_' + col.toLowerCase()\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n <th *ngIf=\"colunasWidth[i] != ''\" [ngStyle]=\"{ 'width': colunasWidth[i] }\" [ngClass]=\"{ 'text-center': colunasType[i] == 'check', 'align-right': colunasType[i].startsWith('n') }\">{{ col | translate }}</th>\r\n </ng-container>\r\n\r\n <th class=\"actions align-right buttons\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || enableddetail || enabledview || enabledcols || ((disabledcol == '') && enablededit && hasPermissionEdit) || ((disabledcol == '') && enableddelete && hasPermissionDelete)\">\r\n <button mat-icon-button type=\"button\"[matTooltip]=\"newlabel | translate\" matTooltipPosition=\"left\" (click)=\"add()\" *ngIf=\"!showPagebar && enablednew && hasPermissionNew\">\r\n <mat-icon>add_circle</mat-icon>\r\n </button>\r\n <button mat-icon-button type=\"button\" class=\"managercols\" [matTooltip]=\"'CustomizarTabela' | translate\" matTooltipPosition=\"left\" (click)=\"customizeTable()\" *ngIf=\"enabledcols\">\r\n <mat-icon class=\"icon-out\">settings</mat-icon>\r\n </button>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody class=\"grid-content\">\r\n <tr *ngFor=\"let mod of data; let j = index\" [ngClass]=\"{ 'default-color': !enabledclassicons, 'clickable': (((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview) }\" [class]=\"mod.Class\" (click)=\"access(mod, $event)\">\r\n <td *ngIf=\"enabledclassicons && mod?.Icon != null\">\r\n <ng-container *ngFor=\"let icon of icons\">\r\n <i class=\"material-icons\" [matTooltip]=\"icon.Tooltip | translate\" *ngIf=\"icon.Name == mod.Icon\" [ngClass]=\"{ 'icone-secundario': icon.Principal == false }\">{{icon.Icon}}</i>\r\n </ng-container>\r\n </td>\r\n\r\n <ng-container *ngFor=\"let col of colunasItens; let i = index\">\r\n <td *ngIf=\"mod[col] == null || mod[col] == undefined\"></td>\r\n <ng-container [ngSwitch]=\"colunasType[i]\" *ngIf=\"mod[col] != null && mod[col] != undefined\">\r\n <ng-container *ngSwitchCase=\"'label'\">\r\n <td [ngClass]=\"{ 'td-expansivel': mod[col].length > limitcharacters && enabledexpand == true}\" *ngIf=\"mod[col] !== true && mod[col] !== false && mod[col] !== 0 && mod[col] !== '0'\">\r\n <label [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === true\" [safeHtml]=\"(mod[col] | translate:colunasTranslate[i]) || '' \"></label>\r\n <label class=\"break-word\" [ngClass]=\"{'label-expansivel': enabledexpand == true && mod[col].length > limitcharacters, 'label-expandida': (colunasItensExpandidos[j] || [])[i] }\" *ngIf=\"colunasHtml[i] === false\">{{ (mod[col] | translate:colunasHtml[i]) || '' }}</label>\r\n <div *ngIf=\"enabledexpand == true && mod[col].length > limitcharacters\" [ngClass]=\"{'mostrar-mais-expandido': (colunasItensExpandidos[j] || [])[i] }\" class=\"mostrar-mais\" (click)=\"mostrarMais(j, i, $event)\">\r\n <mat-icon [ngClass]=\"{'icone-expandido': (colunasItensExpandidos[j] || [])[i] }\">keyboard_arrow_down</mat-icon>\r\n </div>\r\n <p *ngIf=\"i == 0 && mod.Badge != null && mod.Badge != undefined\">{{ mod.Badge | translate:colunasTranslate[i] }}</p>\r\n </td>\r\n <td *ngIf=\"mod[col] === true\"><mat-icon>check_box</mat-icon></td>\r\n <td *ngIf=\"mod[col] === false\"><mat-icon>check_box_outline_blank</mat-icon></td>\r\n <td *ngIf=\"mod[col] === 0 || mod[col] === '0'\">0</td>\r\n </ng-container>\r\n\r\n <td nowrap *ngSwitchCase=\"'date'\" [safeHtml]=\"mod[col] | date:'shortDate'\"></td>\r\n <td nowrap *ngSwitchCase=\"'datetime'\">{{ mod[col] | date:'shortDate' }} {{ mod[col] | date:'mediumTime' }}</td>\r\n <td nowrap *ngSwitchCase=\"'monthyear'\" [safeHtml]=\"mod[col] | date:'MM/yyyy'\"></td>\r\n <td nowrap *ngSwitchCase=\"'n0'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.0-0' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n2'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.2-2' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n4'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.4-4' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n6'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.6-6' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n9'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.9-9' }}</td>\r\n <td nowrap *ngSwitchCase=\"'n12'\" [class]=\"'align-right ' + (mod[col] < 0 ? 'text-red' : '')\">{{ mod[col] | number:'1.12-12' }}</td>\r\n \r\n <td *ngSwitchCase=\"'check'\" class=\"text-center\">\r\n <ng-container *ngIf=\"mod[col] != null && (mod[col] === true || mod[col] == 1 || mod[col].toLowerCase() == 's'); then checked; else unchecked\"></ng-container>\r\n <ng-template #checked><mat-icon>check_box</mat-icon></ng-template>\r\n <ng-template #unchecked><mat-icon>check_box_outline_blank</mat-icon></ng-template>\r\n </td>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"enabledclickaccess\">\r\n <td class=\"td-actions clickaccess\">\r\n <button mat-icon-button type=\"button\" (click)=\"access(mod, $event)\" *ngIf=\"enabledview\">\r\n <mat-icon>{{accessicon || 'arrow_forward'}}</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"!enabledclickaccess\">\r\n <td class=\"td-actions\" *ngIf=\"(templateurl != '') || (buttons != null && buttons.length > 0) || (mod.Download != null) || enableddetail || (mod?.Info != null) || enabledview || ((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || ((disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete)\">\r\n\r\n <a mat-icon-button href=\"{{ templateurl.replace('{id}', mod.Id) }}\" target=\"_blank\" [matTooltip]=\"'Abrir' | translate\" *ngIf=\"templateurl != ''\">\r\n <mat-icon>visibility</mat-icon>\r\n </a>\r\n\r\n <ng-container *ngFor=\"let b of buttons\">\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"b.label | translate\" (click)=\"$event.stopPropagation(); b.modalComponent != null ? openCustomModal(b.modalComponent, b.widthModalComponent, mod) : b.api != null ? eventButton(mod, b.api, b.method, b.confirm) : navigateTo(b.navigateTo, b.passId, mod.Id)\" *ngIf=\"b.showOnlyClass == null || b.showOnlyClass == mod.Class\" [disabled]=\"b.disabledField && mod[b.disabledField] === true\">\r\n <mat-icon>{{b.icon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Download' | translate\" (click)=\"$event.stopPropagation(); download(mod.Download)\" *ngIf=\"mod.Download != null\">\r\n <mat-icon>file_download</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Detalhe' | translate\" (click)=\"$event.stopPropagation(); detail(mod)\" *ngIf=\"enableddetail\">\r\n <mat-icon>list</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Informacao' | translate\" (click)=\"$event.stopPropagation(); info(mod?.Info)\" *ngIf=\"mod?.Info != null\" [disabled]=\"mod?.Info == ''\">\r\n <mat-icon>info</mat-icon>\r\n </button>\r\n \r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Excluir' | translate\" (click)=\"delete(mod, $event)\" *ngIf=\"(disabledcol == '' || mod[disabledcol] === true) && enableddelete && hasPermissionDelete && !mod.HideDelete\">\r\n <mat-icon>delete</mat-icon>\r\n </button>\r\n\r\n <button mat-icon-button type=\"button\" [matTooltip]=\"'Acessar' | translate\" (click)=\"edit(mod, $event)\" *ngIf=\"((disabledcol == '' || mod[disabledcol] === true) && enablededit && hasPermissionEdit) || enabledview\">\r\n <mat-icon>arrow_forward</mat-icon>\r\n </button>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <span class=\"blank-table\" *ngIf=\"data != null && data.length == 0\">{{\"NenhumItemEncontrado\" | translate}}</span>\r\n\r\n <info-paginator #paginator [hidden]=\"!paged || (data != null && data.length == 0)\" [size]=\"size\" (change)=\"changePage($event)\" ></info-paginator>\r\n </div>\r\n</div>\r\n\r\n<div class=\"block\" *ngIf=\"loading\"></div>\r\n<info-alert [messages]=\"messages\"></info-alert>", styles: ["body{--ux-cor-hover: #F5F5F5;--ux-cor-hover-2: #eee;--ux-cor-hover-3: #fafafa;--ux-cor-hover-4: #e5e3ed;--ux-cor-hover-5: #f9f9f9;--ux-cor-bg: #adadad;--ux-cor-P: #fff;--ux-cor-A: #eeeef2;--ux-cor-X: #f5f5f5;--ux-cor-S: #666;--ux-cor-O: #ddd;--ux-cor-F: #222;--ux-cor-D: #ccdbb4;--ux-cor-linha: #CCCEDB;--ux-cor-btn-pri: #eeeef2;--ux-cor-btn-wrn: #BA5005;--ux-cor-btn-dis: #6a7282}:host{display:block;position:relative}:host #auto-refresh{position:absolute;top:8px;right:0;margin:0;padding:0;background:transparent}:host #auto-refresh i{font-size:18px;cursor:default}:host .loading-bar .mat-progress-bar{height:3px;top:25px;opacity:.1}:host .table-title{background:#fcfcfc}:host .table-title .mat-icon-button{width:25px;height:25px;line-height:25px;text-align:center}:host .table-title .mat-icon-button .mat-icon{font-size:18px}:host .table-title :hover{transition:color .2s}:host .search-container{margin-top:10px;position:relative}:host .title-grid{padding-top:8px;font-size:.8rem;text-transform:uppercase;font-weight:700}:host table thead .col_id,:host table thead .col_dia{width:80px}:host table thead .col_moeda{width:90px}:host table thead .col_dataposicao,:host table thead .col_referencia,:host table thead .col_data,:host table thead .col_datacotacao{width:125px}:host table thead .col_conta,:host table thead .col_identificador{width:250px}:host table thead .col_cliente,:host table thead .col_nome,:host table thead .col_descricao,:host table thead .col_nome{width:400px}:host table tbody .icone-secundario{font-size:12px}:host.uxc3 div.table-responsive .table-title{padding:0!important}:host.uxc3 div.table-responsive .table thead{background:transparent}:host.uxc3 div.table-responsive .table thead th{border-top:none;text-transform:capitalize;padding:5px;font-size:10px}:host.uxc3 div.table-responsive .table thead th.actions{border-bottom-width:0}:host.uxc3 div.table-responsive .table thead th:after{display:none}:host.uxc3 div.table-responsive .table thead th .managercols{background-color:var(--ux-cor-P);right:0;opacity:0;transition:opacity .3s ease-in-out}:host.uxc3 div.table-responsive .table thead:hover .managercols{opacity:1!important}:host.uxc3 div.table-responsive .table tbody tr{height:35px;background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td{font-size:13px;font-weight:600;cursor:default;padding:8px 5px 0;transition:color .2s ease-in-out}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais{width:100%;display:flex;position:relative;bottom:18px;box-shadow:0 -6px 6px -3px RGB(0 0 0/20%);align-items:baseline;justify-content:center;background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon{height:5px;line-height:11px;cursor:pointer;transition:transform .2s ease-in-out;transform:rotate(0)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais .mat-icon.icone-expandido{transform:rotate(180deg)}:host.uxc3 div.table-responsive .table tbody tr td .mostrar-mais.mostrar-mais-expandido{bottom:0;box-shadow:none}:host.uxc3 div.table-responsive .table tbody tr td.td-actions{border-radius:5px;padding-top:7px;padding-bottom:4px;border-bottom:none;margin-top:1px;right:2px}:host.uxc3 div.table-responsive .table tbody tr td.td-actions button:disabled{pointer-events:none;opacity:.4}:host.uxc3 div.table-responsive .table tbody tr td mat-icon{height:17px;line-height:17px}:host.uxc3 div.table-responsive .table tbody tr td p{position:relative;text-transform:uppercase;border:solid 1px;border-radius:3px;padding:2px 5px;font-size:8px;display:inline-block;margin:0 0 0 5px;top:-2px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel{overflow:hidden;height:35px}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.break-word{word-break:break-word}:host.uxc3 div.table-responsive .table tbody tr .td-expansivel .label-expansivel.label-expandida{height:100%}:host.uxc3 div.table-responsive .table tbody tr:hover{background:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:hover .mostrar-mais{background-color:#f9f9f9}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover{background:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .mostrar-mais{background-color:#fff}:host.uxc3 div.table-responsive .table tbody tr:nth-child(even):hover .td-actions{background:#fff}:host.uxc3 div.table-responsive .table tbody tr.clickable{position:relative;z-index:0}:host.uxc3 div.table-responsive .table tbody tr.clickable *{cursor:pointer}:host.uxc3 div.table-responsive .table tbody tr.clickable td:first-child{padding-left:8px}:host.uxc3 div.table-responsive .table tbody tr.clickable:hover:after{z-index:-1;content:\" \";display:block;width:100%;height:100%;position:absolute;top:0;border-right:solid 2px var(--cor-C);border-left:solid 2px var(--cor-C);left:0;opacity:.4}\n"] }]
|
|
6188
6190
|
}], function () { return [{ type: InfoDialogModal }, { type: InfoPlatformModel }, { type: i1$4.MatDialog }, { type: InfoFormPropModel }, { type: InfoDataService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: InfoAuthenticationService }, { type: i0.ChangeDetectorRef }, { type: InfoTranslateService }, { type: InfoLastSearchModel }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, { pagetitle: [{
|
|
6189
6191
|
type: Input
|
|
6190
6192
|
}], prefixtitle: [{
|