keevo-components 1.8.228 → 1.8.230
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/esm2022/lib/components/kv-layout/layout/kv-layout.component.mjs +35 -6
- package/esm2022/lib/components/kv-workspace/logo/kv-workspace-logo.component.mjs +4 -4
- package/esm2022/lib/components/kv-workspace/master/kv-workspace-master.component.mjs +1 -1
- package/esm2022/lib/components/kv-workspace/workspace/kv-workspace.component.mjs +6 -5
- package/fesm2022/keevo-components.mjs +41 -11
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-layout/layout/kv-layout.component.d.ts +4 -1
- package/lib/components/kv-workspace/logo/kv-workspace-logo.component.d.ts +2 -2
- package/lib/components/kv-workspace/workspace/kv-workspace.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -17,7 +17,6 @@ export class WorkspaceComponent {
|
|
|
17
17
|
ngOnInit() {
|
|
18
18
|
this.imgPersonagens = ImagensService.getPersonagensWorkSpace();
|
|
19
19
|
this.imgLogoKeevo = ImagensService.getLogoKeevo();
|
|
20
|
-
this.imgLogoKeevoCenter = ImagensService.getLogoKeevoCenter();
|
|
21
20
|
this.styleBackground = 'background-image: url(' + ImagensService.getBackgroundWorkSpace() + ');';
|
|
22
21
|
}
|
|
23
22
|
paginate(event) {
|
|
@@ -30,12 +29,14 @@ export class WorkspaceComponent {
|
|
|
30
29
|
this.onGetMasterSelecionada.emit(event);
|
|
31
30
|
}
|
|
32
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { logoKeevoCenter: "logoKeevoCenter", nomeUsuario: "nomeUsuario", somenteMaster: "somenteMaster", visivel: "visivel", empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas", masters: "masters", masterSelecionada: "masterSelecionada" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "@if(visivel){\n<div [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n <div id=\"card-container\" class=\"flex flex-column justify-content-around card-login formgrid p-fluid bg-white border-round p-2\">\n\n <kv-workspace-logo\n [logoKeevoCenter]=\"logoKeevoCenter\"\n [masterSelecionada]=\"masterSelecionada\"\n [nomeUsuario]=\"nomeUsuario\">\n </kv-workspace-logo>\n\n @if(!masterSelecionada){\n <div class=\"col-12 z-5\">\n <kv-workspace-master\n [masters]=\"masters\"\n [masterSelecionada]=\"masterSelecionada\"\n (onMasterSelecionada)=\"selecionarMaster($event)\">\n </kv-workspace-master>\n </div>\n }\n\n @if(!somenteMaster && masterSelecionada){\n <kv-workspace-empresa\n [empresas]=\"empresas\"\n [totalEmpresas]=\"totalEmpresas\"\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n (onPaginate)=\"paginate($event)\">\n </kv-workspace-empresa>\n }\n\n </div>\n</div>\n}", styles: [".card-login{width:80%;max-width:800px}\n"], dependencies: [{ kind: "component", type: i1.WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: i2.WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: ["logoKeevoCenter", "nomeUsuario", "masterSelecionada"] }, { kind: "component", type: i3.WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada"], outputs: ["onMasterSelecionada"] }] }); }
|
|
34
33
|
}
|
|
35
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
|
|
36
35
|
type: Component,
|
|
37
|
-
args: [{ selector: 'kv-workspace
|
|
38
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
36
|
+
args: [{ selector: 'kv-workspace', template: "@if(visivel){\n<div [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n <div id=\"card-container\" class=\"flex flex-column justify-content-around card-login formgrid p-fluid bg-white border-round p-2\">\n\n <kv-workspace-logo\n [logoKeevoCenter]=\"logoKeevoCenter\"\n [masterSelecionada]=\"masterSelecionada\"\n [nomeUsuario]=\"nomeUsuario\">\n </kv-workspace-logo>\n\n @if(!masterSelecionada){\n <div class=\"col-12 z-5\">\n <kv-workspace-master\n [masters]=\"masters\"\n [masterSelecionada]=\"masterSelecionada\"\n (onMasterSelecionada)=\"selecionarMaster($event)\">\n </kv-workspace-master>\n </div>\n }\n\n @if(!somenteMaster && masterSelecionada){\n <kv-workspace-empresa\n [empresas]=\"empresas\"\n [totalEmpresas]=\"totalEmpresas\"\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n (onPaginate)=\"paginate($event)\">\n </kv-workspace-empresa>\n }\n\n </div>\n</div>\n}", styles: [".card-login{width:80%;max-width:800px}\n"] }]
|
|
37
|
+
}], ctorParameters: () => [], propDecorators: { logoKeevoCenter: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], nomeUsuario: [{
|
|
39
40
|
type: Input
|
|
40
41
|
}], somenteMaster: [{
|
|
41
42
|
type: Input
|
|
@@ -58,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
58
59
|
}], onPaginate: [{
|
|
59
60
|
type: Output
|
|
60
61
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXdvcmtzcGFjZS93b3Jrc3BhY2Uva3Ytd29ya3NwYWNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXdvcmtzcGFjZS93b3Jrc3BhY2Uva3Ytd29ya3NwYWNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7OztBQU92RSxNQUFNLE9BQU8sa0JBQWtCO0lBc0I3QjtRQWZTLGdCQUFXLEdBQVcsd0JBQXdCLENBQUM7UUFDL0Msa0JBQWEsR0FBWSxJQUFJLENBQUM7UUFDOUIsWUFBTyxHQUFZLElBQUksQ0FBQztRQUl4QixrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUt6QiwyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pELDRCQUF1QixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0IsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUMvRCxJQUFJLENBQUMsWUFBWSxHQUFHLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNsRCxJQUFJLENBQUMsZUFBZSxHQUFHLHdCQUF3QixHQUFHLGNBQWMsQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLElBQUksQ0FBQztJQUNuRyxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQVU7UUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELGlCQUFpQixDQUFDLE9BQVk7UUFDNUIsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFDLENBQUM7OEdBeENVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDZkQ2QvQiwwaUNBK0JDOzsyRkRqQlksa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGNBQWM7d0RBVWYsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFSSxzQkFBc0I7c0JBQS9CLE1BQU07Z0JBQ0csdUJBQXVCO3NCQUFoQyxNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW1hZ2Vuc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hcGkvc2VydmljZXMvaW1hZ2Vucy5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna3Ytd29ya3NwYWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXdvcmtzcGFjZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2t2LXdvcmtzcGFjZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBXb3Jrc3BhY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGltZ0xvZ29LZWV2byAhOiBzdHJpbmc7XG4gIGltZ1BlcnNvbmFnZW5zITogc3RyaW5nO1xuICBzdHlsZUJhY2tncm91bmQgITogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGxvZ29LZWV2b0NlbnRlciAhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5vbWVVc3VhcmlvOiBzdHJpbmcgPSAnTm9tZSBkbyBVc3XDoXJpbyBMb2dhZG8nO1xuICBASW5wdXQoKSBzb21lbnRlTWFzdGVyOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgdmlzaXZlbDogYm9vbGVhbiA9IHRydWU7XG5cbiAgQElucHV0KCkgZW1wcmVzYXMhOiBhbnlbXTtcbiAgQElucHV0KCkgZW1wcmVzYVNlbGVjaW9uYWRhITogYW55XG4gIEBJbnB1dCgpIHRvdGFsRW1wcmVzYXM6IG51bWJlciA9IDA7XG5cbiAgQElucHV0KCkgbWFzdGVycyE6IGFueVtdO1xuICBASW5wdXQoKSBtYXN0ZXJTZWxlY2lvbmFkYSE6IGFueTtcblxuICBAT3V0cHV0KCkgb25HZXRNYXN0ZXJTZWxlY2lvbmFkYSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25HZXRFbXByZXNhU2VsZWNpb25hZGEgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uUGFnaW5hdGUgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW1nUGVyc29uYWdlbnMgPSBJbWFnZW5zU2VydmljZS5nZXRQZXJzb25hZ2Vuc1dvcmtTcGFjZSgpO1xuICAgIHRoaXMuaW1nTG9nb0tlZXZvID0gSW1hZ2Vuc1NlcnZpY2UuZ2V0TG9nb0tlZXZvKCk7XG4gICAgdGhpcy5zdHlsZUJhY2tncm91bmQgPSAnYmFja2dyb3VuZC1pbWFnZTogdXJsKCcgKyBJbWFnZW5zU2VydmljZS5nZXRCYWNrZ3JvdW5kV29ya1NwYWNlKCkgKyAnKTsnO1xuICB9XG5cbiAgcGFnaW5hdGUoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMub25QYWdpbmF0ZS5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIHNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2E6IGFueSkge1xuICAgIHRoaXMub25HZXRFbXByZXNhU2VsZWNpb25hZGEuZW1pdChlbXByZXNhKTtcbiAgfVxuXG4gIHNlbGVjaW9uYXJNYXN0ZXIoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMub25HZXRNYXN0ZXJTZWxlY2lvbmFkYS5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiQGlmKHZpc2l2ZWwpe1xuPGRpdiBbc3R5bGVdPVwic3R5bGVCYWNrZ3JvdW5kXCIgY2xhc3M9XCJoLXNjcmVlbiBmbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyIGxvZ2luLWNvbnRhaW5lciBmbGV4LWNvbHVtbiBiZy1jb3ZlclwiPlxuICA8ZGl2IGlkPVwiY2FyZC1jb250YWluZXJcIiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4ganVzdGlmeS1jb250ZW50LWFyb3VuZCBjYXJkLWxvZ2luIGZvcm1ncmlkIHAtZmx1aWQgIGJnLXdoaXRlIGJvcmRlci1yb3VuZCBwLTJcIj5cblxuICAgIDxrdi13b3Jrc3BhY2UtbG9nb1xuICAgICAgW2xvZ29LZWV2b0NlbnRlcl09XCJsb2dvS2Vldm9DZW50ZXJcIlxuICAgICAgW21hc3RlclNlbGVjaW9uYWRhXT1cIm1hc3RlclNlbGVjaW9uYWRhXCJcbiAgICAgIFtub21lVXN1YXJpb109XCJub21lVXN1YXJpb1wiPlxuICAgIDwva3Ytd29ya3NwYWNlLWxvZ28+XG5cbiAgICBAaWYoIW1hc3RlclNlbGVjaW9uYWRhKXtcbiAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIHotNVwiPlxuICAgICAgPGt2LXdvcmtzcGFjZS1tYXN0ZXJcbiAgICAgICAgW21hc3RlcnNdPVwibWFzdGVyc1wiXG4gICAgICAgIFttYXN0ZXJTZWxlY2lvbmFkYV09XCJtYXN0ZXJTZWxlY2lvbmFkYVwiXG4gICAgICAgIChvbk1hc3RlclNlbGVjaW9uYWRhKT1cInNlbGVjaW9uYXJNYXN0ZXIoJGV2ZW50KVwiPlxuICAgICAgPC9rdi13b3Jrc3BhY2UtbWFzdGVyPlxuICAgIDwvZGl2PlxuICAgIH1cblxuICAgIEBpZighc29tZW50ZU1hc3RlciAmJiBtYXN0ZXJTZWxlY2lvbmFkYSl7XG4gICAgPGt2LXdvcmtzcGFjZS1lbXByZXNhXG4gICAgICBbZW1wcmVzYXNdPVwiZW1wcmVzYXNcIlxuICAgICAgW3RvdGFsRW1wcmVzYXNdPVwidG90YWxFbXByZXNhc1wiXG4gICAgICAob25FbXByZXNhU2VsZWNpb25hZGEpPVwic2VsZWNpb25hckVtcHJlc2EoJGV2ZW50KVwiXG4gICAgICAob25QYWdpbmF0ZSk9XCJwYWdpbmF0ZSgkZXZlbnQpXCI+XG4gICAgPC9rdi13b3Jrc3BhY2UtZW1wcmVzYT5cbiAgICB9XG5cbiAgPC9kaXY+XG48L2Rpdj5cbn0iXX0=
|
|
@@ -112,6 +112,7 @@ import Quill from 'quill';
|
|
|
112
112
|
import * as i1$5 from 'ngx-loading';
|
|
113
113
|
import { NgxLoadingModule } from 'ngx-loading';
|
|
114
114
|
import { ProgressSpinnerModule } from 'primeng/progressspinner';
|
|
115
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
115
116
|
import { OrgChart } from 'd3-org-chart';
|
|
116
117
|
import * as d3 from 'd3';
|
|
117
118
|
import * as i7$2 from '@angular/cdk/drag-drop';
|
|
@@ -4531,6 +4532,7 @@ class KvLayoutComponent {
|
|
|
4531
4532
|
this.expandMenuEmit = new EventEmitter();
|
|
4532
4533
|
this.logoutEmit = new EventEmitter();
|
|
4533
4534
|
this.selectAppEmit = new EventEmitter();
|
|
4535
|
+
this.navigateToDefaultRouteEmit = new EventEmitter();
|
|
4534
4536
|
}
|
|
4535
4537
|
accessKeePass(event) {
|
|
4536
4538
|
this.sistemasPanel.hide();
|
|
@@ -4555,7 +4557,7 @@ class KvLayoutComponent {
|
|
|
4555
4557
|
}
|
|
4556
4558
|
callRoute(e, expand) {
|
|
4557
4559
|
if (!expand)
|
|
4558
|
-
!this.expandMenu ? this.expandMenu = !this.expandMenu : '';
|
|
4560
|
+
!this.expandMenu ? (this.expandMenu = !this.expandMenu) : '';
|
|
4559
4561
|
this.router.navigateByUrl(e);
|
|
4560
4562
|
}
|
|
4561
4563
|
changeEmpresa(event) {
|
|
@@ -4586,7 +4588,6 @@ class KvLayoutComponent {
|
|
|
4586
4588
|
if (this.sistemasPanel) {
|
|
4587
4589
|
this.sistemasPanel.hide();
|
|
4588
4590
|
}
|
|
4589
|
-
;
|
|
4590
4591
|
}
|
|
4591
4592
|
nameEmpresa(nomeLicenca) {
|
|
4592
4593
|
if (nomeLicenca) {
|
|
@@ -4664,12 +4665,38 @@ class KvLayoutComponent {
|
|
|
4664
4665
|
verifySelectedPage(link) {
|
|
4665
4666
|
return this.router.url.includes(link);
|
|
4666
4667
|
}
|
|
4668
|
+
navigateToDefaultRoute() {
|
|
4669
|
+
this.navigateToDefaultRouteEmit.emit();
|
|
4670
|
+
}
|
|
4671
|
+
getSidebarState() {
|
|
4672
|
+
return this.expandMenu ? 'expanded' : 'collapsed';
|
|
4673
|
+
}
|
|
4667
4674
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2$1.FormBuilder }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4668
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: "apps", breadCrumbItems: "breadCrumbItems", masters: "masters", menus: "menus", expandMenu: "expandMenu", logoMenuExpand: "logoMenuExpand", logoMenuHide: "logoMenuHide", selectedApp: "selectedApp", selectedEmpresa: "selectedEmpresa", selectedMaster: "selectedMaster", showButtonApps: "showButtonApps", showButtonUser: "showButtonUser", showExpandMenu: "showExpandMenu", showDropdownLicenca: "showDropdownLicenca", showMenu: "showMenu", showTrocaEmpresa: "showTrocaEmpresa", userName: "userName" }, outputs: { accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n\n @if (showMenu) {\n <div [style]=\"{ minWidth: expandMenu ? '300px' : '60px' }\"></div>\n }\n\n @if(showMenu) {\n <p-sidebar\n #sidebarRef\n [visible]=\"true\"\n [showCloseIcon]=\"false\"\n [modal]=\"false\"\n [style]=\"{ width: expandMenu ? '300px' : '60px' }\">\n <ng-template pTemplate=\"headless\">\n <div class=\"flex flex-column mx-1\">\n <div\n class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n <div\n class=\"flex flex-row align-items-center {{\n expandMenu ? 'justify-content-between' : 'justify-content-center'\n }} py-3\">\n <!-- Logo para o menu expandido -->\n <img\n *ngIf=\"expandMenu && logoMenuExpand\"\n alt=\"Card\"\n [src]=\"logoMenuExpand\"\n width=\"150\"\n class=\"cursor-pointer\"\n (click)=\"router.navigate(['/keevocenter/home'])\" />\n\n <!-- Logo para o menu minimizado-->\n <img\n *ngIf=\"!expandMenu && logoMenuHide\"\n alt=\"Card\"\n [src]=\"logoMenuExpand\"\n width=\"150\" />\n\n <!-- Toggle menu -->\n <button\n *ngIf=\"showExpandMenu\"\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"toggleMenu()\"\n [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\n [tooltipPosition]=\"'right'\">\n <i class=\"material-symbols-outlined\"> menu </i>\n </button>\n </div>\n\n @if(showTrocaEmpresa){\n <div\n class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\">\n <div\n class=\"flex flex-column cursor-pointer\"\n *ngIf=\"expandMenu && selectedEmpresa\"\n (click)=\"changeEmpresa($event)\">\n <span\n class=\"text-sm font-semibold mr-2\"\n [pTooltip]=\"this.selectedEmpresa.razaosocial\"\n [tooltipPosition]=\"'right'\">\n {{nameEmpresa(this.selectedEmpresa.razaosocial)}}\n </span>\n <span class=\"text-sm mt-1\">{{this.selectedEmpresa.cpfcnpj |\n cpfCnpj }}</span>\n </div>\n\n <button\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"changeEmpresa($event)\"\n [pTooltip]=\"'Trocar de empresa'\"\n [tooltipPosition]=\"'right'\">\n <i class=\"material-symbols-outlined\">\n sync_alt\n </i>\n </button>\n\n </div>\n <p-divider type=\"solid\"></p-divider>\n }\n\n </div>\n\n <div\n class=\"list-none m-0 card-container {{ expandMenu ? 'mx-1' : '' }}\"\n [style.max-height]=\"heightCard - 220 + 'px'\"\n style=\"overflow-y: auto\">\n <!-- menus -->\n <li *ngFor=\"let menu of menus; let i = index\">\n <!-- menu que n\u00E3o tem filho -->\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n (click)=\"callRoute(menu.link)\"\n *ngIf=\"\n !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\n \"\n pRipple\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n [tooltipPosition]=\"'right'\"\n class=\"{{\n verifySelectedPage(menu.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline {{\n !expandMenu ? 'justify-content-center' : ''\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"menu.icone\">\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n </a>\n <!-- menu com filho -->\n <div *ngIf=\"menu.indmenupai\">\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n pRipple\n pStyleClass=\"@next\"\n enterClass=\"hidden\"\n enterActiveClass=\"slidedown\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"slideup\"\n class=\"menu-option flex align-items-center {{\n !expandMenu\n ? 'justify-content-center'\n : 'justify-content-between'\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n [tooltipPosition]=\"'right'\"\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n (click)=\"!expandMenu ? (expandMenu = !expandMenu) : ''\">\n <div class=\"flex flex-row align-items-center\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"menu.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\">\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium\"\n *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n </div>\n <i\n class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n *ngIf=\"expandMenu\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"></i>\n </a>\n\n <!-- filhos -->\n <div\n class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\">\n <li\n *ngFor=\"\n let filho of returnMenuChild(menu.idmenu);\n let iFilho = index\n \">\n <a\n (mouseenter)=\"onMouseEnterChild(filho.idmenu)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{\n 'hover-color': mouseOverFilhoIndex === filho.idmenu\n }\"\n *ngIf=\"expandMenu\"\n (click)=\"callRoute(filho.link)\"\n pRipple\n class=\"{{\n verifySelectedPage(filho.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"filho.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\">\n {{ filho.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 ml-4 {{\n verifySelectedPage(filho.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\">{{ filho.descricaomenu }}</span>\n </a>\n </li>\n </div>\n </div>\n </li>\n </div>\n </div>\n </ng-template>\n </p-sidebar>\n }\n\n <!-- Topbar -->\n <div class=\"w-auto h-screen page-content overflow-y-hidden\" id=\"page-content\"\n style=\"width: 100vw !important;\">\n <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n <!-- Breadcrumbs -->\n <div>\n <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\n {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\n </p>\n <p-breadcrumb\n *ngIf=\"widthCard > 400\"\n styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n [model]=\"breadCrumbItems\"\n [style]=\"{ backgroundColor: '#d4d3d3' }\"\n (onItemClick)=\"callRoute($event.item.routerLink, true)\"></p-breadcrumb>\n </div>\n\n <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n <dropdown-master\n *ngIf=\"showLicencas()\"\n class=\"w-40rem\"\n formControlName=\"idmaster\"\n [formGroup]=\"formGroup\"\n [masters]=\"masters\"\n (onSelectionChange)=\"changeLicense($event)\"\n (onSelectionValue)=\"changeLicense($event)\">\n </dropdown-master>\n\n <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n <div class=\"w-auto flex flex-row align-items-center gap-2\">\n <p-button\n *ngIf=\"showButtonApps\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-th-large\"\n [rounded]=\"true\"\n [text]=\"true\"\n (click)=\"sistemasPanel.toggle($event)\"\n [pTooltip]=\"'Sistemas'\"\n [tooltipPosition]=\"'left'\"></p-button>\n\n <p-button\n *ngIf=\"showButtonUser\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-user\"\n [rounded]=\"true\"\n [text]=\"true\"\n [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n [tooltipPosition]=\"'left'\"\n (click)=\"meusDadosPanel.toggle($event)\"></p-button>\n </div>\n </div>\n\n <!-- Container -->\n <p-card\n styleClass=\"m-3 border-noround overflow-y-auto {{\n !showMenu && 'sm:overflow-y-hidden'\n }} card-container\"\n [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\">\n <div class=\"{{widthCard < 992 && 'card-container'}} w-full\" [style]=\"{ width: widthCard + 'px' }\">\n <ng-content></ng-content>\n </div>\n </p-card>\n </div>\n\n <!-- Painel de aplicativos -->\n <p-overlayPanel\n #sistemasPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\">\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">Sistemas</p>\n <div\n class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n style=\"width: 250px; height: 100%\">\n <button\n *ngFor=\"let aplicativo of apps\"\n pButton\n pRipple\n class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n [tooltipPosition]=\"'left'\"\n (click)=\"selectApp(aplicativo.idaplicativo)\">\n {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n </button>\n </div>\n </ng-template>\n </p-overlayPanel>\n\n <!-- Painel do usu\u00E1rio -->\n <p-overlayPanel\n #meusDadosPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\">\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">\n Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\n </p>\n <div class=\"mt-5 mb-3\"></div>\n\n <p-button\n icon=\"pi pi-lock\"\n label=\"Acessar Keepass\"\n (onClick)=\"accessKeePass($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\">\n </p-button>\n\n <p-button\n icon=\"pi pi-sign-out\"\n label=\"Sair\"\n (onClick)=\"logout($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\">\n </p-button>\n </ng-template>\n </p-overlayPanel>\n</div>\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#f5f5f5;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$7.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i10$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }] }); }
|
|
4675
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: "apps", breadCrumbItems: "breadCrumbItems", masters: "masters", menus: "menus", expandMenu: "expandMenu", logoMenuExpand: "logoMenuExpand", logoMenuHide: "logoMenuHide", selectedApp: "selectedApp", selectedEmpresa: "selectedEmpresa", selectedMaster: "selectedMaster", showButtonApps: "showButtonApps", showButtonUser: "showButtonUser", showExpandMenu: "showExpandMenu", showDropdownLicenca: "showDropdownLicenca", showMenu: "showMenu", showTrocaEmpresa: "showTrocaEmpresa", userName: "userName" }, outputs: { accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit", navigateToDefaultRouteEmit: "navigateToDefaultRouteEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n @if (showMenu) {\n <!-- <div [style]=\"{ minWidth: expandMenu ? '300px' : '60px' }\"></div> -->\n } @if(showMenu) {\n <p-sidebar\n #sidebarRef\n [visible]=\"true\"\n [showCloseIcon]=\"false\"\n [modal]=\"false\"\n [style]=\"{ width: expandMenu ? '300px' : '60px' }\"\n [@sidebarWidthTrigger]=\"getSidebarState()\"\n class=\"sidebar-animation\"\n >\n <ng-template pTemplate=\"headless\">\n <div class=\"flex flex-column mx-1\">\n <div\n class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\"\n >\n <div\n class=\"flex {{expandMenu ? 'flex-row' : 'flex-column'}} align-items-center {{\n expandMenu ? 'justify-content-between' : 'justify-content-center'\n }} py-3\"\n >\n <!-- Logo para o menu expandido -->\n <img\n *ngIf=\"expandMenu && logoMenuExpand\"\n alt=\"Card\"\n [src]=\"logoMenuExpand\"\n width=\"150\"\n class=\"cursor-pointer\"\n (click)=\"navigateToDefaultRoute()\"\n />\n\n <!-- Logo para o menu minimizado-->\n <img\n *ngIf=\"!expandMenu && logoMenuHide\"\n alt=\"Card\"\n [src]=\"logoMenuHide\"\n width=\"50\"\n class=\"mb-2\"\n (click)=\"navigateToDefaultRoute()\"\n />\n\n <!-- Toggle menu -->\n <button\n *ngIf=\"showExpandMenu\"\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"toggleMenu()\"\n [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\n [tooltipPosition]=\"'right'\"\n >\n <i class=\"material-symbols-outlined\"> menu </i>\n </button>\n </div>\n\n @if(showTrocaEmpresa){\n <div\n class=\"flex flex-row align-items-center {{\n expandMenu ? 'justify-content-between' : 'justify-content-center'\n }}\"\n >\n <div\n class=\"flex flex-column cursor-pointer\"\n *ngIf=\"expandMenu && selectedEmpresa\"\n (click)=\"changeEmpresa($event)\"\n >\n <span\n class=\"text-sm font-semibold mr-2\"\n [pTooltip]=\"this.selectedEmpresa.razaosocial\"\n [tooltipPosition]=\"'right'\"\n >\n {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\n </span>\n <span class=\"text-sm mt-1\">{{\n this.selectedEmpresa.cpfcnpj | cpfCnpj\n }}</span>\n </div>\n\n <button\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"changeEmpresa($event)\"\n [pTooltip]=\"'Trocar de empresa'\"\n [tooltipPosition]=\"'right'\"\n >\n <i class=\"material-symbols-outlined\"> sync_alt </i>\n </button>\n </div>\n <p-divider type=\"solid\"></p-divider>\n }\n </div>\n\n <div\n class=\"list-none m-0 card-container {{ expandMenu ? 'mx-1' : '' }}\"\n [style.max-height]=\"heightCard - 220 + 'px'\"\n style=\"overflow-y: auto\"\n >\n <!-- menus -->\n <li *ngFor=\"let menu of menus; let i = index\">\n <!-- menu que n\u00E3o tem filho -->\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n (click)=\"callRoute(menu.link)\"\n *ngIf=\"\n !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\n \"\n pRipple\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n [tooltipPosition]=\"'right'\"\n class=\"{{\n verifySelectedPage(menu.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline {{\n !expandMenu ? 'justify-content-center' : ''\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n >\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"menu.icone\"\n >\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\"\n >{{ menu.descricaomenu }}</span\n >\n </a>\n <!-- menu com filho -->\n <div *ngIf=\"menu.indmenupai\">\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n pRipple\n pStyleClass=\"@next\"\n enterClass=\"hidden\"\n enterActiveClass=\"slidedown\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"slideup\"\n class=\"menu-option flex align-items-center {{\n !expandMenu\n ? 'justify-content-center'\n : 'justify-content-between'\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n [tooltipPosition]=\"'right'\"\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n (click)=\"!expandMenu ? (expandMenu = !expandMenu) : ''\"\n >\n <div class=\"flex flex-row align-items-center\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"menu.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n >\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium\"\n *ngIf=\"expandMenu\"\n >{{ menu.descricaomenu }}</span\n >\n </div>\n <i\n class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n *ngIf=\"expandMenu\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n ></i>\n </a>\n\n <!-- filhos -->\n <div\n class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\n >\n <li\n *ngFor=\"\n let filho of returnMenuChild(menu.idmenu);\n let iFilho = index\n \"\n >\n <a\n (mouseenter)=\"onMouseEnterChild(filho.idmenu)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{\n 'hover-color': mouseOverFilhoIndex === filho.idmenu\n }\"\n *ngIf=\"expandMenu\"\n (click)=\"callRoute(filho.link)\"\n pRipple\n class=\"{{\n verifySelectedPage(filho.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\n >\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"filho.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n >\n {{ filho.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 ml-4 {{\n verifySelectedPage(filho.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\"\n >{{ filho.descricaomenu }}</span\n >\n </a>\n </li>\n </div>\n </div>\n </li>\n </div>\n </div>\n </ng-template>\n </p-sidebar>\n }\n\n <!-- Topbar -->\n <div\n class=\"w-auto h-screen page-content overflow-y-hidden\"\n id=\"page-content\"\n style=\"width: 100vw !important\"\n >\n <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n\n @if(!showMenu) {\n <!-- Logo home -->\n <div>\n <img [src]=\"logoMenuExpand\" width=\"150\" />\n </div>\n } \n \n @else {\n <!-- Breadcrumbs -->\n <div>\n <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\n {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\n </p>\n <p-breadcrumb\n *ngIf=\"widthCard > 400\"\n styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n [model]=\"breadCrumbItems\"\n [style]=\"{ backgroundColor: '#d4d3d3' }\"\n (onItemClick)=\"callRoute($event.item.routerLink, true)\"\n ></p-breadcrumb>\n </div>\n }\n\n <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n <dropdown-master\n *ngIf=\"showLicencas()\"\n class=\"w-40rem\"\n formControlName=\"idmaster\"\n [formGroup]=\"formGroup\"\n [masters]=\"masters\"\n (onSelectionChange)=\"changeLicense($event)\"\n (onSelectionValue)=\"changeLicense($event)\"\n >\n </dropdown-master>\n\n <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n <div class=\"w-auto flex flex-row align-items-center gap-2\">\n <p-button\n *ngIf=\"showButtonApps\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-th-large\"\n [rounded]=\"true\"\n [text]=\"true\"\n (click)=\"sistemasPanel.toggle($event)\"\n [pTooltip]=\"'Sistemas'\"\n [tooltipPosition]=\"'left'\"\n ></p-button>\n\n <p-button\n *ngIf=\"showButtonUser\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-user\"\n [rounded]=\"true\"\n [text]=\"true\"\n [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n [tooltipPosition]=\"'left'\"\n (click)=\"meusDadosPanel.toggle($event)\"\n ></p-button>\n </div>\n </div>\n\n <!-- Container -->\n <p-card\n styleClass=\"m-3 border-noround overflow-y-auto {{\n !showMenu && 'sm:overflow-y-hidden'\n }} card-container\"\n [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\"\n >\n <div\n class=\"{{ widthCard < 992 && 'card-container' }} w-full\"\n [style]=\"{ width: widthCard + 'px' }\"\n >\n <ng-content></ng-content>\n </div>\n </p-card>\n </div>\n\n <!-- Painel de aplicativos -->\n <p-overlayPanel\n #sistemasPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\"\n >\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">Sistemas</p>\n <div\n class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n style=\"width: 250px; height: 100%\"\n >\n <button\n *ngFor=\"let aplicativo of apps\"\n pButton\n pRipple\n class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n [tooltipPosition]=\"'left'\"\n (click)=\"selectApp(aplicativo.idaplicativo)\"\n >\n {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n </button>\n </div>\n </ng-template>\n </p-overlayPanel>\n\n <!-- Painel do usu\u00E1rio -->\n <p-overlayPanel\n #meusDadosPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\"\n >\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">\n Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\n </p>\n <div class=\"mt-5 mb-3\"></div>\n\n <p-button\n icon=\"pi pi-lock\"\n label=\"Acessar Keepass\"\n (onClick)=\"accessKeePass($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\"\n >\n </p-button>\n\n <p-button\n icon=\"pi pi-sign-out\"\n label=\"Sair\"\n (onClick)=\"logout($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\"\n >\n </p-button>\n </ng-template>\n </p-overlayPanel>\n</div>\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#f5f5f5;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$7.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i10$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i12.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }], animations: [
|
|
4676
|
+
trigger('sidebarWidthTrigger', [
|
|
4677
|
+
state('collapsed', style({
|
|
4678
|
+
width: '60px'
|
|
4679
|
+
})),
|
|
4680
|
+
state('expanded', style({
|
|
4681
|
+
width: '359px'
|
|
4682
|
+
})),
|
|
4683
|
+
transition('collapsed <=> expanded', animate('300ms ease-out'))
|
|
4684
|
+
])
|
|
4685
|
+
] }); }
|
|
4669
4686
|
}
|
|
4670
4687
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, decorators: [{
|
|
4671
4688
|
type: Component,
|
|
4672
|
-
args: [{ selector: 'kv-layout', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n\n @if (showMenu) {\n <div [style]=\"{ minWidth: expandMenu ? '300px' : '60px' }\"></div>\n }\n\n @if(showMenu) {\n <p-sidebar\n #sidebarRef\n [visible]=\"true\"\n [showCloseIcon]=\"false\"\n [modal]=\"false\"\n [style]=\"{ width: expandMenu ? '300px' : '60px' }\">\n <ng-template pTemplate=\"headless\">\n <div class=\"flex flex-column mx-1\">\n <div\n class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n <div\n class=\"flex flex-row align-items-center {{\n expandMenu ? 'justify-content-between' : 'justify-content-center'\n }} py-3\">\n <!-- Logo para o menu expandido -->\n <img\n *ngIf=\"expandMenu && logoMenuExpand\"\n alt=\"Card\"\n [src]=\"logoMenuExpand\"\n width=\"150\"\n class=\"cursor-pointer\"\n (click)=\"router.navigate(['/keevocenter/home'])\" />\n\n <!-- Logo para o menu minimizado-->\n <img\n *ngIf=\"!expandMenu && logoMenuHide\"\n alt=\"Card\"\n [src]=\"logoMenuExpand\"\n width=\"150\" />\n\n <!-- Toggle menu -->\n <button\n *ngIf=\"showExpandMenu\"\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"toggleMenu()\"\n [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\n [tooltipPosition]=\"'right'\">\n <i class=\"material-symbols-outlined\"> menu </i>\n </button>\n </div>\n\n @if(showTrocaEmpresa){\n <div\n class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\">\n <div\n class=\"flex flex-column cursor-pointer\"\n *ngIf=\"expandMenu && selectedEmpresa\"\n (click)=\"changeEmpresa($event)\">\n <span\n class=\"text-sm font-semibold mr-2\"\n [pTooltip]=\"this.selectedEmpresa.razaosocial\"\n [tooltipPosition]=\"'right'\">\n {{nameEmpresa(this.selectedEmpresa.razaosocial)}}\n </span>\n <span class=\"text-sm mt-1\">{{this.selectedEmpresa.cpfcnpj |\n cpfCnpj }}</span>\n </div>\n\n <button\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"changeEmpresa($event)\"\n [pTooltip]=\"'Trocar de empresa'\"\n [tooltipPosition]=\"'right'\">\n <i class=\"material-symbols-outlined\">\n sync_alt\n </i>\n </button>\n\n </div>\n <p-divider type=\"solid\"></p-divider>\n }\n\n </div>\n\n <div\n class=\"list-none m-0 card-container {{ expandMenu ? 'mx-1' : '' }}\"\n [style.max-height]=\"heightCard - 220 + 'px'\"\n style=\"overflow-y: auto\">\n <!-- menus -->\n <li *ngFor=\"let menu of menus; let i = index\">\n <!-- menu que n\u00E3o tem filho -->\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n (click)=\"callRoute(menu.link)\"\n *ngIf=\"\n !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\n \"\n pRipple\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n [tooltipPosition]=\"'right'\"\n class=\"{{\n verifySelectedPage(menu.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline {{\n !expandMenu ? 'justify-content-center' : ''\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"menu.icone\">\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n </a>\n <!-- menu com filho -->\n <div *ngIf=\"menu.indmenupai\">\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n pRipple\n pStyleClass=\"@next\"\n enterClass=\"hidden\"\n enterActiveClass=\"slidedown\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"slideup\"\n class=\"menu-option flex align-items-center {{\n !expandMenu\n ? 'justify-content-center'\n : 'justify-content-between'\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n [tooltipPosition]=\"'right'\"\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n (click)=\"!expandMenu ? (expandMenu = !expandMenu) : ''\">\n <div class=\"flex flex-row align-items-center\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"menu.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\">\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium\"\n *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n </div>\n <i\n class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n *ngIf=\"expandMenu\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"></i>\n </a>\n\n <!-- filhos -->\n <div\n class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\">\n <li\n *ngFor=\"\n let filho of returnMenuChild(menu.idmenu);\n let iFilho = index\n \">\n <a\n (mouseenter)=\"onMouseEnterChild(filho.idmenu)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{\n 'hover-color': mouseOverFilhoIndex === filho.idmenu\n }\"\n *ngIf=\"expandMenu\"\n (click)=\"callRoute(filho.link)\"\n pRipple\n class=\"{{\n verifySelectedPage(filho.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"filho.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\">\n {{ filho.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 ml-4 {{\n verifySelectedPage(filho.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\">{{ filho.descricaomenu }}</span>\n </a>\n </li>\n </div>\n </div>\n </li>\n </div>\n </div>\n </ng-template>\n </p-sidebar>\n }\n\n <!-- Topbar -->\n <div class=\"w-auto h-screen page-content overflow-y-hidden\" id=\"page-content\"\n style=\"width: 100vw !important;\">\n <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n <!-- Breadcrumbs -->\n <div>\n <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\n {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\n </p>\n <p-breadcrumb\n *ngIf=\"widthCard > 400\"\n styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n [model]=\"breadCrumbItems\"\n [style]=\"{ backgroundColor: '#d4d3d3' }\"\n (onItemClick)=\"callRoute($event.item.routerLink, true)\"></p-breadcrumb>\n </div>\n\n <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n <dropdown-master\n *ngIf=\"showLicencas()\"\n class=\"w-40rem\"\n formControlName=\"idmaster\"\n [formGroup]=\"formGroup\"\n [masters]=\"masters\"\n (onSelectionChange)=\"changeLicense($event)\"\n (onSelectionValue)=\"changeLicense($event)\">\n </dropdown-master>\n\n <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n <div class=\"w-auto flex flex-row align-items-center gap-2\">\n <p-button\n *ngIf=\"showButtonApps\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-th-large\"\n [rounded]=\"true\"\n [text]=\"true\"\n (click)=\"sistemasPanel.toggle($event)\"\n [pTooltip]=\"'Sistemas'\"\n [tooltipPosition]=\"'left'\"></p-button>\n\n <p-button\n *ngIf=\"showButtonUser\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-user\"\n [rounded]=\"true\"\n [text]=\"true\"\n [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n [tooltipPosition]=\"'left'\"\n (click)=\"meusDadosPanel.toggle($event)\"></p-button>\n </div>\n </div>\n\n <!-- Container -->\n <p-card\n styleClass=\"m-3 border-noround overflow-y-auto {{\n !showMenu && 'sm:overflow-y-hidden'\n }} card-container\"\n [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\">\n <div class=\"{{widthCard < 992 && 'card-container'}} w-full\" [style]=\"{ width: widthCard + 'px' }\">\n <ng-content></ng-content>\n </div>\n </p-card>\n </div>\n\n <!-- Painel de aplicativos -->\n <p-overlayPanel\n #sistemasPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\">\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">Sistemas</p>\n <div\n class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n style=\"width: 250px; height: 100%\">\n <button\n *ngFor=\"let aplicativo of apps\"\n pButton\n pRipple\n class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n [tooltipPosition]=\"'left'\"\n (click)=\"selectApp(aplicativo.idaplicativo)\">\n {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n </button>\n </div>\n </ng-template>\n </p-overlayPanel>\n\n <!-- Painel do usu\u00E1rio -->\n <p-overlayPanel\n #meusDadosPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\">\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">\n Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\n </p>\n <div class=\"mt-5 mb-3\"></div>\n\n <p-button\n icon=\"pi pi-lock\"\n label=\"Acessar Keepass\"\n (onClick)=\"accessKeePass($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\">\n </p-button>\n\n <p-button\n icon=\"pi pi-sign-out\"\n label=\"Sair\"\n (onClick)=\"logout($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\">\n </p-button>\n </ng-template>\n </p-overlayPanel>\n</div>\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#f5f5f5;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"] }]
|
|
4689
|
+
args: [{ selector: 'kv-layout', animations: [
|
|
4690
|
+
trigger('sidebarWidthTrigger', [
|
|
4691
|
+
state('collapsed', style({
|
|
4692
|
+
width: '60px'
|
|
4693
|
+
})),
|
|
4694
|
+
state('expanded', style({
|
|
4695
|
+
width: '359px'
|
|
4696
|
+
})),
|
|
4697
|
+
transition('collapsed <=> expanded', animate('300ms ease-out'))
|
|
4698
|
+
])
|
|
4699
|
+
], template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n @if (showMenu) {\n <!-- <div [style]=\"{ minWidth: expandMenu ? '300px' : '60px' }\"></div> -->\n } @if(showMenu) {\n <p-sidebar\n #sidebarRef\n [visible]=\"true\"\n [showCloseIcon]=\"false\"\n [modal]=\"false\"\n [style]=\"{ width: expandMenu ? '300px' : '60px' }\"\n [@sidebarWidthTrigger]=\"getSidebarState()\"\n class=\"sidebar-animation\"\n >\n <ng-template pTemplate=\"headless\">\n <div class=\"flex flex-column mx-1\">\n <div\n class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\"\n >\n <div\n class=\"flex {{expandMenu ? 'flex-row' : 'flex-column'}} align-items-center {{\n expandMenu ? 'justify-content-between' : 'justify-content-center'\n }} py-3\"\n >\n <!-- Logo para o menu expandido -->\n <img\n *ngIf=\"expandMenu && logoMenuExpand\"\n alt=\"Card\"\n [src]=\"logoMenuExpand\"\n width=\"150\"\n class=\"cursor-pointer\"\n (click)=\"navigateToDefaultRoute()\"\n />\n\n <!-- Logo para o menu minimizado-->\n <img\n *ngIf=\"!expandMenu && logoMenuHide\"\n alt=\"Card\"\n [src]=\"logoMenuHide\"\n width=\"50\"\n class=\"mb-2\"\n (click)=\"navigateToDefaultRoute()\"\n />\n\n <!-- Toggle menu -->\n <button\n *ngIf=\"showExpandMenu\"\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"toggleMenu()\"\n [pTooltip]=\"expandMenu ? 'Ocultar Menu' : 'Expandir Menu'\"\n [tooltipPosition]=\"'right'\"\n >\n <i class=\"material-symbols-outlined\"> menu </i>\n </button>\n </div>\n\n @if(showTrocaEmpresa){\n <div\n class=\"flex flex-row align-items-center {{\n expandMenu ? 'justify-content-between' : 'justify-content-center'\n }}\"\n >\n <div\n class=\"flex flex-column cursor-pointer\"\n *ngIf=\"expandMenu && selectedEmpresa\"\n (click)=\"changeEmpresa($event)\"\n >\n <span\n class=\"text-sm font-semibold mr-2\"\n [pTooltip]=\"this.selectedEmpresa.razaosocial\"\n [tooltipPosition]=\"'right'\"\n >\n {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\n </span>\n <span class=\"text-sm mt-1\">{{\n this.selectedEmpresa.cpfcnpj | cpfCnpj\n }}</span>\n </div>\n\n <button\n pButton\n class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n (click)=\"changeEmpresa($event)\"\n [pTooltip]=\"'Trocar de empresa'\"\n [tooltipPosition]=\"'right'\"\n >\n <i class=\"material-symbols-outlined\"> sync_alt </i>\n </button>\n </div>\n <p-divider type=\"solid\"></p-divider>\n }\n </div>\n\n <div\n class=\"list-none m-0 card-container {{ expandMenu ? 'mx-1' : '' }}\"\n [style.max-height]=\"heightCard - 220 + 'px'\"\n style=\"overflow-y: auto\"\n >\n <!-- menus -->\n <li *ngFor=\"let menu of menus; let i = index\">\n <!-- menu que n\u00E3o tem filho -->\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n (click)=\"callRoute(menu.link)\"\n *ngIf=\"\n !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\n \"\n pRipple\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n [tooltipPosition]=\"'right'\"\n class=\"{{\n verifySelectedPage(menu.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline {{\n !expandMenu ? 'justify-content-center' : ''\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n >\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"menu.icone\"\n >\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium {{\n verifySelectedPage(menu.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\"\n >{{ menu.descricaomenu }}</span\n >\n </a>\n <!-- menu com filho -->\n <div *ngIf=\"menu.indmenupai\">\n <a\n (mouseenter)=\"onMouseEnter(i)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n pRipple\n pStyleClass=\"@next\"\n enterClass=\"hidden\"\n enterActiveClass=\"slidedown\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"slideup\"\n class=\"menu-option flex align-items-center {{\n !expandMenu\n ? 'justify-content-center'\n : 'justify-content-between'\n }} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\n [tooltipPosition]=\"'right'\"\n [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n (click)=\"!expandMenu ? (expandMenu = !expandMenu) : ''\"\n >\n <div class=\"flex flex-row align-items-center\">\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"menu.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n >\n {{ menu.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 font-medium\"\n *ngIf=\"expandMenu\"\n >{{ menu.descricaomenu }}</span\n >\n </div>\n <i\n class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n *ngIf=\"expandMenu\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n ></i>\n </a>\n\n <!-- filhos -->\n <div\n class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\n >\n <li\n *ngFor=\"\n let filho of returnMenuChild(menu.idmenu);\n let iFilho = index\n \"\n >\n <a\n (mouseenter)=\"onMouseEnterChild(filho.idmenu)\"\n (mouseleave)=\"onMouseLeave()\"\n [ngClass]=\"{\n 'hover-color': mouseOverFilhoIndex === filho.idmenu\n }\"\n *ngIf=\"expandMenu\"\n (click)=\"callRoute(filho.link)\"\n pRipple\n class=\"{{\n verifySelectedPage(filho.link) ? 'bg-green-600' : ''\n }} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\n >\n <i\n class=\"material-symbols-outlined icon-menu {{\n expandMenu ? 'ml-1 mr-2' : ''\n }} icon-hover-color\"\n *ngIf=\"filho.icone\"\n [ngClass]=\"{ 'hover-color': mouseOverIndex === i }\"\n >\n {{ filho.icone }}\n </i>\n <span\n class=\"text-base text-blue-900 ml-4 {{\n verifySelectedPage(filho.link) ? 'text-white' : ''\n }}\"\n *ngIf=\"expandMenu\"\n >{{ filho.descricaomenu }}</span\n >\n </a>\n </li>\n </div>\n </div>\n </li>\n </div>\n </div>\n </ng-template>\n </p-sidebar>\n }\n\n <!-- Topbar -->\n <div\n class=\"w-auto h-screen page-content overflow-y-hidden\"\n id=\"page-content\"\n style=\"width: 100vw !important\"\n >\n <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n\n @if(!showMenu) {\n <!-- Logo home -->\n <div>\n <img [src]=\"logoMenuExpand\" width=\"150\" />\n </div>\n } \n \n @else {\n <!-- Breadcrumbs -->\n <div>\n <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">\n {{ breadCrumbItems[breadCrumbItems.length - 1]?.label }}\n </p>\n <p-breadcrumb\n *ngIf=\"widthCard > 400\"\n styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n [model]=\"breadCrumbItems\"\n [style]=\"{ backgroundColor: '#d4d3d3' }\"\n (onItemClick)=\"callRoute($event.item.routerLink, true)\"\n ></p-breadcrumb>\n </div>\n }\n\n <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\n <dropdown-master\n *ngIf=\"showLicencas()\"\n class=\"w-40rem\"\n formControlName=\"idmaster\"\n [formGroup]=\"formGroup\"\n [masters]=\"masters\"\n (onSelectionChange)=\"changeLicense($event)\"\n (onSelectionValue)=\"changeLicense($event)\"\n >\n </dropdown-master>\n\n <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\n <div class=\"w-auto flex flex-row align-items-center gap-2\">\n <p-button\n *ngIf=\"showButtonApps\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-th-large\"\n [rounded]=\"true\"\n [text]=\"true\"\n (click)=\"sistemasPanel.toggle($event)\"\n [pTooltip]=\"'Sistemas'\"\n [tooltipPosition]=\"'left'\"\n ></p-button>\n\n <p-button\n *ngIf=\"showButtonUser\"\n styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n icon=\"pi pi-user\"\n [rounded]=\"true\"\n [text]=\"true\"\n [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n [tooltipPosition]=\"'left'\"\n (click)=\"meusDadosPanel.toggle($event)\"\n ></p-button>\n </div>\n </div>\n\n <!-- Container -->\n <p-card\n styleClass=\"m-3 border-noround overflow-y-auto {{\n !showMenu && 'sm:overflow-y-hidden'\n }} card-container\"\n [style]=\"{ height: heightCard - adjustHeightCard() + 'px' }\"\n >\n <div\n class=\"{{ widthCard < 992 && 'card-container' }} w-full\"\n [style]=\"{ width: widthCard + 'px' }\"\n >\n <ng-content></ng-content>\n </div>\n </p-card>\n </div>\n\n <!-- Painel de aplicativos -->\n <p-overlayPanel\n #sistemasPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\"\n >\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">Sistemas</p>\n <div\n class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n style=\"width: 250px; height: 100%\"\n >\n <button\n *ngFor=\"let aplicativo of apps\"\n pButton\n pRipple\n class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n [pTooltip]=\"aplicativo?.descricaoaplicativo\"\n [tooltipPosition]=\"'left'\"\n (click)=\"selectApp(aplicativo.idaplicativo)\"\n >\n {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n </button>\n </div>\n </ng-template>\n </p-overlayPanel>\n\n <!-- Painel do usu\u00E1rio -->\n <p-overlayPanel\n #meusDadosPanel\n [showTransitionOptions]=\"'350ms ease-out'\"\n [hideTransitionOptions]=\"'250ms ease-in'\"\n >\n <ng-template pTemplate=\"container\">\n <p class=\"title-style mt-3\">\n Ol\u00E1, {{ userName ? userName.split(\" \")[0] : \"Usu\u00E1rio\" }}!\n </p>\n <div class=\"mt-5 mb-3\"></div>\n\n <p-button\n icon=\"pi pi-lock\"\n label=\"Acessar Keepass\"\n (onClick)=\"accessKeePass($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\"\n >\n </p-button>\n\n <p-button\n icon=\"pi pi-sign-out\"\n label=\"Sair\"\n (onClick)=\"logout($event)\"\n styleClass=\"border-noround w-full text-blue-900\"\n [text]=\"true\"\n >\n </p-button>\n </ng-template>\n </p-overlayPanel>\n</div>\n", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .home-style{background-color:#f5f5f5;overflow:hidden}::ng-deep .page-style{overflow:auto!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"] }]
|
|
4673
4700
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i2$1.FormBuilder }, { type: i3$1.Router }], propDecorators: { apps: [{
|
|
4674
4701
|
type: Input
|
|
4675
4702
|
}], breadCrumbItems: [{
|
|
@@ -4716,6 +4743,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
4716
4743
|
type: Output
|
|
4717
4744
|
}], selectAppEmit: [{
|
|
4718
4745
|
type: Output
|
|
4746
|
+
}], navigateToDefaultRouteEmit: [{
|
|
4747
|
+
type: Output
|
|
4719
4748
|
}], meusDadosPanel: [{
|
|
4720
4749
|
type: ViewChild,
|
|
4721
4750
|
args: ['meusDadosPanel']
|
|
@@ -6111,12 +6140,12 @@ class WokspaceLogoComponent {
|
|
|
6111
6140
|
ngOnInit() {
|
|
6112
6141
|
}
|
|
6113
6142
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WokspaceLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6114
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: {
|
|
6143
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: { logoKeevoCenter: "logoKeevoCenter", nomeUsuario: "nomeUsuario", masterSelecionada: "masterSelecionada" }, ngImport: i0, template: "<div class=\"field col-12 flex justify-content-center mb-1\">\n <img [src]=\"logoKeevoCenter\" style=\"width: 200px\" />\n</div>\n\n<div class=\"col-12 align-items-center z-5\">\n <div class=\"col-9\">\n Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n </div>\n\n @if(!masterSelecionada){\n <b class=\"field col-9 flex\">\n Escolha qual workspace voc\u00EA deseja acessar:\n </b>\n }\n @else {\n <b class=\"field col-9 flex\">\n Escolha qual empresa voc\u00EA deseja acessar:\n </b>\n }\n</div>", styles: [""] }); }
|
|
6115
6144
|
}
|
|
6116
6145
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WokspaceLogoComponent, decorators: [{
|
|
6117
6146
|
type: Component,
|
|
6118
|
-
args: [{ selector: 'kv-workspace-logo', template: "<div class=\"field col-12 flex justify-content-center mb-1\">\n <img [src]=\"
|
|
6119
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
6147
|
+
args: [{ selector: 'kv-workspace-logo', template: "<div class=\"field col-12 flex justify-content-center mb-1\">\n <img [src]=\"logoKeevoCenter\" style=\"width: 200px\" />\n</div>\n\n<div class=\"col-12 align-items-center z-5\">\n <div class=\"col-9\">\n Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n </div>\n\n @if(!masterSelecionada){\n <b class=\"field col-9 flex\">\n Escolha qual workspace voc\u00EA deseja acessar:\n </b>\n }\n @else {\n <b class=\"field col-9 flex\">\n Escolha qual empresa voc\u00EA deseja acessar:\n </b>\n }\n</div>" }]
|
|
6148
|
+
}], ctorParameters: () => [], propDecorators: { logoKeevoCenter: [{
|
|
6120
6149
|
type: Input
|
|
6121
6150
|
}], nomeUsuario: [{
|
|
6122
6151
|
type: Input
|
|
@@ -6266,7 +6295,6 @@ class WorkspaceComponent {
|
|
|
6266
6295
|
ngOnInit() {
|
|
6267
6296
|
this.imgPersonagens = ImagensService.getPersonagensWorkSpace();
|
|
6268
6297
|
this.imgLogoKeevo = ImagensService.getLogoKeevo();
|
|
6269
|
-
this.imgLogoKeevoCenter = ImagensService.getLogoKeevoCenter();
|
|
6270
6298
|
this.styleBackground = 'background-image: url(' + ImagensService.getBackgroundWorkSpace() + ');';
|
|
6271
6299
|
}
|
|
6272
6300
|
paginate(event) {
|
|
@@ -6279,12 +6307,14 @@ class WorkspaceComponent {
|
|
|
6279
6307
|
this.onGetMasterSelecionada.emit(event);
|
|
6280
6308
|
}
|
|
6281
6309
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6282
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace
|
|
6310
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { logoKeevoCenter: "logoKeevoCenter", nomeUsuario: "nomeUsuario", somenteMaster: "somenteMaster", visivel: "visivel", empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas", masters: "masters", masterSelecionada: "masterSelecionada" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "@if(visivel){\n<div [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n <div id=\"card-container\" class=\"flex flex-column justify-content-around card-login formgrid p-fluid bg-white border-round p-2\">\n\n <kv-workspace-logo\n [logoKeevoCenter]=\"logoKeevoCenter\"\n [masterSelecionada]=\"masterSelecionada\"\n [nomeUsuario]=\"nomeUsuario\">\n </kv-workspace-logo>\n\n @if(!masterSelecionada){\n <div class=\"col-12 z-5\">\n <kv-workspace-master\n [masters]=\"masters\"\n [masterSelecionada]=\"masterSelecionada\"\n (onMasterSelecionada)=\"selecionarMaster($event)\">\n </kv-workspace-master>\n </div>\n }\n\n @if(!somenteMaster && masterSelecionada){\n <kv-workspace-empresa\n [empresas]=\"empresas\"\n [totalEmpresas]=\"totalEmpresas\"\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n (onPaginate)=\"paginate($event)\">\n </kv-workspace-empresa>\n }\n\n </div>\n</div>\n}", styles: [".card-login{width:80%;max-width:800px}\n"], dependencies: [{ kind: "component", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: ["logoKeevoCenter", "nomeUsuario", "masterSelecionada"] }, { kind: "component", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada"], outputs: ["onMasterSelecionada"] }] }); }
|
|
6283
6311
|
}
|
|
6284
6312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
|
|
6285
6313
|
type: Component,
|
|
6286
|
-
args: [{ selector: 'kv-workspace
|
|
6287
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
6314
|
+
args: [{ selector: 'kv-workspace', template: "@if(visivel){\n<div [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n <div id=\"card-container\" class=\"flex flex-column justify-content-around card-login formgrid p-fluid bg-white border-round p-2\">\n\n <kv-workspace-logo\n [logoKeevoCenter]=\"logoKeevoCenter\"\n [masterSelecionada]=\"masterSelecionada\"\n [nomeUsuario]=\"nomeUsuario\">\n </kv-workspace-logo>\n\n @if(!masterSelecionada){\n <div class=\"col-12 z-5\">\n <kv-workspace-master\n [masters]=\"masters\"\n [masterSelecionada]=\"masterSelecionada\"\n (onMasterSelecionada)=\"selecionarMaster($event)\">\n </kv-workspace-master>\n </div>\n }\n\n @if(!somenteMaster && masterSelecionada){\n <kv-workspace-empresa\n [empresas]=\"empresas\"\n [totalEmpresas]=\"totalEmpresas\"\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n (onPaginate)=\"paginate($event)\">\n </kv-workspace-empresa>\n }\n\n </div>\n</div>\n}", styles: [".card-login{width:80%;max-width:800px}\n"] }]
|
|
6315
|
+
}], ctorParameters: () => [], propDecorators: { logoKeevoCenter: [{
|
|
6316
|
+
type: Input
|
|
6317
|
+
}], nomeUsuario: [{
|
|
6288
6318
|
type: Input
|
|
6289
6319
|
}], somenteMaster: [{
|
|
6290
6320
|
type: Input
|