keevo-components 1.8.531 → 1.8.532
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.
|
@@ -6,6 +6,7 @@ import * as i1 from "@angular/forms";
|
|
|
6
6
|
import * as i2 from "../../kv-inputs/kv-input-text/kv-input-text.component";
|
|
7
7
|
import * as i3 from "../../kv-icon/kv-icon.component";
|
|
8
8
|
import * as i4 from "../empresa/kv-workspace-empresa.component";
|
|
9
|
+
import * as i5 from "../master/kv-workspace-master.component";
|
|
9
10
|
export class WorkspaceComponent {
|
|
10
11
|
constructor() {
|
|
11
12
|
this.backgroundImg = 'https://work-assets.keevo.com.br/img/background-keevocenter-login.jpg';
|
|
@@ -55,11 +56,11 @@ export class WorkspaceComponent {
|
|
|
55
56
|
this.onFilter.emit(this.workspaceForm.value.search);
|
|
56
57
|
}
|
|
57
58
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
58
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n @if(!masterSelecionada){\r\n <kv-workspace-master\r\n [masters]=\"masters()\"\r\n [masterSelecionada]=\"masterSelecionada\"\r\n (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n >\r\n </kv-workspace-master>\r\n } @if(!somenteMaster && masterSelecionada){\r\n <kv-workspace-empresa\r\n [empresas]=\"empresas()\"\r\n [totalEmpresas]=\"totalEmpresas\"\r\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n (onPaginate)=\"paginate($event)\"\r\n >\r\n </kv-workspace-empresa>\r\n } @if(showBtnVoltar && masterSelecionada) {\r\n <div class=\"flex text-left\">\r\n <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n <span class=\"text-xs font-semibold\">Voltar</span>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: i3.KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }, { kind: "component", type: i4.WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: i5.WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada", "emptyText"], outputs: ["onMasterSelecionada"] }] }); }
|
|
59
60
|
}
|
|
60
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
|
|
61
62
|
type: Component,
|
|
62
|
-
args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n
|
|
63
|
+
args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n @if(!masterSelecionada){\r\n <kv-workspace-master\r\n [masters]=\"masters()\"\r\n [masterSelecionada]=\"masterSelecionada\"\r\n (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n >\r\n </kv-workspace-master>\r\n } @if(!somenteMaster && masterSelecionada){\r\n <kv-workspace-empresa\r\n [empresas]=\"empresas()\"\r\n [totalEmpresas]=\"totalEmpresas\"\r\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n (onPaginate)=\"paginate($event)\"\r\n >\r\n </kv-workspace-empresa>\r\n } @if(showBtnVoltar && masterSelecionada) {\r\n <div class=\"flex text-left\">\r\n <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n <span class=\"text-xs font-semibold\">Voltar</span>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
|
|
63
64
|
}], ctorParameters: () => [], propDecorators: { backgroundImg: [{
|
|
64
65
|
type: Input
|
|
65
66
|
}], somenteMaster: [{
|
|
@@ -83,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
83
84
|
}], onBtnVoltarClick: [{
|
|
84
85
|
type: Output
|
|
85
86
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXdvcmtzcGFjZS93b3Jrc3BhY2Uva3Ytd29ya3NwYWNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXdvcmtzcGFjZS93b3Jrc3BhY2Uva3Ytd29ya3NwYWNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsUUFBUSxFQUVSLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLEtBQUssRUFFTCxNQUFNLEVBQ04sTUFBTSxFQUNOLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBYSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBT3hELE1BQU0sT0FBTyxrQkFBa0I7SUFtQzdCO1FBL0JTLGtCQUFhLEdBQVcsdUVBQXVFLENBQUM7UUFDaEcsa0JBQWEsR0FBWSxJQUFJLENBQUM7UUFDOUIsWUFBTyxHQUFZLElBQUksQ0FBQztRQUN4QixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUcvQixrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUl6QiwyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pELDRCQUF1QixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDckMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVyRCxPQUFFLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3pCLFlBQU8sR0FBRyxLQUFLLENBQVEsRUFBRSxDQUFDLENBQUM7UUFDM0IsYUFBUSxHQUFHLEtBQUssQ0FBUSxFQUFFLENBQUMsQ0FBQztRQUM1QixnQkFBVyxHQUFHLEtBQUssQ0FBUyx3QkFBd0IsQ0FBQyxDQUFDO1FBR3RELGdCQUFXLEdBQUcsTUFBTSxDQUFTLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoRCxvQkFBZSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNwQyxhQUFRLEdBQUcsTUFBTSxFQUFPLENBQUM7UUFFekIsZ0JBQVcsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7UUFFakMsaUJBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQzNCLE9BQU8sSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDdEQsQ0FBQyxDQUFDLENBQUM7SUFFYSxDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1FBQy9ELElBQUksQ0FBQyxZQUFZLEdBQUcsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBRWxELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDakMsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO1NBQ2IsQ0FBQyxDQUFDO1FBRUgsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUU7WUFDckMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGlCQUFpQixDQUFDLE9BQVk7UUFDNUIsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDckQsQ0FBQzs4R0FwRVUsa0JBQWtCO2tHQUFsQixrQkFBa0Isd3lEQ3JCL0IsdW1FQTREQTs7MkZEdkNhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxjQUFjO3dEQVFmLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBRUksc0JBQXNCO3NCQUEvQixNQUFNO2dCQUNHLHVCQUF1QjtzQkFBaEMsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIGNvbXB1dGVkLFxyXG4gIGVmZmVjdCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgaW5qZWN0LFxyXG4gIGlucHV0LFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBvdXRwdXQsXHJcbiAgT3V0cHV0LFxyXG4gIHNpZ25hbFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJbWFnZW5zU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2FwaS9zZXJ2aWNlcy9pbWFnZW5zLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi13b3Jrc3BhY2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi13b3Jrc3BhY2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2t2LXdvcmtzcGFjZS5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgV29ya3NwYWNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgaW1nTG9nb0tlZXZvICE6IHN0cmluZztcclxuICBpbWdQZXJzb25hZ2VucyE6IHN0cmluZztcclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kSW1nOiBzdHJpbmcgPSAnaHR0cHM6Ly93b3JrLWFzc2V0cy5rZWV2by5jb20uYnIvaW1nL2JhY2tncm91bmQta2Vldm9jZW50ZXItbG9naW4uanBnJztcclxuICBASW5wdXQoKSBzb21lbnRlTWFzdGVyOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB2aXNpdmVsOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzaG93QnRuVm9sdGFyOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGVtcHJlc2FTZWxlY2lvbmFkYSE6IGFueVxyXG4gIEBJbnB1dCgpIHRvdGFsRW1wcmVzYXM6IG51bWJlciA9IDA7XHJcblxyXG4gIEBJbnB1dCgpIG1hc3RlclNlbGVjaW9uYWRhITogYW55O1xyXG5cclxuICBAT3V0cHV0KCkgb25HZXRNYXN0ZXJTZWxlY2lvbmFkYSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkdldEVtcHJlc2FTZWxlY2lvbmFkYSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvblBhZ2luYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQnRuVm9sdGFyQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgZmIgPSBpbmplY3QoRm9ybUJ1aWxkZXIpO1xyXG4gIG1hc3RlcnMgPSBpbnB1dDxhbnlbXT4oW10pO1xyXG4gIGVtcHJlc2FzID0gaW5wdXQ8YW55W10+KFtdKTtcclxuICBub21lVXN1YXJpbyA9IGlucHV0PHN0cmluZz4oJ05vbWUgZG8gVXN1w6FyaW8gTG9nYWRvJyk7XHJcbiAgd29ya3NwYWNlRm9ybSE6IEZvcm1Hcm91cDtcclxuXHJcbiAgd2lkdGhTY3JlZW4gPSBzaWduYWw8bnVtYmVyPih3aW5kb3cuaW5uZXJXaWR0aCk7XHJcbiAgbG9nb0tlZXZvQ2VudGVyID0gaW5wdXQ8c3RyaW5nPignJyk7XHJcbiAgb25GaWx0ZXIgPSBvdXRwdXQ8YW55PigpO1xyXG5cclxuICBzZWFyY2hJbnB1dCA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcclxuXHJcbiAgbWluV2lkdGhDYXJkID0gY29tcHV0ZWQoKCkgPT4ge1xyXG4gICAgcmV0dXJuIHRoaXMud2lkdGhTY3JlZW4oKSA+PSA5OTIgPyAnNDVyZW0nIDogJzEwMCUnO1xyXG4gIH0pO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaW1nUGVyc29uYWdlbnMgPSBJbWFnZW5zU2VydmljZS5nZXRQZXJzb25hZ2Vuc1dvcmtTcGFjZSgpO1xyXG4gICAgdGhpcy5pbWdMb2dvS2Vldm8gPSBJbWFnZW5zU2VydmljZS5nZXRMb2dvS2Vldm8oKTtcclxuXHJcbiAgICB0aGlzLndvcmtzcGFjZUZvcm0gPSB0aGlzLmZiLmdyb3VwKHtcclxuICAgICAgc2VhcmNoOiBbJyddXHJcbiAgICB9KTtcclxuXHJcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgKCkgPT4ge1xyXG4gICAgICB0aGlzLndpZHRoU2NyZWVuLnNldCh3aW5kb3cuaW5uZXJXaWR0aCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHBhZ2luYXRlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMub25QYWdpbmF0ZS5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIE9uQnRuVm9sdGFyQ2xpY2soKSB7XHJcbiAgICB0aGlzLm9uQnRuVm9sdGFyQ2xpY2suZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWNpb25hckVtcHJlc2EoZW1wcmVzYTogYW55KSB7XHJcbiAgICB0aGlzLm9uR2V0RW1wcmVzYVNlbGVjaW9uYWRhLmVtaXQoZW1wcmVzYSk7XHJcbiAgfVxyXG5cclxuICBzZWxlY2lvbmFyTWFzdGVyKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMub25HZXRNYXN0ZXJTZWxlY2lvbmFkYS5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIGZpbHRlcigpIHtcclxuICAgIHRoaXMub25GaWx0ZXIuZW1pdCh0aGlzLndvcmtzcGFjZUZvcm0udmFsdWUuc2VhcmNoKVxyXG4gIH1cclxufVxyXG4iLCJAaWYodmlzaXZlbCkge1xyXG48ZGl2XHJcbiAgY2xhc3M9XCJ3LWZ1bGwgaC1mdWxsIGZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIlxyXG4gIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cIid1cmwoJyArIGJhY2tncm91bmRJbWcgKyAnKSdcIlxyXG4+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJiZy13aGl0ZSBoLWF1dG8gYm9yZGVyLXJvdW5kLWxnIGxnOnAtMyBwLTEgZmxleCBmbGV4LWNvbHVtbiBnYXAtMiBvdmVyZmxvdy1oaWRkZW5cIlxyXG4gICAgW3N0eWxlLm1heC13aWR0aC5yZW1dPVwiJzQ1J1wiXHJcbiAgICBbc3R5bGUubWluLXdpZHRoXT1cIm1pbldpZHRoQ2FyZCgpXCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHgtMiBmbGV4IGZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLWNlbnRlciBnYXAtMlwiPlxyXG4gICAgICA8aW1nIFtzcmNdPVwibG9nb0tlZXZvQ2VudGVyKClcIiBzdHlsZT1cImhlaWdodDogNHJlbVwiIGNsYXNzPVwicHktMlwiIC8+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1zbVwiPlxyXG4gICAgICAgIE9sw6EsIDxiPnt7IG5vbWVVc3VhcmlvKCkgfX08L2JcclxuICAgICAgICA+LiBCZW0gdmluZG8gKGEpISBFc2NvbGhhIGFcclxuICAgICAgICA8Yj57eyAhc29tZW50ZU1hc3RlciAmJiBtYXN0ZXJTZWxlY2lvbmFkYSA/IFwiRW1wcmVzYVwiIDogXCJMaWNlbsOnYVwiIH19PC9iPlxyXG4gICAgICAgIHF1ZSBkZXNlamEgYWNlc3NhcjpcclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImNvbC0xMiBncmlkIGZvcm1ncmlkIHAtZmx1aWQgbS0wIHB4LTIgcHQtMiBwYi0wXCJcclxuICAgICAgW2Zvcm1Hcm91cF09XCJ3b3Jrc3BhY2VGb3JtXCJcclxuICAgID5cclxuICAgICAgPGt2LWlucHV0LXRleHRcclxuICAgICAgICBwbGFjZWhvbGRlcj1cIkJ1c2NhciB7e1xyXG4gICAgICAgICAgIXNvbWVudGVNYXN0ZXIgJiYgbWFzdGVyU2VsZWNpb25hZGEgPyAnZW1wcmVzYScgOiAnbGljZW7Dp2EnXHJcbiAgICAgICAgfX1cIlxyXG4gICAgICAgIGNsYXNzPVwiY29sLTEyIG0tMCBwLTBcIlxyXG4gICAgICAgIChvbklucHV0KT1cImZpbHRlcigpXCJcclxuICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJzZWFyY2hcIlxyXG4gICAgICA+PC9rdi1pbnB1dC10ZXh0PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgQGlmKCFtYXN0ZXJTZWxlY2lvbmFkYSl7XHJcbiAgICA8a3Ytd29ya3NwYWNlLW1hc3RlclxyXG4gICAgICBbbWFzdGVyc109XCJtYXN0ZXJzKClcIlxyXG4gICAgICBbbWFzdGVyU2VsZWNpb25hZGFdPVwibWFzdGVyU2VsZWNpb25hZGFcIlxyXG4gICAgICAob25NYXN0ZXJTZWxlY2lvbmFkYSk9XCJzZWxlY2lvbmFyTWFzdGVyKCRldmVudClcIlxyXG4gICAgPlxyXG4gICAgPC9rdi13b3Jrc3BhY2UtbWFzdGVyPlxyXG4gICAgfSBAaWYoIXNvbWVudGVNYXN0ZXIgJiYgbWFzdGVyU2VsZWNpb25hZGEpe1xyXG4gICAgPGt2LXdvcmtzcGFjZS1lbXByZXNhXHJcbiAgICAgIFtlbXByZXNhc109XCJlbXByZXNhcygpXCJcclxuICAgICAgW3RvdGFsRW1wcmVzYXNdPVwidG90YWxFbXByZXNhc1wiXHJcbiAgICAgIChvbkVtcHJlc2FTZWxlY2lvbmFkYSk9XCJzZWxlY2lvbmFyRW1wcmVzYSgkZXZlbnQpXCJcclxuICAgICAgKG9uUGFnaW5hdGUpPVwicGFnaW5hdGUoJGV2ZW50KVwiXHJcbiAgICA+XHJcbiAgICA8L2t2LXdvcmtzcGFjZS1lbXByZXNhPlxyXG4gICAgfSBAaWYoc2hvd0J0blZvbHRhciAmJiBtYXN0ZXJTZWxlY2lvbmFkYSkge1xyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggdGV4dC1sZWZ0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ2b2x0YXItYm94IGxpbmtcIiAob25DbGljayk9XCJPbkJ0blZvbHRhckNsaWNrKClcIj5cclxuICAgICAgICA8a3YtaWNvbiBbbmFtZV09XCInYXJyb3dfYmFja19pb3MnXCIgW3NpemVdPVwiJ3NtYWxsJ1wiPjwva3YtaWNvbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQteHMgZm9udC1zZW1pYm9sZFwiPlZvbHRhcjwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbn1cclxuIl19
|
|
@@ -7564,6 +7564,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
7564
7564
|
type: Output
|
|
7565
7565
|
}] } });
|
|
7566
7566
|
|
|
7567
|
+
class WorkspaceMasterComponent {
|
|
7568
|
+
constructor() {
|
|
7569
|
+
this.dataSource = [];
|
|
7570
|
+
this.onMasterSelecionada = new EventEmitter();
|
|
7571
|
+
this.emptyText = input('Nenhum resultado encontrado');
|
|
7572
|
+
this.widthScreen = signal(window.innerWidth);
|
|
7573
|
+
this.cpfCnpjPipe = inject(CpfCnpjPipe);
|
|
7574
|
+
this.isEmpresa = computed(() => (cpfCnpj) => {
|
|
7575
|
+
return cpfCnpj.length > 11;
|
|
7576
|
+
});
|
|
7577
|
+
this.transformRazaoSocial = computed(() => (razaosocial) => {
|
|
7578
|
+
return razaosocial.length > 72 ? `${razaosocial.substring(0, 72)}...` : razaosocial;
|
|
7579
|
+
});
|
|
7580
|
+
this.transformCpfCnpj = computed(() => (cpfCnpj) => {
|
|
7581
|
+
return this.cpfCnpjPipe.transform(cpfCnpj);
|
|
7582
|
+
});
|
|
7583
|
+
}
|
|
7584
|
+
ngOnInit() {
|
|
7585
|
+
this.configTable();
|
|
7586
|
+
window.addEventListener('resize', () => {
|
|
7587
|
+
this.widthScreen.set(window.innerWidth);
|
|
7588
|
+
});
|
|
7589
|
+
}
|
|
7590
|
+
activeItem(e) {
|
|
7591
|
+
this.masterSelecionada = e;
|
|
7592
|
+
}
|
|
7593
|
+
configTable() {
|
|
7594
|
+
this.dataSource = this.masters;
|
|
7595
|
+
this.tableConfig = {
|
|
7596
|
+
lazy: false,
|
|
7597
|
+
columns: [
|
|
7598
|
+
{ position: 0, field: 'idmaster', header: 'Licença', width: '', centralize: false, sortable: false },
|
|
7599
|
+
{ position: 1, field: 'nome', header: '', width: '80%', centralize: false, sortable: false, },
|
|
7600
|
+
],
|
|
7601
|
+
actions: [
|
|
7602
|
+
{
|
|
7603
|
+
label: 'Acessar',
|
|
7604
|
+
icon: 'login',
|
|
7605
|
+
tooltip: 'Acessar Workspace',
|
|
7606
|
+
command: () => {
|
|
7607
|
+
this.selecionarMaster(this.masterSelecionada);
|
|
7608
|
+
},
|
|
7609
|
+
disabled: () => {
|
|
7610
|
+
return false;
|
|
7611
|
+
},
|
|
7612
|
+
},
|
|
7613
|
+
],
|
|
7614
|
+
actionsLote: [],
|
|
7615
|
+
enableCation: false,
|
|
7616
|
+
enableFilter: false,
|
|
7617
|
+
enableSelect: false,
|
|
7618
|
+
};
|
|
7619
|
+
}
|
|
7620
|
+
doubleClick(e) {
|
|
7621
|
+
this.masterSelecionada = e.rowData;
|
|
7622
|
+
this.selecionarMaster(this.masterSelecionada);
|
|
7623
|
+
}
|
|
7624
|
+
selecionarMaster(master) {
|
|
7625
|
+
this.masterSelecionada = master;
|
|
7626
|
+
this.onMasterSelecionada.emit(this.masterSelecionada);
|
|
7627
|
+
}
|
|
7628
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7629
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n>\r\n @for(master of this.masters; track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selecionarMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n } @if(this.masters.length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }); }
|
|
7630
|
+
}
|
|
7631
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, decorators: [{
|
|
7632
|
+
type: Component,
|
|
7633
|
+
args: [{ selector: 'kv-workspace-master', template: "<div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n>\r\n @for(master of this.masters; track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selecionarMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n } @if(this.masters.length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
|
|
7634
|
+
}], ctorParameters: () => [], propDecorators: { masters: [{
|
|
7635
|
+
type: Input
|
|
7636
|
+
}], masterSelecionada: [{
|
|
7637
|
+
type: Input
|
|
7638
|
+
}], onMasterSelecionada: [{
|
|
7639
|
+
type: Output
|
|
7640
|
+
}] } });
|
|
7641
|
+
|
|
7567
7642
|
class WorkspaceComponent {
|
|
7568
7643
|
constructor() {
|
|
7569
7644
|
this.backgroundImg = 'https://work-assets.keevo.com.br/img/background-keevocenter-login.jpg';
|
|
@@ -7613,11 +7688,11 @@ class WorkspaceComponent {
|
|
|
7613
7688
|
this.onFilter.emit(this.workspaceForm.value.search);
|
|
7614
7689
|
}
|
|
7615
7690
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7616
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n
|
|
7691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n @if(!masterSelecionada){\r\n <kv-workspace-master\r\n [masters]=\"masters()\"\r\n [masterSelecionada]=\"masterSelecionada\"\r\n (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n >\r\n </kv-workspace-master>\r\n } @if(!somenteMaster && masterSelecionada){\r\n <kv-workspace-empresa\r\n [empresas]=\"empresas()\"\r\n [totalEmpresas]=\"totalEmpresas\"\r\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n (onPaginate)=\"paginate($event)\"\r\n >\r\n </kv-workspace-empresa>\r\n } @if(showBtnVoltar && masterSelecionada) {\r\n <div class=\"flex text-left\">\r\n <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n <span class=\"text-xs font-semibold\">Voltar</span>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ 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: 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: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }, { kind: "component", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada", "emptyText"], outputs: ["onMasterSelecionada"] }] }); }
|
|
7617
7692
|
}
|
|
7618
7693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
|
|
7619
7694
|
type: Component,
|
|
7620
|
-
args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n
|
|
7695
|
+
args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n class=\"w-full h-full flex align-items-center justify-content-center\"\r\n [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n <div\r\n class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n [style.max-width.rem]=\"'45'\"\r\n [style.min-width]=\"minWidthCard()\"\r\n >\r\n <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n <span class=\"text-sm\">\r\n Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n >. Bem vindo (a)! Escolha a\r\n <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n que deseja acessar:\r\n </span>\r\n </div>\r\n\r\n <div\r\n class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n [formGroup]=\"workspaceForm\"\r\n >\r\n <kv-input-text\r\n placeholder=\"Buscar {{\r\n !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n }}\"\r\n class=\"col-12 m-0 p-0\"\r\n (onInput)=\"filter()\"\r\n formControlName=\"search\"\r\n ></kv-input-text>\r\n </div>\r\n\r\n @if(!masterSelecionada){\r\n <kv-workspace-master\r\n [masters]=\"masters()\"\r\n [masterSelecionada]=\"masterSelecionada\"\r\n (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n >\r\n </kv-workspace-master>\r\n } @if(!somenteMaster && masterSelecionada){\r\n <kv-workspace-empresa\r\n [empresas]=\"empresas()\"\r\n [totalEmpresas]=\"totalEmpresas\"\r\n (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n (onPaginate)=\"paginate($event)\"\r\n >\r\n </kv-workspace-empresa>\r\n } @if(showBtnVoltar && masterSelecionada) {\r\n <div class=\"flex text-left\">\r\n <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n <span class=\"text-xs font-semibold\">Voltar</span>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
|
|
7621
7696
|
}], ctorParameters: () => [], propDecorators: { backgroundImg: [{
|
|
7622
7697
|
type: Input
|
|
7623
7698
|
}], somenteMaster: [{
|
|
@@ -7642,81 +7717,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
7642
7717
|
type: Output
|
|
7643
7718
|
}] } });
|
|
7644
7719
|
|
|
7645
|
-
class WorkspaceMasterComponent {
|
|
7646
|
-
constructor() {
|
|
7647
|
-
this.dataSource = [];
|
|
7648
|
-
this.onMasterSelecionada = new EventEmitter();
|
|
7649
|
-
this.emptyText = input('Nenhum resultado encontrado');
|
|
7650
|
-
this.widthScreen = signal(window.innerWidth);
|
|
7651
|
-
this.cpfCnpjPipe = inject(CpfCnpjPipe);
|
|
7652
|
-
this.isEmpresa = computed(() => (cpfCnpj) => {
|
|
7653
|
-
return cpfCnpj.length > 11;
|
|
7654
|
-
});
|
|
7655
|
-
this.transformRazaoSocial = computed(() => (razaosocial) => {
|
|
7656
|
-
return razaosocial.length > 72 ? `${razaosocial.substring(0, 72)}...` : razaosocial;
|
|
7657
|
-
});
|
|
7658
|
-
this.transformCpfCnpj = computed(() => (cpfCnpj) => {
|
|
7659
|
-
return this.cpfCnpjPipe.transform(cpfCnpj);
|
|
7660
|
-
});
|
|
7661
|
-
}
|
|
7662
|
-
ngOnInit() {
|
|
7663
|
-
this.configTable();
|
|
7664
|
-
window.addEventListener('resize', () => {
|
|
7665
|
-
this.widthScreen.set(window.innerWidth);
|
|
7666
|
-
});
|
|
7667
|
-
}
|
|
7668
|
-
activeItem(e) {
|
|
7669
|
-
this.masterSelecionada = e;
|
|
7670
|
-
}
|
|
7671
|
-
configTable() {
|
|
7672
|
-
this.dataSource = this.masters;
|
|
7673
|
-
this.tableConfig = {
|
|
7674
|
-
lazy: false,
|
|
7675
|
-
columns: [
|
|
7676
|
-
{ position: 0, field: 'idmaster', header: 'Licença', width: '', centralize: false, sortable: false },
|
|
7677
|
-
{ position: 1, field: 'nome', header: '', width: '80%', centralize: false, sortable: false, },
|
|
7678
|
-
],
|
|
7679
|
-
actions: [
|
|
7680
|
-
{
|
|
7681
|
-
label: 'Acessar',
|
|
7682
|
-
icon: 'login',
|
|
7683
|
-
tooltip: 'Acessar Workspace',
|
|
7684
|
-
command: () => {
|
|
7685
|
-
this.selecionarMaster(this.masterSelecionada);
|
|
7686
|
-
},
|
|
7687
|
-
disabled: () => {
|
|
7688
|
-
return false;
|
|
7689
|
-
},
|
|
7690
|
-
},
|
|
7691
|
-
],
|
|
7692
|
-
actionsLote: [],
|
|
7693
|
-
enableCation: false,
|
|
7694
|
-
enableFilter: false,
|
|
7695
|
-
enableSelect: false,
|
|
7696
|
-
};
|
|
7697
|
-
}
|
|
7698
|
-
doubleClick(e) {
|
|
7699
|
-
this.masterSelecionada = e.rowData;
|
|
7700
|
-
this.selecionarMaster(this.masterSelecionada);
|
|
7701
|
-
}
|
|
7702
|
-
selecionarMaster(master) {
|
|
7703
|
-
this.masterSelecionada = master;
|
|
7704
|
-
this.onMasterSelecionada.emit(this.masterSelecionada);
|
|
7705
|
-
}
|
|
7706
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7707
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n>\r\n @for(master of this.masters; track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selecionarMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n } @if(this.masters.length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }); }
|
|
7708
|
-
}
|
|
7709
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, decorators: [{
|
|
7710
|
-
type: Component,
|
|
7711
|
-
args: [{ selector: 'kv-workspace-master', template: "<div\r\n class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n 'overflow-y-auto'\r\n }} max-h-24rem cards-container\"\r\n>\r\n @for(master of this.masters; track $index) {\r\n <div\r\n class=\"{{\r\n $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n }} p-0 card-option\"\r\n (click)=\"selecionarMaster(master)\"\r\n >\r\n <div class=\"flex flex-column p-3 gap-1\">\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n <span class=\"material-symbols-outlined text-md\"> article </span>\r\n <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n </div>\r\n\r\n <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n transformRazaoSocial()(master.nome)\r\n }}</span>\r\n\r\n <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n <span class=\"text-xs\">{{\r\n isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n }}</span>\r\n <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n } @if(this.masters.length == 0) {\r\n <p>{{ emptyText() }}</p>\r\n }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
|
|
7712
|
-
}], ctorParameters: () => [], propDecorators: { masters: [{
|
|
7713
|
-
type: Input
|
|
7714
|
-
}], masterSelecionada: [{
|
|
7715
|
-
type: Input
|
|
7716
|
-
}], onMasterSelecionada: [{
|
|
7717
|
-
type: Output
|
|
7718
|
-
}] } });
|
|
7719
|
-
|
|
7720
7720
|
class KvWorkspaceModule {
|
|
7721
7721
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7722
7722
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, declarations: [WorkspaceComponent,
|