ngx-vector-components 5.109.1 → 5.109.2
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/CHANGELOG.md +7 -0
- package/esm2022/lib/components/crud-history/crud-history.component.mjs +20 -3
- package/esm2022/lib/models/crud-history.model.mjs +1 -1
- package/fesm2022/ngx-vector-components.mjs +19 -2
- package/fesm2022/ngx-vector-components.mjs.map +1 -1
- package/lib/components/badge/badge.component.d.ts +1 -1
- package/lib/components/crud-history/crud-history.component.d.ts +4 -1
- package/lib/models/crud-history.model.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,12 @@ import * as i5 from "primeng/api";
|
|
|
8
8
|
export class CrudHistoryComponent {
|
|
9
9
|
constructor() {
|
|
10
10
|
this.onClick = new EventEmitter();
|
|
11
|
+
this.modifierNameLabel = '';
|
|
12
|
+
}
|
|
13
|
+
ngOnChanges(changes) {
|
|
14
|
+
if (changes['crudHistory']) {
|
|
15
|
+
this.modifierNameLabel = this.getModifierNameLabel(this.crudHistory) ?? '';
|
|
16
|
+
}
|
|
11
17
|
}
|
|
12
18
|
getHistoryBadgeBackgroundColor(crudHistoryEventType) {
|
|
13
19
|
switch (crudHistoryEventType) {
|
|
@@ -69,15 +75,26 @@ export class CrudHistoryComponent {
|
|
|
69
75
|
return '';
|
|
70
76
|
}
|
|
71
77
|
}
|
|
78
|
+
getModifierNameLabel(crudHistory) {
|
|
79
|
+
if (!crudHistory) {
|
|
80
|
+
return '';
|
|
81
|
+
}
|
|
82
|
+
if (crudHistory.modifiedFromWeb == null) {
|
|
83
|
+
return crudHistory.modifierName ?? '';
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
return (crudHistory.modifierName ?? '') + ' em ' + (crudHistory.modifiedFromWeb ? 'Web' : 'Integração');
|
|
87
|
+
}
|
|
88
|
+
}
|
|
72
89
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{
|
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{ modifierNameLabel }}</span>\r\n </div>\r\n <span class=\"history-item-header-right\">\r\n {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 md:col-6 field\">\r\n <span>{{ auditDelta.fieldName }}</span>\r\n </div>\r\n <div class=\"col-12 md:col-6 field\">\r\n <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\r\n <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\r\n Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\r\n <i\r\n class=\"fas fa-info-circle text-400 text-base ch pl-1\"\r\n [pTooltip]=\"auditDelta.typeDescription\"\r\n tooltipPosition=\"top\"\r\n ></i>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i3.BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i4.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
|
|
74
91
|
}
|
|
75
92
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, decorators: [{
|
|
76
93
|
type: Component,
|
|
77
|
-
args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{
|
|
94
|
+
args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{ modifierNameLabel }}</span>\r\n </div>\r\n <span class=\"history-item-header-right\">\r\n {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 md:col-6 field\">\r\n <span>{{ auditDelta.fieldName }}</span>\r\n </div>\r\n <div class=\"col-12 md:col-6 field\">\r\n <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\r\n <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\r\n Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\r\n <i\r\n class=\"fas fa-info-circle text-400 text-base ch pl-1\"\r\n [pTooltip]=\"auditDelta.typeDescription\"\r\n tooltipPosition=\"top\"\r\n ></i>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"] }]
|
|
78
95
|
}], propDecorators: { crudHistory: [{
|
|
79
96
|
type: Input
|
|
80
97
|
}], onClick: [{
|
|
81
98
|
type: Output
|
|
82
99
|
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12ZWN0b3ItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY3J1ZC1oaXN0b3J5L2NydWQtaGlzdG9yeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmVjdG9yLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NydWQtaGlzdG9yeS9jcnVkLWhpc3RvcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRdEYsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQVNTLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWxDLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztLQWdGL0I7SUE5RUMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQzFCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM1RTtJQUNILENBQUM7SUFDTSw4QkFBOEIsQ0FBQyxvQkFBNkI7UUFDakUsUUFBUSxvQkFBb0IsRUFBRTtZQUM1QixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssY0FBYztnQkFDakIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFVBQVUsQ0FBQztZQUNwQixLQUFLLDRCQUE0QjtnQkFDL0IsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxxQkFBcUI7Z0JBQ3hCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssNEJBQTRCO2dCQUMvQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sU0FBUyxDQUFDO1lBQ25CO2dCQUNFLE9BQU8sRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDO0lBRU0sb0JBQW9CLENBQUMsb0JBQTZCO1FBQ3ZELFFBQVEsb0JBQW9CLEVBQUU7WUFDNUIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssY0FBYztnQkFDakIsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyw0QkFBNEI7Z0JBQy9CLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUsscUJBQXFCO2dCQUN4QixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLDRCQUE0QjtnQkFDL0IsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFNBQVMsQ0FBQztZQUNuQjtnQkFDRSxPQUFPLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQztJQUVNLG9CQUFvQixDQUFDLG9CQUE2QjtRQUN2RCxRQUFRLG9CQUFvQixFQUFFO1lBQzVCLEtBQUssY0FBYztnQkFDakIsT0FBTyxRQUFRLENBQUM7WUFDbEIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFlBQVksQ0FBQztZQUN0QixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sVUFBVSxDQUFDO1lBQ3BCLEtBQUssNEJBQTRCO2dCQUMvQixPQUFPLHVCQUF1QixDQUFDO1lBQ2pDLEtBQUsscUJBQXFCO2dCQUN4QixPQUFPLG9CQUFvQixDQUFDO1lBQzlCLEtBQUssNEJBQTRCO2dCQUMvQixPQUFPLG1CQUFtQixDQUFDO1lBQzdCLEtBQUssY0FBYztnQkFDakIsT0FBTyxZQUFZLENBQUM7WUFDdEI7Z0JBQ0UsT0FBTyxFQUFFLENBQUM7U0FDYjtJQUNILENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxXQUE4QjtRQUNqRCxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hCLE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxJQUFJLFdBQVcsQ0FBQyxlQUFlLElBQUksSUFBSSxFQUFFO1lBQ3ZDLE9BQU8sV0FBVyxDQUFDLFlBQVksSUFBSSxFQUFFLENBQUM7U0FDdkM7YUFBTTtZQUNMLE9BQU8sQ0FBQyxXQUFXLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxHQUFHLE1BQU0sR0FBRyxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDekc7SUFDSCxDQUFDOytHQXJGVSxvQkFBb0I7bUdBQXBCLG9CQUFvQix5SkNSakMseXpEQXVDQTs7NEZEL0JhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBTXhCLFdBQVc7c0JBRGpCLEtBQUs7Z0JBR0MsT0FBTztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3J1ZEhpc3RvcnkgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2ZWN0b3ItY3J1ZC1oaXN0b3J5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3J1ZC1oaXN0b3J5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcnVkLWhpc3RvcnkuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENydWRIaXN0b3J5Q29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBjcnVkSGlzdG9yeT86IENydWRIaXN0b3J5PGFueT47XHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgcHVibGljIG1vZGlmaWVyTmFtZUxhYmVsID0gJyc7XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmIChjaGFuZ2VzWydjcnVkSGlzdG9yeSddKSB7XHJcbiAgICAgIHRoaXMubW9kaWZpZXJOYW1lTGFiZWwgPSB0aGlzLmdldE1vZGlmaWVyTmFtZUxhYmVsKHRoaXMuY3J1ZEhpc3RvcnkpID8/ICcnO1xyXG4gICAgfVxyXG4gIH1cclxuICBwdWJsaWMgZ2V0SGlzdG9yeUJhZGdlQmFja2dyb3VuZENvbG9yKGNydWRIaXN0b3J5RXZlbnRUeXBlPzogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHN3aXRjaCAoY3J1ZEhpc3RvcnlFdmVudFR5cGUpIHtcclxuICAgICAgY2FzZSAnQWN0aW9uQ3JlYXRlJzpcclxuICAgICAgICByZXR1cm4gJyNDQkZGQUUnO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUnOlxyXG4gICAgICAgIHJldHVybiAnI0ZGRTZCMCc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkRlbGV0ZSc6XHJcbiAgICAgICAgcmV0dXJuICdSZW1vdmlkbyc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZS1PbkNvbXBvc2l0aW9uJzpcclxuICAgICAgICByZXR1cm4gJyNGRkU2QjAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUtT25Vbml0JzpcclxuICAgICAgICByZXR1cm4gJyNGRkU2QjAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICcjQ0JGRkFFJztcclxuICAgICAgY2FzZSAnQWN0aW9uQ2FuY2VsJzpcclxuICAgICAgICByZXR1cm4gJyNGRkU2QjAnO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRIaXN0b3J5QmFkZ2VDb2xvcihjcnVkSGlzdG9yeUV2ZW50VHlwZT86IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNyZWF0ZSc6XHJcbiAgICAgICAgcmV0dXJuICcjMDY3MzA2JztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlJzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25EZWxldGUnOlxyXG4gICAgICAgIHJldHVybiAnIzZCMkQyRCc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZS1PbkNvbXBvc2l0aW9uJzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUtT25Vbml0JzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICcjMDY3MzA2JztcclxuICAgICAgY2FzZSAnQWN0aW9uQ2FuY2VsJzpcclxuICAgICAgICByZXR1cm4gJyM5NDYzMDAnO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRIaXN0b3J5QmFkZ2VMYWJlbChjcnVkSGlzdG9yeUV2ZW50VHlwZT86IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBzd2l0Y2ggKGNydWRIaXN0b3J5RXZlbnRUeXBlKSB7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkNyZWF0ZSc6XHJcbiAgICAgICAgcmV0dXJuICdDcmlhZG8nO1xyXG4gICAgICBjYXNlICdBY3Rpb25VcGRhdGUnOlxyXG4gICAgICAgIHJldHVybiAnTW9kaWZpY2Fkbyc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvbkRlbGV0ZSc6XHJcbiAgICAgICAgcmV0dXJuICdSZW1vdmlkbyc7XHJcbiAgICAgIGNhc2UgJ0FjdGlvblVwZGF0ZS1PbkNvbXBvc2l0aW9uJzpcclxuICAgICAgICByZXR1cm4gJ0NvbXBvc2nDp8OjbyBNb2RpZmljYWRhJztcclxuICAgICAgY2FzZSAnQWN0aW9uVXBkYXRlLU9uVW5pdCc6XHJcbiAgICAgICAgcmV0dXJuICdVbmlkYWRlIE1vZGlmaWNhZGEnO1xyXG4gICAgICBjYXNlICdBY3Rpb25DcmVhdGUtT25Db21wb3NpdGlvbic6XHJcbiAgICAgICAgcmV0dXJuICdDb21wb3Npw6fDo28gQ3JpYWRhJztcclxuICAgICAgY2FzZSAnQWN0aW9uQ2FuY2VsJzpcclxuICAgICAgICByZXR1cm4gJ01vZGlmaWNhZG8nO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldE1vZGlmaWVyTmFtZUxhYmVsKGNydWRIaXN0b3J5PzogQ3J1ZEhpc3Rvcnk8YW55Pik6IHN0cmluZyB7XHJcbiAgICBpZiAoIWNydWRIaXN0b3J5KSB7XHJcbiAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICAgIGlmIChjcnVkSGlzdG9yeS5tb2RpZmllZEZyb21XZWIgPT0gbnVsbCkge1xyXG4gICAgICByZXR1cm4gY3J1ZEhpc3RvcnkubW9kaWZpZXJOYW1lID8/ICcnO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmV0dXJuIChjcnVkSGlzdG9yeS5tb2RpZmllck5hbWUgPz8gJycpICsgJyBlbSAnICsgKGNydWRIaXN0b3J5Lm1vZGlmaWVkRnJvbVdlYiA/ICdXZWInIDogJ0ludGVncmHDp8OjbycpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8cC1hY2NvcmRpb25UYWIgKm5nSWY9XCJjcnVkSGlzdG9yeVwiIGNsYXNzPVwiaGlzdG9yeS1pdGVtXCI+XHJcbiAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImhpc3RvcnktaXRlbS1oZWFkZXItY29udGFpbmVyXCIgKGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgpXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJoaXN0b3J5LWl0ZW0taGVhZGVyLWxlZnRcIj5cclxuICAgICAgICA8c3BhbiBpZD1cImNvbG9yLWZpcnN0LXNwYW5cIiAqbmdJZj1cImNydWRIaXN0b3J5LnR5cGVPZk1vZGlmaWNhdGlvblwiPnt7IGNydWRIaXN0b3J5LnR5cGVPZk1vZGlmaWNhdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICA8dmVjdG9yLWJhZGdlXHJcbiAgICAgICAgICBbY3VzdG9tQmFja2dyb3VuZENvbG9yXT1cImdldEhpc3RvcnlCYWRnZUJhY2tncm91bmRDb2xvcihjcnVkSGlzdG9yeS5ldmVudFR5cGUpXCJcclxuICAgICAgICAgIFtjdXN0b21Db2xvcl09XCJnZXRIaXN0b3J5QmFkZ2VDb2xvcihjcnVkSGlzdG9yeS5ldmVudFR5cGUpXCJcclxuICAgICAgICAgIFtsYWJlbF09XCJnZXRIaXN0b3J5QmFkZ2VMYWJlbChjcnVkSGlzdG9yeS5ldmVudFR5cGUpXCJcclxuICAgICAgICA+PC92ZWN0b3ItYmFkZ2U+XHJcbiAgICAgICAgPHNwYW4+cG9yIHt7IG1vZGlmaWVyTmFtZUxhYmVsIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJoaXN0b3J5LWl0ZW0taGVhZGVyLXJpZ2h0XCI+XHJcbiAgICAgICAge3sgY3J1ZEhpc3RvcnkuZGF0ZVRpbWUgfCBkYXRlIDogJ2RkL01NL3l5eXkgSEg6bW0nIH19XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbiAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNvbnRlbnRcIj5cclxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGF1ZGl0RGVsdGEgb2YgY3J1ZEhpc3RvcnkuZGF0YUF1ZGl0RGVsdGFcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImdyaWRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIG1kOmNvbC02IGZpZWxkXCI+XHJcbiAgICAgICAgICA8c3Bhbj57eyBhdWRpdERlbHRhLmZpZWxkTmFtZSB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIG1kOmNvbC02IGZpZWxkXCI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5ldy12YWx1ZVwiPnt7IGF1ZGl0RGVsdGEubmV3VmFsdWUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm9sZC12YWx1ZSBwbC0xXCI+e3sgYXVkaXREZWx0YS5vbGRWYWx1ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwiYXVkaXREZWx0YS50eXBlIHx8IGF1ZGl0RGVsdGEudHlwZSA9PSAwXCIgY2xhc3M9XCJ0ZXh0LTYwMCBwbC0xXCI+XHJcbiAgICAgICAgICAgIEVudGl0eTogPHNwYW4gY2xhc3M9XCJ0ZXh0LWdyZWVuLTMwMFwiPnt7IGF1ZGl0RGVsdGEudHlwZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPGlcclxuICAgICAgICAgICAgICBjbGFzcz1cImZhcyBmYS1pbmZvLWNpcmNsZSB0ZXh0LTQwMCB0ZXh0LWJhc2UgY2ggcGwtMVwiXHJcbiAgICAgICAgICAgICAgW3BUb29sdGlwXT1cImF1ZGl0RGVsdGEudHlwZURlc2NyaXB0aW9uXCJcclxuICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgICAgICA+PC9pPlxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbjwvcC1hY2NvcmRpb25UYWI+XHJcbiJdfQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export class CrudHistory {
|
|
2
2
|
}
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3J1ZC1oaXN0b3J5Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZlY3Rvci1jb21wb25lbnRzL3NyYy9saWIvbW9kZWxzL2NydWQtaGlzdG9yeS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sV0FBVztDQVN2QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBDcnVkSGlzdG9yeTxUPiB7XHJcbiAgYXVkaXRJZD86IG51bWJlcjtcclxuICBkYXRhQXVkaXREZWx0YT86IERhdGFBdWRpdERlbHRhW107XHJcbiAgZGF0ZVRpbWU/OiBEYXRlO1xyXG4gIGVudGl0eVR5cGU/OiBudW1iZXI7XHJcbiAgZXZlbnRUeXBlPzogc3RyaW5nO1xyXG4gIG1vZGlmaWVyTmFtZT86IHN0cmluZztcclxuICB0eXBlT2ZNb2RpZmljYXRpb24/OiBzdHJpbmc7XHJcbiAgbW9kaWZpZWRGcm9tV2ViPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgRGF0YUF1ZGl0RGVsdGEgPSB7XHJcbiAgZmllbGROYW1lPzogc3RyaW5nO1xyXG4gIG5ld1ZhbHVlPzogc3RyaW5nO1xyXG4gIG9sZFZhbHVlPzogc3RyaW5nO1xyXG4gIHR5cGU/OiBudW1iZXIgfCBzdHJpbmc7XHJcbiAgdHlwZURlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG59O1xyXG4iXX0=
|
|
@@ -4587,6 +4587,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4587
4587
|
class CrudHistoryComponent {
|
|
4588
4588
|
constructor() {
|
|
4589
4589
|
this.onClick = new EventEmitter();
|
|
4590
|
+
this.modifierNameLabel = '';
|
|
4591
|
+
}
|
|
4592
|
+
ngOnChanges(changes) {
|
|
4593
|
+
if (changes['crudHistory']) {
|
|
4594
|
+
this.modifierNameLabel = this.getModifierNameLabel(this.crudHistory) ?? '';
|
|
4595
|
+
}
|
|
4590
4596
|
}
|
|
4591
4597
|
getHistoryBadgeBackgroundColor(crudHistoryEventType) {
|
|
4592
4598
|
switch (crudHistoryEventType) {
|
|
@@ -4648,12 +4654,23 @@ class CrudHistoryComponent {
|
|
|
4648
4654
|
return '';
|
|
4649
4655
|
}
|
|
4650
4656
|
}
|
|
4657
|
+
getModifierNameLabel(crudHistory) {
|
|
4658
|
+
if (!crudHistory) {
|
|
4659
|
+
return '';
|
|
4660
|
+
}
|
|
4661
|
+
if (crudHistory.modifiedFromWeb == null) {
|
|
4662
|
+
return crudHistory.modifierName ?? '';
|
|
4663
|
+
}
|
|
4664
|
+
else {
|
|
4665
|
+
return (crudHistory.modifierName ?? '') + ' em ' + (crudHistory.modifiedFromWeb ? 'Web' : 'Integração');
|
|
4666
|
+
}
|
|
4667
|
+
}
|
|
4651
4668
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4652
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{
|
|
4669
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{ modifierNameLabel }}</span>\r\n </div>\r\n <span class=\"history-item-header-right\">\r\n {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 md:col-6 field\">\r\n <span>{{ auditDelta.fieldName }}</span>\r\n </div>\r\n <div class=\"col-12 md:col-6 field\">\r\n <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\r\n <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\r\n Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\r\n <i\r\n class=\"fas fa-info-circle text-400 text-base ch pl-1\"\r\n [pTooltip]=\"auditDelta.typeDescription\"\r\n tooltipPosition=\"top\"\r\n ></i>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i4$5.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
|
|
4653
4670
|
}
|
|
4654
4671
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, decorators: [{
|
|
4655
4672
|
type: Component,
|
|
4656
|
-
args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{
|
|
4673
|
+
args: [{ selector: 'vector-crud-history', template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\r\n <ng-template pTemplate=\"header\">\r\n <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\r\n <div class=\"history-item-header-left\">\r\n <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\r\n <vector-badge\r\n [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\r\n [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\r\n [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\r\n ></vector-badge>\r\n <span>por {{ modifierNameLabel }}</span>\r\n </div>\r\n <span class=\"history-item-header-right\">\r\n {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\r\n </span>\r\n </div>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\">\r\n <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\r\n <div class=\"grid\">\r\n <div class=\"col-12 md:col-6 field\">\r\n <span>{{ auditDelta.fieldName }}</span>\r\n </div>\r\n <div class=\"col-12 md:col-6 field\">\r\n <span class=\"new-value\">{{ auditDelta.newValue }}</span>\r\n <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\r\n <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\r\n Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\r\n <i\r\n class=\"fas fa-info-circle text-400 text-base ch pl-1\"\r\n [pTooltip]=\"auditDelta.typeDescription\"\r\n tooltipPosition=\"top\"\r\n ></i>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-accordionTab>\r\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\n"] }]
|
|
4657
4674
|
}], propDecorators: { crudHistory: [{
|
|
4658
4675
|
type: Input
|
|
4659
4676
|
}], onClick: [{
|