general-library-union 3.2.70 → 3.2.71
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/src/app/core/componentes/inicio-component/inicio-component.component.mjs +1 -3
- package/esm2022/src/app/layout/app.topbar.component.mjs +4 -5
- package/esm2022/src/app/publico/pages/login/login.page.mjs +3 -3
- package/esm2022/src/app/publico/pages/seleccion-rol/seleccion-rol.component.mjs +3 -3
- package/esm2022/src/app/seguridad/modelos/TareasModel.mjs +2 -1
- package/fesm2022/general-library-union.mjs +8 -10
- package/fesm2022/general-library-union.mjs.map +1 -1
- package/package.json +1 -1
- package/src/app/seguridad/modelos/TareasModel.d.ts +1 -0
- package/src/styles/primeng/sass/overrides/_theme_styles.scss +1 -0
|
@@ -1378,6 +1378,7 @@ class TareasModel {
|
|
|
1378
1378
|
nombreTabla;
|
|
1379
1379
|
tareasHijas;
|
|
1380
1380
|
iconoModulo;
|
|
1381
|
+
palabras;
|
|
1381
1382
|
constructor(descripcion, nombrepadre, icono) {
|
|
1382
1383
|
this.descripcion = descripcion;
|
|
1383
1384
|
this.gif = icono;
|
|
@@ -4597,14 +4598,13 @@ class AppTopbarComponent {
|
|
|
4597
4598
|
const query = event.query;
|
|
4598
4599
|
for (let i = 0; i < this.tareas.length; i++) {
|
|
4599
4600
|
const country = this.tareas[i];
|
|
4600
|
-
if (country.descripcion.toLowerCase().includes(query.toLowerCase())) {
|
|
4601
|
+
if (country.descripcion.toLowerCase().includes(query.toLowerCase()) || country.palabras.toLowerCase().includes(query.toLowerCase())) {
|
|
4601
4602
|
filtered.push(country);
|
|
4602
4603
|
}
|
|
4603
4604
|
}
|
|
4604
4605
|
this.tareasFiltradas = filtered;
|
|
4605
4606
|
}
|
|
4606
4607
|
cambioSwitch(cambio) {
|
|
4607
|
-
console.log(cambio);
|
|
4608
4608
|
this.switch = cambio.checked;
|
|
4609
4609
|
this.cambiarTema();
|
|
4610
4610
|
}
|
|
@@ -4615,11 +4615,11 @@ class AppTopbarComponent {
|
|
|
4615
4615
|
linkTema.href = `${tema}.css`;
|
|
4616
4616
|
}
|
|
4617
4617
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppTopbarComponent, deps: [{ token: LayoutService }, { token: i0.ElementRef }, { token: i2.ActivatedRoute }, { token: StorageService }, { token: i2.Router }, { token: i0.Renderer2 }, { token: MenuService$1 }, { token: AuthService }, { token: CargarControlFuncionalidadService }, { token: GeneralPipe }, { token: StorageService }, { token: UtilsService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
4618
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "mobileMenuButton", first: true, predicate: ["mobileMenuButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "autocomplete", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "\n\n<div class=\"layout-topbar\">\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <!-- <svg width=\"167\" height=\"32\" viewBox=\"0 0 167 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-full\">\n <path\n d=\"M76.5469 5.25V20.7812C76.5365 22.3125 76.1979 23.6458 75.5312 24.7812C74.8646 25.9167 73.9219 26.7917 72.7031 27.4062C71.4948 28.0104 70.1042 28.3125 68.5312 28.3125C66.1354 28.3125 64.2135 27.6615 62.7656 26.3594C61.3281 25.0469 60.5833 23.2344 60.5312 20.9219V5.25H62.4375V20.6406C62.4375 22.5573 62.9844 24.0469 64.0781 25.1094C65.1719 26.1615 66.6562 26.6875 68.5312 26.6875C70.4062 26.6875 71.8854 26.1562 72.9688 25.0938C74.0625 24.0312 74.6094 22.5521 74.6094 20.6562V5.25H76.5469Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path d=\"M83.8438 26.375H95.0781V28H81.9062V5.25H83.8438V26.375Z\" fill=\"var(--topbar-item-text-color)\" />\n <path d=\"M109.906 6.89062H102.109V28H100.188V6.89062H92.4062V5.25H109.906V6.89062Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path d=\"M115.938 28H114.016V5.25H115.938V28Z\" fill=\"var(--topbar-item-text-color)\" />\n <path\n d=\"M124.672 5.25L133.062 25.3281L141.484 5.25H144.047V28H142.125V18.0938L142.281 7.9375L133.812 28H132.328L123.891 8.01562L124.047 18.0312V28H122.125V5.25H124.672Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path\n d=\"M162.375 21.625H152.047L149.703 28H147.688L156.297 5.25H158.125L166.734 28H164.734L162.375 21.625ZM152.641 19.9844H161.766L157.203 7.59375L152.641 19.9844Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M39.9709 8.57017C39.9112 8.42729 39.7717 8.33484 39.617 8.33484H37.5093L38.657 6.95037C38.752 6.83653 38.7711 6.67837 38.7083 6.54466C38.6455 6.41095 38.5106 6.32537 38.362 6.32537H15.2326L8.67361 0.10518C8.54643 -0.0147766 8.35336 -0.0346421 8.20625 0.0585729L4.52643 2.36221L4.52336 2.36526L4.51953 2.36679L0.17315 5.21978C0.162424 5.22666 0.157061 5.23735 0.147101 5.24576C0.125649 5.26257 0.107261 5.28091 0.0904059 5.30154C0.0750829 5.31987 0.0628245 5.33821 0.0513322 5.35884C0.0390738 5.381 0.0306461 5.40316 0.0229846 5.42684C0.015323 5.45129 0.0107261 5.47574 0.00766152 5.50172C0.00689537 5.51471 0 5.5254 0 5.53916C0 5.55138 0.00536306 5.56055 0.00689537 5.57278C0.00919382 5.59799 0.0145569 5.62168 0.0222184 5.64689C0.0298799 5.6721 0.0383076 5.69579 0.0513322 5.71948C0.0566952 5.72941 0.0574614 5.74011 0.0635906 5.75004C0.0689537 5.75844 0.0789137 5.7615 0.0850429 5.76914C0.111858 5.80352 0.14327 5.83179 0.180046 5.85471C0.193836 5.86312 0.204563 5.87382 0.218353 5.88069C0.268919 5.90514 0.324082 5.92119 0.383842 5.92119H5.61743L6.79883 8.86052L6.80036 8.86281V8.8651L14.4864 27.2292L9.94925 31.3353C9.83203 31.4415 9.79219 31.608 9.84965 31.7555C9.90635 31.903 10.0489 32 10.2067 32H16.7389C16.7895 32 16.8393 31.9893 16.886 31.9702C16.9327 31.9511 16.9749 31.9228 17.0101 31.8877L20.444 28.4502C20.4486 28.4555 20.4501 28.4624 20.4555 28.4678L23.707 31.8808C23.7798 31.958 23.8756 31.9794 23.9867 32C29.8899 31.9671 38.8462 31.9373 39.2676 31.9809C39.3074 31.9939 39.348 32 39.3886 32C39.5197 32 39.6476 31.9335 39.7189 31.8182C39.9403 31.459 39.9387 31.4552 28.6265 20.2603L39.8874 8.98888C39.9977 8.87733 40.0299 8.71305 39.9709 8.57017ZM37.5483 7.08867L36.5163 8.33484H17.3518L16.0379 7.08867H37.5483ZM8.36178 0.862361L16.2409 8.33484H7.41329L5.20447 2.83898L8.36178 0.862361ZM1.66178 5.15636L4.54864 3.2615L5.3102 5.15636H1.66178ZM21.0102 27.9406C21.0002 27.9299 20.9864 27.9253 20.9757 27.9169L23.7201 25.1701V30.7844L21.0102 27.9406ZM38.5045 31.213C37.058 31.1916 33.464 31.1825 24.4862 31.2321V24.6513C24.4862 24.581 24.4617 24.5183 24.4288 24.461L28.0864 20.7997C31.6934 24.3701 36.7998 29.4519 38.5045 31.213ZM16.8722 30.9425L7.72894 9.0989H36.6006C36.6282 9.10501 36.6558 9.11342 36.6834 9.11342C36.7056 9.11342 36.7263 9.10272 36.7485 9.0989H38.6945L16.8722 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg> -->\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\">\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\"></i>\n </a>\n <!--BUSCADOR-->\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li>\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li>\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i14.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i10.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i13.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
|
|
4618
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "mobileMenuButton", first: true, predicate: ["mobileMenuButton"], descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "autocomplete", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "\n\n<div class=\"layout-topbar\">\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\">\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\"></i>\n </a>\n <!--BUSCADOR-->\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li>\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li>\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i14.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i10.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i13.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
|
|
4619
4619
|
}
|
|
4620
4620
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: AppTopbarComponent, decorators: [{
|
|
4621
4621
|
type: Component,
|
|
4622
|
-
args: [{ selector: 'app-topbar', imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule], standalone: true, template: "\n\n<div class=\"layout-topbar\">\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <!-- <svg width=\"167\" height=\"32\" viewBox=\"0 0 167 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-full\">\n <path\n d=\"M76.5469 5.25V20.7812C76.5365 22.3125 76.1979 23.6458 75.5312 24.7812C74.8646 25.9167 73.9219 26.7917 72.7031 27.4062C71.4948 28.0104 70.1042 28.3125 68.5312 28.3125C66.1354 28.3125 64.2135 27.6615 62.7656 26.3594C61.3281 25.0469 60.5833 23.2344 60.5312 20.9219V5.25H62.4375V20.6406C62.4375 22.5573 62.9844 24.0469 64.0781 25.1094C65.1719 26.1615 66.6562 26.6875 68.5312 26.6875C70.4062 26.6875 71.8854 26.1562 72.9688 25.0938C74.0625 24.0312 74.6094 22.5521 74.6094 20.6562V5.25H76.5469Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path d=\"M83.8438 26.375H95.0781V28H81.9062V5.25H83.8438V26.375Z\" fill=\"var(--topbar-item-text-color)\" />\n <path d=\"M109.906 6.89062H102.109V28H100.188V6.89062H92.4062V5.25H109.906V6.89062Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path d=\"M115.938 28H114.016V5.25H115.938V28Z\" fill=\"var(--topbar-item-text-color)\" />\n <path\n d=\"M124.672 5.25L133.062 25.3281L141.484 5.25H144.047V28H142.125V18.0938L142.281 7.9375L133.812 28H132.328L123.891 8.01562L124.047 18.0312V28H122.125V5.25H124.672Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path\n d=\"M162.375 21.625H152.047L149.703 28H147.688L156.297 5.25H158.125L166.734 28H164.734L162.375 21.625ZM152.641 19.9844H161.766L157.203 7.59375L152.641 19.9844Z\"\n fill=\"var(--topbar-item-text-color)\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M39.9709 8.57017C39.9112 8.42729 39.7717 8.33484 39.617 8.33484H37.5093L38.657 6.95037C38.752 6.83653 38.7711 6.67837 38.7083 6.54466C38.6455 6.41095 38.5106 6.32537 38.362 6.32537H15.2326L8.67361 0.10518C8.54643 -0.0147766 8.35336 -0.0346421 8.20625 0.0585729L4.52643 2.36221L4.52336 2.36526L4.51953 2.36679L0.17315 5.21978C0.162424 5.22666 0.157061 5.23735 0.147101 5.24576C0.125649 5.26257 0.107261 5.28091 0.0904059 5.30154C0.0750829 5.31987 0.0628245 5.33821 0.0513322 5.35884C0.0390738 5.381 0.0306461 5.40316 0.0229846 5.42684C0.015323 5.45129 0.0107261 5.47574 0.00766152 5.50172C0.00689537 5.51471 0 5.5254 0 5.53916C0 5.55138 0.00536306 5.56055 0.00689537 5.57278C0.00919382 5.59799 0.0145569 5.62168 0.0222184 5.64689C0.0298799 5.6721 0.0383076 5.69579 0.0513322 5.71948C0.0566952 5.72941 0.0574614 5.74011 0.0635906 5.75004C0.0689537 5.75844 0.0789137 5.7615 0.0850429 5.76914C0.111858 5.80352 0.14327 5.83179 0.180046 5.85471C0.193836 5.86312 0.204563 5.87382 0.218353 5.88069C0.268919 5.90514 0.324082 5.92119 0.383842 5.92119H5.61743L6.79883 8.86052L6.80036 8.86281V8.8651L14.4864 27.2292L9.94925 31.3353C9.83203 31.4415 9.79219 31.608 9.84965 31.7555C9.90635 31.903 10.0489 32 10.2067 32H16.7389C16.7895 32 16.8393 31.9893 16.886 31.9702C16.9327 31.9511 16.9749 31.9228 17.0101 31.8877L20.444 28.4502C20.4486 28.4555 20.4501 28.4624 20.4555 28.4678L23.707 31.8808C23.7798 31.958 23.8756 31.9794 23.9867 32C29.8899 31.9671 38.8462 31.9373 39.2676 31.9809C39.3074 31.9939 39.348 32 39.3886 32C39.5197 32 39.6476 31.9335 39.7189 31.8182C39.9403 31.459 39.9387 31.4552 28.6265 20.2603L39.8874 8.98888C39.9977 8.87733 40.0299 8.71305 39.9709 8.57017ZM37.5483 7.08867L36.5163 8.33484H17.3518L16.0379 7.08867H37.5483ZM8.36178 0.862361L16.2409 8.33484H7.41329L5.20447 2.83898L8.36178 0.862361ZM1.66178 5.15636L4.54864 3.2615L5.3102 5.15636H1.66178ZM21.0102 27.9406C21.0002 27.9299 20.9864 27.9253 20.9757 27.9169L23.7201 25.1701V30.7844L21.0102 27.9406ZM38.5045 31.213C37.058 31.1916 33.464 31.1825 24.4862 31.2321V24.6513C24.4862 24.581 24.4617 24.5183 24.4288 24.461L28.0864 20.7997C31.6934 24.3701 36.7998 29.4519 38.5045 31.213ZM16.8722 30.9425L7.72894 9.0989H36.6006C36.6282 9.10501 36.6558 9.11342 36.6834 9.11342C36.7056 9.11342 36.7263 9.10272 36.7485 9.0989H38.6945L16.8722 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg> -->\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\">\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\"></i>\n </a>\n <!--BUSCADOR-->\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li>\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li>\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n" }]
|
|
4622
|
+
args: [{ selector: 'app-topbar', imports: [CommonModule, AutoCompleteModule, FormsModule, StyleClassModule, InputSwitchModule], standalone: true, template: "\n\n<div class=\"layout-topbar\">\n <div class=\"layout-topbar-start\">\n <a class=\"layout-topbar-logo\" routerLink=\"/\">\n <img style=\"width: 167px; height: 64px;\" class=\"layout-topbar-logo-full\"\n src=\"{{ codigo != '1'? logoComprimido : 'assets/images/logo-sara.png'}}\">\n\n\n <svg width=\"41\" height=\"46\" viewBox=\"0 0 41 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n class=\"layout-topbar-logo-slim\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40.7209 8.57017C40.6612 8.42729 40.5217 8.33484 40.367 8.33484H38.2593L39.407 6.95037C39.502 6.83653 39.5211 6.67837 39.4583 6.54466C39.3955 6.41095 39.2606 6.32537 39.112 6.32537H15.9826L9.42361 0.10518C9.29643 -0.0147766 9.10336 -0.0346421 8.95625 0.0585729L5.27643 2.36221L5.27336 2.36526L5.26953 2.36679L0.92315 5.21978C0.912424 5.22666 0.907061 5.23735 0.897101 5.24576C0.875649 5.26257 0.857261 5.28091 0.840406 5.30154C0.825083 5.31987 0.812825 5.33821 0.801332 5.35884C0.789074 5.381 0.780646 5.40316 0.772985 5.42684C0.765323 5.45129 0.760726 5.47574 0.757662 5.50172C0.756895 5.51471 0.75 5.5254 0.75 5.53916C0.75 5.55138 0.755363 5.56055 0.756895 5.57278C0.759194 5.59799 0.764557 5.62168 0.772218 5.64689C0.77988 5.6721 0.788308 5.69579 0.801332 5.71948C0.806695 5.72941 0.807461 5.74011 0.813591 5.75004C0.818954 5.75844 0.828914 5.7615 0.835043 5.76914C0.861858 5.80352 0.89327 5.83179 0.930046 5.85471C0.943836 5.86312 0.954563 5.87382 0.968353 5.88069C1.01892 5.90514 1.07408 5.92119 1.13384 5.92119H6.36743L7.54883 8.86052L7.55036 8.86281V8.8651L15.2364 27.2292L10.6993 31.3353C10.582 31.4415 10.5422 31.608 10.5997 31.7555C10.6564 31.903 10.7989 32 10.9567 32H17.4889C17.5395 32 17.5893 31.9893 17.636 31.9702C17.6827 31.9511 17.7249 31.9228 17.7601 31.8877L21.194 28.4502C21.1986 28.4555 21.2001 28.4624 21.2055 28.4678L24.457 31.8808C24.5298 31.958 24.6256 31.9794 24.7367 32C30.6399 31.9671 39.5962 31.9373 40.0176 31.9809C40.0574 31.9939 40.098 32 40.1386 32C40.2697 32 40.3976 31.9335 40.4689 31.8182C40.6903 31.459 40.6887 31.4552 29.3765 20.2603L40.6374 8.98888C40.7477 8.87733 40.7799 8.71305 40.7209 8.57017ZM38.2983 7.08867L37.2663 8.33484H18.1018L16.7879 7.08867H38.2983ZM9.11178 0.862361L16.9909 8.33484H8.16329L5.95447 2.83898L9.11178 0.862361ZM2.41178 5.15636L5.29864 3.2615L6.0602 5.15636H2.41178ZM21.7602 27.9406C21.7502 27.9299 21.7364 27.9253 21.7257 27.9169L24.4701 25.1701V30.7844L21.7602 27.9406ZM39.2545 31.213C37.808 31.1916 34.214 31.1825 25.2362 31.2321V24.6513C25.2362 24.581 25.2117 24.5183 25.1788 24.461L28.8364 20.7997C32.4434 24.3701 37.5498 29.4519 39.2545 31.213ZM17.6222 30.9425L8.47894 9.0989H37.3506C37.3782 9.10501 37.4058 9.11342 37.4334 9.11342C37.4556 9.11342 37.4763 9.10272 37.4985 9.0989H39.4445L17.6222 30.9425Z\"\n fill=\"var(--topbar-item-text-color)\" />\n </svg>\n </a>\n <a #menuButton class=\"layout-menu-button\" (click)=\"onMenuButtonClick()\" pRipple>\n <i class=\"pi pi-chevron-right\"></i>\n </a>\n\n <a #mobileMenuButton class=\"layout-topbar-mobile-button\" (click)=\"onMobileTopbarMenuButtonClick()\" pRipple>\n <i class=\"pi pi-ellipsis-v\"></i>\n </a>\n </div>\n\n <div class=\"layout-topbar-end\">\n <!-- Se comentan las opciones de KIT y Utilities -->\n <div class=\"layout-topbar-actions-start\" style=\"line-height: 15px;\">\n <label class=\"empresa\">Empresa: {{empresa}} </label>\n <label class=\"rol\"><span class=\"font-medium\">Rol:</span> {{rol}} </label>\n <label class=\"conexion\"><span class=\"font-medium\">Conexion:</span> {{conexion}} </label>\n <!-- <p-megaMenu [model]=\"model\" styleClass=\"layout-megamenu\"></p-megaMenu> -->\n </div>\n <div class=\"layout-topbar-actions-end\">\n <ul class=\"layout-topbar-items\">\n <!--CAMBIAR TEMA-->\n <li class=\"flex align-items-center eleccion-modo\">\n <!-- <i class=\"pi pi-sun mr-1\"></i> -->\n <p-inputSwitch [(ngModel)]=\"switch\" (onChange)=\"cambioSwitch($event)\"></p-inputSwitch>\n <!-- <i class=\"pi pi-moon ml-1\"></i> -->\n </li>\n <li class=\"layout-topbar-search\">\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple (click)=\"focusSearchInput()\">\n <i class=\"pi pi-search\"></i>\n </a>\n <!--BUSCADOR-->\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'margin-left': '11%' }\" styleClass=\"w-full h-full\" icon=\"pi pi-search\">\n </p-autoComplete>\n\n\n <div class=\"layout-search-panel ng-hidden p-input-filled\">\n <i class=\"pi pi-search\"></i>\n <!-- <input #searchInput type=\"text\" pInputText placeholder=\"Search\"> -->\n <p-autoComplete #searchInput placeholder=\"Buscar una tarea...\" (click)=\"searchClick = true\"\n [dropdown]=\"false\" [(ngModel)]=\"tareaSeleccionadas\" [suggestions]=\"tareasFiltradas\"\n (completeMethod)=\"filterTarea($event)\" (onSelect)=\"tareaSeleccion()\" field=\"descripcion\"\n [ngStyle]=\"{ 'width': '70%', 'height': '40px', 'align-items': 'center' }\" styleClass=\"w-full h-full\">\n </p-autoComplete>\n <button pButton pRipple type=\"button\" icon=\"pi pi-times\" (click)=\"focusSearchInput()\"\n class=\"p-button-rounded p-button-text p-button-plain\" pStyleClass=\".layout-search-panel\"\n leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\"></button>\n </div>\n </div>\n </li>\n <!-- <li>\n NOTIFICACIONES\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\" leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-bell\" pBadge severity=\"warning\"></i>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <li class=\"px-3 py-1\">\n <span>You have <b>4</b> new notifications</span>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-1.png\" />\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"font-bold\">Jerome Bell</span>\n <small>42 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">How to write content about your photographs?</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-2.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Cameron Williamson</span>\n <small>48 mins ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Start a blog to reach your creative peak.</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-3.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Anna Miles</span>\n <small>1 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Caring is the new marketing</span>\n </div>\n </div>\n </li>\n <li class=\"p-3\">\n <div class=\"flex align-items-center\">\n <img src=\"assets/demo/images/avatar/avatar-4.png\"/>\n <div class=\"flex flex-column ml-3 flex-1\">\n <div class=\"flex align-items-center justify-content-between mb-1\">\n <span class=\"fs-small font-bold\">Arlene Mccoy</span>\n <small>4 day ago</small>\n </div>\n <span class=\"text-sm line-height-3\">Starting your traveling blog with Vasco.</span>\n </div>\n </div>\n </li>\n </ul>\n </div>\n </li> -->\n <li>\n <!-- MODULOS -->\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <i class=\"pi pi-table\"></i>\n </a>\n <div class=\"ng-hidden\">\n <div class=\"flex flex-wrap p-2 modulos\">\n <div class=\"w-4 flex-column\" *ngFor=\"let modulo of modulosDisponibles\">\n <a class=\"flex text-color\" href=\"{{utilsService.obtenerBase() + (url.toString().includes('admonPortal') ? '/admonPortal/inicio' : '/inicio')}}\" pRipple (click)=\"cambioModulo(modulo, true)\">\n <button pButton class=\"p-button-rounded mb-2\" style=\"width:40px; height: 40px; min-width:40px; background:transparent;\"\n pRipple>\n <img style=\"height: 3.5rem; width:3.5rem;margin-left: -10px;\" [src]=\"'assets/modulos/' + (modulo.icono.replace('.png', '.webp'))\" />\n\n </button>\n <span style=\"font-size: 10px; text-align: left; margin-left: 10px\">{{ modulo.descripcion }}</span>\n </a>\n </div>\n </div>\n </div>\n </li>\n <li>\n <a pStyleClass=\"@next\" enterFromClass=\"ng-hidden\" enterActiveClass=\"px-scalein\" leaveToClass=\"ng-hidden\"\n leaveActiveClass=\"px-fadeout\" [hideOnOutsideClick]=\"true\" pRipple>\n <div class=\"iniciales-usuario\" [style.background-color]=\"color\">\n <label class=\"font-semibold\">{{iniciales}}</label>\n </div>\n </a>\n <div class=\"ng-hidden\">\n <ul class=\"list-none p-0 m-0\">\n <!-- Funciones Apagadas de perfil -->\n <!-- <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-cog mr-2\"></i>\n <span>Settings</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-file-o mr-2\"></i>\n <span>Terms of Usage</span>\n </a>\n </li>\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\" pRipple>\n <i class=\"pi pi-compass mr-2\"></i>\n <span>Support</span>\n </a>\n </li> -->\n <li>\n <a class=\"cursor-pointer flex align-items-center py-2 hover:surface-hover transition-duration-150 transition-all px-3 py-2\"\n pRipple (click)=\"salir()\">\n <i class=\"pi pi-power-off mr-2\"></i>\n <span>Cerrar sesi\u00F3n</span>\n </a>\n </li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n</div>\n" }]
|
|
4623
4623
|
}], ctorParameters: () => [{ type: LayoutService }, { type: i0.ElementRef }, { type: i2.ActivatedRoute }, { type: StorageService }, { type: i2.Router }, { type: i0.Renderer2 }, { type: MenuService$1 }, { type: AuthService }, { type: CargarControlFuncionalidadService }, { type: GeneralPipe }, { type: StorageService }, { type: UtilsService }, { type: Document, decorators: [{
|
|
4624
4624
|
type: Inject,
|
|
4625
4625
|
args: [DOCUMENT]
|
|
@@ -5799,13 +5799,11 @@ class InicioComponentComponent {
|
|
|
5799
5799
|
aplicacion: this.utilsService.rightpad(this.authService.getTokenKey('codigoAplicacion'), 10, ' ')
|
|
5800
5800
|
},
|
|
5801
5801
|
};
|
|
5802
|
-
console.log(objeto);
|
|
5803
5802
|
this.activatedRoute.data.subscribe((v) => {
|
|
5804
5803
|
this.httpClient
|
|
5805
5804
|
.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/general/queryForObject`, objeto)
|
|
5806
5805
|
.subscribe((data) => {
|
|
5807
5806
|
this.modulo = data;
|
|
5808
|
-
console.log(this.modulo);
|
|
5809
5807
|
});
|
|
5810
5808
|
});
|
|
5811
5809
|
}
|
|
@@ -5961,11 +5959,11 @@ class SeleccionRolComponent {
|
|
|
5961
5959
|
this.regresar.emit();
|
|
5962
5960
|
}
|
|
5963
5961
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SeleccionRolComponent, deps: [{ token: i2.Router }, { token: StorageService }, { token: i3.CookieService }, { token: AuthService }, { token: UtilsService }, { token: CargarControlFuncionalidadService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5964
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SeleccionRolComponent, isStandalone: true, selector: "app-seleccion-rol", inputs: { mostrar: "mostrar", codigoAplicacion: "codigoAplicacion" }, outputs: { regresar: "regresar" }, ngImport: i0, template: "<p-dialog id='popupSeleccionPlantilla' header=\"Perfil\" [(visible)]=\"mostrar\" appendTo=\"body\"\n (onHide)=\"regresarRegistro()\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{'min-width':'20vw'}\"\n [modal]=\"true\" [draggable]=\"false\">\n\n <span class=\"p-input-icon-left mb-3 w-full\">\n <i class=\"pi pi-search\"></i>\n <input class=\" w-full p-inputtext\" type=\"text\" pInputText [(ngModel)]=\"parametroBusqueda\" (keyup.enter)=\"cargarListadoFiltro()\" />\n </span>\n\n <!-- Contenido -->\n <div class=\"flex mb-3\">\n <!--Empresa -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Empresa\" tooltipPosition=\"top\"\n *ngIf=\"getNombreEmpresa() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-building color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_empresa\"> {{getNombreEmpresa() | uppercase}}</label>\n <!-- <label htmlFor=\"empresa\">{{'empresa' | translate}}</label> -->\n </div>\n <!--Conexion -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Conexi\u00F3n\" tooltipPosition=\"top\"\n *ngIf=\"getNombreConexion() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-book color-400 font-semibold\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreConexion() | uppercase}}</label>\n\n </div>\n <!--Rol -->\n <div class=\"flex align-items-center\" pTooltip=\"Rol\" tooltipPosition=\"top\" *ngIf=\"getNombreRol() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-user color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreRol()}}</label>\n </div>\n </div>\n\n <p-table [value]=\"filtrolRolesConexionEmpresa\" responsiveLayout=\"scroll\" [paginator]=\"listRoles.length > 10\" [rows]=\"10\"\n [(selection)]=\"rolSeleccionado\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction()\" selectionMode=\"single\">\n <!-- header de la tabla de seleccion rol -->\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th *ngIf=\"getNombreEmpresa() == null\">Nombre Empresa</th>\n <th *ngIf=\"getNombreConexion() == null\">Conexi\u00F3n</th>\n <th *ngIf=\"getNombreRol() == null\">Rol</th>\n </tr>\n </ng-template>\n <!-- cuerpo de la tabla -->\n <ng-template pTemplate=\"body\" let-rol let-rowIndex=\"rowIndex\">\n <tr [pSelectableRow]=\"rol\">\n <td *ngIf=\"getNombreEmpresa() == null\" style=\"min-width: 200px\">\n {{rol.nombreEmpresa}}\n </td>\n <td *ngIf=\"getNombreConexion() == null\" style=\"min-width: 200px\">\n {{ rol.nombreConexion}}\n </td>\n <td *ngIf=\"getNombreRol() == null\" style=\"min-width: 200px\">\n {{ rol.nombreRol }}\n </td>\n </tr>\n </ng-template>\n </p-table>\n</p-dialog>", styles: ["
|
|
5962
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SeleccionRolComponent, isStandalone: true, selector: "app-seleccion-rol", inputs: { mostrar: "mostrar", codigoAplicacion: "codigoAplicacion" }, outputs: { regresar: "regresar" }, ngImport: i0, template: "<p-dialog id='popupSeleccionPlantilla' header=\"Perfil\" [(visible)]=\"mostrar\" appendTo=\"body\"\n (onHide)=\"regresarRegistro()\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{'min-width':'20vw'}\"\n [modal]=\"true\" [draggable]=\"false\">\n\n <span class=\"p-input-icon-left mb-3 w-full\">\n <i class=\"pi pi-search\"></i>\n <input class=\" w-full p-inputtext\" type=\"text\" pInputText [(ngModel)]=\"parametroBusqueda\" (keyup.enter)=\"cargarListadoFiltro()\" />\n </span>\n\n <!-- Contenido -->\n <div class=\"flex mb-3\">\n <!--Empresa -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Empresa\" tooltipPosition=\"top\"\n *ngIf=\"getNombreEmpresa() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-building color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_empresa\"> {{getNombreEmpresa() | uppercase}}</label>\n <!-- <label htmlFor=\"empresa\">{{'empresa' | translate}}</label> -->\n </div>\n <!--Conexion -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Conexi\u00F3n\" tooltipPosition=\"top\"\n *ngIf=\"getNombreConexion() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-book color-400 font-semibold\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreConexion() | uppercase}}</label>\n\n </div>\n <!--Rol -->\n <div class=\"flex align-items-center\" pTooltip=\"Rol\" tooltipPosition=\"top\" *ngIf=\"getNombreRol() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-user color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreRol()}}</label>\n </div>\n </div>\n\n <p-table [value]=\"filtrolRolesConexionEmpresa\" responsiveLayout=\"scroll\" [paginator]=\"listRoles.length > 10\" [rows]=\"10\"\n [(selection)]=\"rolSeleccionado\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction()\" selectionMode=\"single\">\n <!-- header de la tabla de seleccion rol -->\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th *ngIf=\"getNombreEmpresa() == null\">Nombre Empresa</th>\n <th *ngIf=\"getNombreConexion() == null\">Conexi\u00F3n</th>\n <th *ngIf=\"getNombreRol() == null\">Rol</th>\n </tr>\n </ng-template>\n <!-- cuerpo de la tabla -->\n <ng-template pTemplate=\"body\" let-rol let-rowIndex=\"rowIndex\">\n <tr [pSelectableRow]=\"rol\">\n <td *ngIf=\"getNombreEmpresa() == null\" style=\"min-width: 200px\">\n {{rol.nombreEmpresa}}\n </td>\n <td *ngIf=\"getNombreConexion() == null\" style=\"min-width: 200px\">\n {{ rol.nombreConexion}}\n </td>\n <td *ngIf=\"getNombreRol() == null\" style=\"min-width: 200px\">\n {{ rol.nombreRol }}\n </td>\n </tr>\n </ng-template>\n </p-table>\n</p-dialog>", styles: ["#SelecionRol .card.cajaSeleccionRol{padding:1.5% 3%;height:100vh}#SelecionRol h5{margin-bottom:1.5%}#SelecionRol th{background:transparent;color:#fff;font-size:1.2em;font-weight:600}#SelecionRol tr.headerTable{background:linear-gradient(to right,var(--color1),var(--color2));padding:1% 1% .5%;border-radius:10px 10px 0 0}#SelecionRol tr.empresa.ng-star-inserted{border:solid #E9EAEB 1px}#SelecionRol tr.empresa.ng-star-inserted th{color:#232323;font-weight:300;font-size:1em;padding:.8% 2%}#SelecionRol tr.p-rowgroup-header.p-element.ng-star-inserted{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.18);color:#232323;font-weight:600}#SelecionRol .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.05 !important)}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i12$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i14.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i17.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }] });
|
|
5965
5963
|
}
|
|
5966
5964
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SeleccionRolComponent, decorators: [{
|
|
5967
5965
|
type: Component,
|
|
5968
|
-
args: [{ selector: 'app-seleccion-rol', imports: [DialogModule, FormsModule, CommonModule, TableModule,], standalone: true, template: "<p-dialog id='popupSeleccionPlantilla' header=\"Perfil\" [(visible)]=\"mostrar\" appendTo=\"body\"\n (onHide)=\"regresarRegistro()\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{'min-width':'20vw'}\"\n [modal]=\"true\" [draggable]=\"false\">\n\n <span class=\"p-input-icon-left mb-3 w-full\">\n <i class=\"pi pi-search\"></i>\n <input class=\" w-full p-inputtext\" type=\"text\" pInputText [(ngModel)]=\"parametroBusqueda\" (keyup.enter)=\"cargarListadoFiltro()\" />\n </span>\n\n <!-- Contenido -->\n <div class=\"flex mb-3\">\n <!--Empresa -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Empresa\" tooltipPosition=\"top\"\n *ngIf=\"getNombreEmpresa() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-building color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_empresa\"> {{getNombreEmpresa() | uppercase}}</label>\n <!-- <label htmlFor=\"empresa\">{{'empresa' | translate}}</label> -->\n </div>\n <!--Conexion -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Conexi\u00F3n\" tooltipPosition=\"top\"\n *ngIf=\"getNombreConexion() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-book color-400 font-semibold\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreConexion() | uppercase}}</label>\n\n </div>\n <!--Rol -->\n <div class=\"flex align-items-center\" pTooltip=\"Rol\" tooltipPosition=\"top\" *ngIf=\"getNombreRol() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-user color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreRol()}}</label>\n </div>\n </div>\n\n <p-table [value]=\"filtrolRolesConexionEmpresa\" responsiveLayout=\"scroll\" [paginator]=\"listRoles.length > 10\" [rows]=\"10\"\n [(selection)]=\"rolSeleccionado\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction()\" selectionMode=\"single\">\n <!-- header de la tabla de seleccion rol -->\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th *ngIf=\"getNombreEmpresa() == null\">Nombre Empresa</th>\n <th *ngIf=\"getNombreConexion() == null\">Conexi\u00F3n</th>\n <th *ngIf=\"getNombreRol() == null\">Rol</th>\n </tr>\n </ng-template>\n <!-- cuerpo de la tabla -->\n <ng-template pTemplate=\"body\" let-rol let-rowIndex=\"rowIndex\">\n <tr [pSelectableRow]=\"rol\">\n <td *ngIf=\"getNombreEmpresa() == null\" style=\"min-width: 200px\">\n {{rol.nombreEmpresa}}\n </td>\n <td *ngIf=\"getNombreConexion() == null\" style=\"min-width: 200px\">\n {{ rol.nombreConexion}}\n </td>\n <td *ngIf=\"getNombreRol() == null\" style=\"min-width: 200px\">\n {{ rol.nombreRol }}\n </td>\n </tr>\n </ng-template>\n </p-table>\n</p-dialog>", styles: ["
|
|
5966
|
+
args: [{ selector: 'app-seleccion-rol', imports: [DialogModule, FormsModule, CommonModule, TableModule,], standalone: true, template: "<p-dialog id='popupSeleccionPlantilla' header=\"Perfil\" [(visible)]=\"mostrar\" appendTo=\"body\"\n (onHide)=\"regresarRegistro()\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{'min-width':'20vw'}\"\n [modal]=\"true\" [draggable]=\"false\">\n\n <span class=\"p-input-icon-left mb-3 w-full\">\n <i class=\"pi pi-search\"></i>\n <input class=\" w-full p-inputtext\" type=\"text\" pInputText [(ngModel)]=\"parametroBusqueda\" (keyup.enter)=\"cargarListadoFiltro()\" />\n </span>\n\n <!-- Contenido -->\n <div class=\"flex mb-3\">\n <!--Empresa -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Empresa\" tooltipPosition=\"top\"\n *ngIf=\"getNombreEmpresa() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-building color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_empresa\"> {{getNombreEmpresa() | uppercase}}</label>\n <!-- <label htmlFor=\"empresa\">{{'empresa' | translate}}</label> -->\n </div>\n <!--Conexion -->\n <div class=\"flex align-items-center mr-4\" pTooltip=\"Conexi\u00F3n\" tooltipPosition=\"top\"\n *ngIf=\"getNombreConexion() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-book color-400 font-semibold\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreConexion() | uppercase}}</label>\n\n </div>\n <!--Rol -->\n <div class=\"flex align-items-center\" pTooltip=\"Rol\" tooltipPosition=\"top\" *ngIf=\"getNombreRol() != null\">\n <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-user color-400\"></i>\n <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreRol()}}</label>\n </div>\n </div>\n\n <p-table [value]=\"filtrolRolesConexionEmpresa\" responsiveLayout=\"scroll\" [paginator]=\"listRoles.length > 10\" [rows]=\"10\"\n [(selection)]=\"rolSeleccionado\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction()\" selectionMode=\"single\">\n <!-- header de la tabla de seleccion rol -->\n <ng-template pTemplate=\"header\">\n <tr class=\"fondoTablaPincipal\">\n <th *ngIf=\"getNombreEmpresa() == null\">Nombre Empresa</th>\n <th *ngIf=\"getNombreConexion() == null\">Conexi\u00F3n</th>\n <th *ngIf=\"getNombreRol() == null\">Rol</th>\n </tr>\n </ng-template>\n <!-- cuerpo de la tabla -->\n <ng-template pTemplate=\"body\" let-rol let-rowIndex=\"rowIndex\">\n <tr [pSelectableRow]=\"rol\">\n <td *ngIf=\"getNombreEmpresa() == null\" style=\"min-width: 200px\">\n {{rol.nombreEmpresa}}\n </td>\n <td *ngIf=\"getNombreConexion() == null\" style=\"min-width: 200px\">\n {{ rol.nombreConexion}}\n </td>\n <td *ngIf=\"getNombreRol() == null\" style=\"min-width: 200px\">\n {{ rol.nombreRol }}\n </td>\n </tr>\n </ng-template>\n </p-table>\n</p-dialog>", styles: ["#SelecionRol .card.cajaSeleccionRol{padding:1.5% 3%;height:100vh}#SelecionRol h5{margin-bottom:1.5%}#SelecionRol th{background:transparent;color:#fff;font-size:1.2em;font-weight:600}#SelecionRol tr.headerTable{background:linear-gradient(to right,var(--color1),var(--color2));padding:1% 1% .5%;border-radius:10px 10px 0 0}#SelecionRol tr.empresa.ng-star-inserted{border:solid #E9EAEB 1px}#SelecionRol tr.empresa.ng-star-inserted th{color:#232323;font-weight:300;font-size:1em;padding:.8% 2%}#SelecionRol tr.p-rowgroup-header.p-element.ng-star-inserted{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.18);color:#232323;font-weight:600}#SelecionRol .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.05 !important)}\n"] }]
|
|
5969
5967
|
}], ctorParameters: () => [{ type: i2.Router }, { type: StorageService }, { type: i3.CookieService }, { type: AuthService }, { type: UtilsService }, { type: CargarControlFuncionalidadService }], propDecorators: { mostrar: [{
|
|
5970
5968
|
type: Input
|
|
5971
5969
|
}], codigoAplicacion: [{
|
|
@@ -6052,8 +6050,8 @@ class LoginPage {
|
|
|
6052
6050
|
this.estilo = 'left-side-sara col-12 md:col-6 xl:col-6';
|
|
6053
6051
|
}
|
|
6054
6052
|
this.loginForm = this.formBuilder.group({
|
|
6055
|
-
login: new FormControl(
|
|
6056
|
-
clave: new FormControl(
|
|
6053
|
+
login: new FormControl(null, [Validators.required]),
|
|
6054
|
+
clave: new FormControl(null, [Validators.required]),
|
|
6057
6055
|
aplicacion: v['codigoAplicacion'],
|
|
6058
6056
|
admonPortal: this.admonPortal
|
|
6059
6057
|
});
|