Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
vk-roles - npm Package Compare versions
Comparing version 0.0.31 to 0.0.32
@@ -432,3 +432,3 @@ (function (global, factory) { | ||
| */ | ||
| function (result) { _this.ngOnInit; })); | ||
| function (result) { _this.ngOnInit(); })); | ||
| }; | ||
@@ -489,3 +489,3 @@ /** | ||
| selector: 'vk-roles', | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <ngx-spinner bdColor=\"rgba(255,253,253,0.99)\" size=\"medium\" color=\"#222020\" type=\"ball-clip-rotate\" [fullScreen]=\"false\"></ngx-spinner>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\">Cargando Roles...</mat-progress-bar>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| styles: [".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"] | ||
@@ -492,0 +492,0 @@ }] } |
@@ -1,2 +0,2 @@ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/material"),require("ngx-spinner"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("vk-roles",["exports","@angular/common/http","@angular/core","@angular/material","ngx-spinner","@angular/forms","@angular/common"],t):t((e=e||self)["vk-roles"]={},e.ng.common.http,e.ng.core,e.ng.material,e.ngxSpinner,e.ng.forms,e.ng.common)}(this,(function(e,t,r,o,n,a,i){"use strict";var l=function(){function e(e){this.http=e}return e.prototype.getAllRoles=function(){return this._setAuthHeaders(this.accessToken),this.http.get(this.apiBaseUrl+"get-all",{headers:this.authHeaders})},e.prototype.newRole=function(e){var t=this.apiBaseUrl+"new";return this.http.post(t,e,{headers:this.authHeaders})},e.prototype.editRole=function(e){var t=this.apiBaseUrl+"edit";return console.log(e),this.http.put(t,e,{headers:this.authHeaders})},e.prototype._setAuthHeaders=function(e){var r="Bearer "+e;this.authHeaders=new t.HttpHeaders({"Content-Type":"application/json",Authorization:r})},e.decorators=[{type:r.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:t.HttpClient}]},e.ngInjectableDef=r.ɵɵdefineInjectable({factory:function(){return new e(r.ɵɵinject(t.HttpClient))},token:e,providedIn:"root"}),e}();var s=function(){function e(e,t,r,o,n){this.data=e,this.dialogRef=t,this.rolesService=r,this.formBuilder=o,this.snackBar=n,this.loading=!1}return e.prototype.ngOnInit=function(){this.role=this.data.role,this.initForm(),this.initInputs(),this.role?this.title=this.role.RoleName:this.title="Nuevo Rol"},e.prototype.closeDialog=function(){this.dialogRef.close()},e.prototype.initForm=function(){this.formGroup=this.formBuilder.group({RoleId:[0],ApplicationName:["/PortalVitnikLocal",[a.Validators.required,a.Validators.maxLength(256)]],RoleName:["",[a.Validators.required,a.Validators.maxLength(256)]],Description:["",[a.Validators.required,a.Validators.maxLength(256)]],NormalizedName:["",[a.Validators.required,a.Validators.maxLength(256)]]})},e.prototype.initInputs=function(){this.role&&(this.formGroup=this.formBuilder.group({RoleId:[this.role.RoleId],ApplicationName:[this.role.ApplicationName,[a.Validators.required,a.Validators.maxLength(256)]],RoleName:[this.role.RoleName,[a.Validators.required,a.Validators.maxLength(256)]],Description:[this.role.Description,[a.Validators.required,a.Validators.maxLength(256)]],NormalizedName:[this.role.NormalizedName,[a.Validators.required,a.Validators.maxLength(256)]]}))},e.prototype.onSubmit=function(){var e=this;if(this.loading=!0,this.formGroup.get("NormalizedName").setValue(this.formGroup.get("RoleName").value.toUpperCase()),this.formGroup.valid){var t=this.formGroup.getRawValue();this.role?this.rolesService.editRole(t).subscribe((function(t){return e.editRoleResponseHandler(t)}),(function(t){return e.editRoleResponseHandlerError()})):this.rolesService.newRole(t).subscribe((function(t){return e.newRoleResponseHandler(t)}),(function(t){return e.newRoleResponseHandlerError()}))}},e.prototype.newRoleResponseHandler=function(e){if(!e.success)return this.loading=!1,void this.showErrorMessage("ERROR: "+e.errorsMessages[0]);this.loading=!1,this.closeDialog(),this.snackBar.open("El Rol ha sido creada con éxito","OK",{duration:4e3})},e.prototype.newRoleResponseHandlerError=function(){this.loading=!1,this.showErrorMessage("Ocurrió un error durante la creación del Rol")},e.prototype.editRoleResponseHandler=function(e){if(!e.success)return this.loading=!1,void this.showErrorMessage("ERROR: "+e.errorsMessages[0]);this.loading=!1,this.closeDialog(),this.snackBar.open("El Rol ha sido editado con éxito","OK",{duration:4e3})},e.prototype.editRoleResponseHandlerError=function(){this.loading=!1,this.showErrorMessage("Ocurrió un error durante la edición del Rol")},e.prototype.showErrorMessage=function(e){this.snackBar.open(e,null,{duration:5e3})},e.decorators=[{type:r.Component,args:[{selector:"vk-roles-modal",template:'<div class="container">\r\n <div class="title-container">\r\n <div class="header" mat-dialog-title>\r\n {{title}} \r\n </div> \r\n <div class="close-button">\r\n <button mat-flat-button (click)="closeDialog()" >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div> \r\n <div class="content" mat-dialog-content > \r\n <form ngNativeValidate *ngIf="!loading" class="container-form" novalidate (ngSubmit)="onSubmit()" [formGroup]="formGroup">\r\n <div class="input-container" fxLayout="column" fxLayout.gt-xs="row" fxLayoutGap="10px">\r\n <div class="formRow" fxFlex="100" fxFlex.gt-xs="100">\r\n <mat-form-field class="field-form">\r\n <mat-label>Nombre</mat-label>\r\n <input matInput class="form-control" formControlName="RoleName" required maxlength="100">\r\n </mat-form-field>\r\n </div>\r\n <div class="formRow" fxFlex="100" fxFlex.gt-xs="100">\r\n <mat-form-field class="field-form-textarea">\r\n <mat-label>Descripción</mat-label>\r\n <textarea matInput formControlName="Description" required maxlength="500"></textarea> \r\n </mat-form-field> \r\n </div>\r\n </div> \r\n <br>\r\n <br> \r\n <div class="btn-container">\r\n <button mat-raised-button class="btn-cancelar" [mat-dialog-close]>Cancelar</button> \r\n <button mat-raised-button style="margin-left: 5%;" class="btn mat-raised-button mat-button-base" type="submit" >Guardar</button> \r\n </div>\r\n </form>\r\n <div class="requesting" *ngIf="loading">\r\n <mat-progress-bar color="warn" mode="indeterminate"></mat-progress-bar>\r\n <p>Guardando...</p>\r\n </div>\r\n </div>\r\n</div>',styles:[".mat-form-field{width:100%!important}.field-form-textarea .mat-input-element{height:78px!important}.container{width:100%}.container .title-container{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8px;margin-bottom:8px;border-bottom:1px solid #ccc;background-color:#fff;color:#1d1b1bb5}.container .title-container .title{justify-self:start;align-self:center}.container .title-container .close-button{justify-self:end}.container .mat-dialog-content{padding:3px 24px!important}.container .container-form{min-width:150px;max-width:500px;width:100%}.container .container-form .field-form{width:100%}.container .container-form .buttons-new-catalog{position:relative;left:0;bottom:10px}.container .container-form .btn-container{text-align:right}.container .error-wrapper{color:red;display:inline-flex}.container .error-wrapper p{font-size:14px}"]}]}],e.ctorParameters=function(){return[{type:void 0,decorators:[{type:r.Inject,args:[o.MAT_DIALOG_DATA]}]},{type:o.MatDialogRef},{type:l},{type:a.FormBuilder},{type:o.MatSnackBar}]},e}();var c=function(){function e(e,t,r,o){this.rolesService=e,this.snackBar=t,this.spinner=r,this.dialog=o,this.loadingRoles=!1}return e.prototype.ngOnInit=function(){var e=this;this.spinner.show(),this.displayedColumns=["application","name","description","actions"],this.rolesService.apiBaseUrl=this.apiBaseUrl,this.rolesService.accessToken=this.accessToken,this.rolesService.getAllRoles().subscribe((function(t){return e.getAllRolesResponseHandler(t)}),(function(){return e.getAllRolesResponseHandlerError()}))},e.prototype.getAllRolesResponseHandler=function(e){e.success?(this.roles=e.data,this._roles=this.roles.sort((function(e,t){return e.RoleName.localeCompare(t.RoleName)})),this.loadingRoles=!1,this.error=!1,this.spinner.hide):(this.showErrorMessage("ERROR: "+e.errorsMessages[0]),this.loadingRoles=!1,this.error=!0,this.spinner.hide)},e.prototype.getAllRolesResponseHandlerError=function(){this.showErrorMessage("Ha ocurrido un error inesperado. Por favor, intente más tarde"),this.loadingRoles=!1,this.error=!0,this.spinner.hide},e.prototype.showErrorMessage=function(e){this.snackBar.open(e,null,{duration:5e3})},e.prototype.openDialog=function(e){var t=this;this.dialog.open(s,{data:{role:e},height:"385px",width:"600px"}).afterClosed().subscribe((function(e){t.ngOnInit}))},e.prototype.onCreate=function(){this.openDialog()},e.prototype.onEdit=function(e){this.openDialog(e)},e.prototype.onSearch=function(e){var t=this.roles.filter((function(t){return t.ApplicationName.toLowerCase().includes(e.toLowerCase())||t.RoleName.toLowerCase().includes(e.toLowerCase())||(t.Description||"").toLowerCase().includes(e.toLowerCase())}));this._roles=t.sort((function(e,t){return e.RoleName.localeCompare(t.RoleName)}))},e.prototype.onRefresh=function(){},e.decorators=[{type:r.Component,args:[{selector:"vk-roles",template:'<ng-container>\r\n <div class="title-container">\r\n <p class="roles-title">Roles</p>\r\n </div>\r\n \r\n <div class="contendor">\r\n <div class="wrapper"> \r\n <div class="content">\r\n <ng-container *ngIf="loadingRoles; else rolesListTemplate">\r\n <mat-progress-bar mode="indeterminate" color="warn"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f="ngForm" autocomplete="off">\r\n <div class="new-preferred-customer-container">\r\n <div class="form-group form-roles">\r\n <div class="header-container">\r\n <div class="container-search" fxLayout="column" fxLayout.gt-xs="row" fxLayoutGap="10px"\r\n style="display: flex;">\r\n <div class="formRow" fxFlex="100" fxFlex.gt-xs="50">\r\n <mat-form-field appearance="standard">\r\n <input matInput placeholder="Buscar rol" type="text" (input)="onSearch($event.target.value)" [disabled]="roles?.length === 0">\r\n </mat-form-field>\r\n </div> \r\n \x3c!-- <div class="formRow row-filter" fxFlex="100" fxFlex.gt-xs="50">\r\n <button mat-raised-button color="warn" type="submit" (click)="onFilter()">Filtrar</button>\r\n </div> --\x3e\r\n <div class="formRow row-new" fxFlex="100" fxFlex.gt-xs="50">\r\n <button mat-raised-button color="warn" (click)="onCreate()"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class="body-container" fxLayout="column" fxLayout.gt-xs="row" fxLayoutGap="20px">\r\n <div class="formRow" fxFlex="100" > \r\n <div *ngIf="loadingRoles">\r\n <ngx-spinner bdColor="rgba(255,253,253,0.99)" size="medium" color="#222020" type="ball-clip-rotate" [fullScreen]="false"></ngx-spinner>\r\n </div>\r\n <div *ngIf="!loadingRoles && roles?.length > 0 else noRolesTemplate">\r\n <table mat-table [dataSource]="_roles" class="mat-elevation-z8" class="margen"> \r\n \r\n <ng-container matColumnDef="application">\r\n <th mat-header-cell *matHeaderCellDef> Aplicación </th>\r\n <td mat-cell *matCellDef="let role" class="size-column-code"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef="name">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef="let role" class="size-column-code"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef="description">\r\n <th mat-header-cell *matHeaderCellDef> Descripción </th>\r\n <td mat-cell *matCellDef="let role" class="size-column-code"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef="actions">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef="let element">\r\n <a class="icon-btn" title="Editar Rol" (click)="onEdit(element)"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>\r\n <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class="table-msg">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class="btn mat-raised-button mat-button-base" (click)="onRefresh()">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>',styles:[".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"]}]}],e.ctorParameters=function(){return[{type:l},{type:o.MatSnackBar},{type:n.NgxSpinnerService},{type:o.MatDialog}]},e.propDecorators={apiBaseUrl:[{type:r.Input}],accessToken:[{type:r.Input}]},e}();var d=function(){function e(){}return e.decorators=[{type:r.NgModule,args:[{declarations:[c,s],imports:[i.CommonModule,a.FormsModule,o.MatFormFieldModule,o.MatInputModule,o.MatTableModule,o.MatButtonModule,o.MatProgressBarModule,o.MatIconModule,o.MatSnackBarModule,o.MatDialogModule,n.NgxSpinnerModule,t.HttpClientModule,a.ReactiveFormsModule],exports:[c,s],entryComponents:[s]}]}],e}();e.VkRolesComponent=c,e.VkRolesModule=d,e.VkRolesService=l,e.ɵa=s,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/material"),require("ngx-spinner"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("vk-roles",["exports","@angular/common/http","@angular/core","@angular/material","ngx-spinner","@angular/forms","@angular/common"],t):t((e=e||self)["vk-roles"]={},e.ng.common.http,e.ng.core,e.ng.material,e.ngxSpinner,e.ng.forms,e.ng.common)}(this,(function(e,t,r,o,n,a,i){"use strict";var l=function(){function e(e){this.http=e}return e.prototype.getAllRoles=function(){return this._setAuthHeaders(this.accessToken),this.http.get(this.apiBaseUrl+"get-all",{headers:this.authHeaders})},e.prototype.newRole=function(e){var t=this.apiBaseUrl+"new";return this.http.post(t,e,{headers:this.authHeaders})},e.prototype.editRole=function(e){var t=this.apiBaseUrl+"edit";return console.log(e),this.http.put(t,e,{headers:this.authHeaders})},e.prototype._setAuthHeaders=function(e){var r="Bearer "+e;this.authHeaders=new t.HttpHeaders({"Content-Type":"application/json",Authorization:r})},e.decorators=[{type:r.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:t.HttpClient}]},e.ngInjectableDef=r.ɵɵdefineInjectable({factory:function(){return new e(r.ɵɵinject(t.HttpClient))},token:e,providedIn:"root"}),e}();var s=function(){function e(e,t,r,o,n){this.data=e,this.dialogRef=t,this.rolesService=r,this.formBuilder=o,this.snackBar=n,this.loading=!1}return e.prototype.ngOnInit=function(){this.role=this.data.role,this.initForm(),this.initInputs(),this.role?this.title=this.role.RoleName:this.title="Nuevo Rol"},e.prototype.closeDialog=function(){this.dialogRef.close()},e.prototype.initForm=function(){this.formGroup=this.formBuilder.group({RoleId:[0],ApplicationName:["/PortalVitnikLocal",[a.Validators.required,a.Validators.maxLength(256)]],RoleName:["",[a.Validators.required,a.Validators.maxLength(256)]],Description:["",[a.Validators.required,a.Validators.maxLength(256)]],NormalizedName:["",[a.Validators.required,a.Validators.maxLength(256)]]})},e.prototype.initInputs=function(){this.role&&(this.formGroup=this.formBuilder.group({RoleId:[this.role.RoleId],ApplicationName:[this.role.ApplicationName,[a.Validators.required,a.Validators.maxLength(256)]],RoleName:[this.role.RoleName,[a.Validators.required,a.Validators.maxLength(256)]],Description:[this.role.Description,[a.Validators.required,a.Validators.maxLength(256)]],NormalizedName:[this.role.NormalizedName,[a.Validators.required,a.Validators.maxLength(256)]]}))},e.prototype.onSubmit=function(){var e=this;if(this.loading=!0,this.formGroup.get("NormalizedName").setValue(this.formGroup.get("RoleName").value.toUpperCase()),this.formGroup.valid){var t=this.formGroup.getRawValue();this.role?this.rolesService.editRole(t).subscribe((function(t){return e.editRoleResponseHandler(t)}),(function(t){return e.editRoleResponseHandlerError()})):this.rolesService.newRole(t).subscribe((function(t){return e.newRoleResponseHandler(t)}),(function(t){return e.newRoleResponseHandlerError()}))}},e.prototype.newRoleResponseHandler=function(e){if(!e.success)return this.loading=!1,void this.showErrorMessage("ERROR: "+e.errorsMessages[0]);this.loading=!1,this.closeDialog(),this.snackBar.open("El Rol ha sido creada con éxito","OK",{duration:4e3})},e.prototype.newRoleResponseHandlerError=function(){this.loading=!1,this.showErrorMessage("Ocurrió un error durante la creación del Rol")},e.prototype.editRoleResponseHandler=function(e){if(!e.success)return this.loading=!1,void this.showErrorMessage("ERROR: "+e.errorsMessages[0]);this.loading=!1,this.closeDialog(),this.snackBar.open("El Rol ha sido editado con éxito","OK",{duration:4e3})},e.prototype.editRoleResponseHandlerError=function(){this.loading=!1,this.showErrorMessage("Ocurrió un error durante la edición del Rol")},e.prototype.showErrorMessage=function(e){this.snackBar.open(e,null,{duration:5e3})},e.decorators=[{type:r.Component,args:[{selector:"vk-roles-modal",template:'<div class="container">\r\n <div class="title-container">\r\n <div class="header" mat-dialog-title>\r\n {{title}} \r\n </div> \r\n <div class="close-button">\r\n <button mat-flat-button (click)="closeDialog()" >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div> \r\n <div class="content" mat-dialog-content > \r\n <form ngNativeValidate *ngIf="!loading" class="container-form" novalidate (ngSubmit)="onSubmit()" [formGroup]="formGroup">\r\n <div class="input-container" fxLayout="column" fxLayout.gt-xs="row" fxLayoutGap="10px">\r\n <div class="formRow" fxFlex="100" fxFlex.gt-xs="100">\r\n <mat-form-field class="field-form">\r\n <mat-label>Nombre</mat-label>\r\n <input matInput class="form-control" formControlName="RoleName" required maxlength="100">\r\n </mat-form-field>\r\n </div>\r\n <div class="formRow" fxFlex="100" fxFlex.gt-xs="100">\r\n <mat-form-field class="field-form-textarea">\r\n <mat-label>Descripción</mat-label>\r\n <textarea matInput formControlName="Description" required maxlength="500"></textarea> \r\n </mat-form-field> \r\n </div>\r\n </div> \r\n <br>\r\n <br> \r\n <div class="btn-container">\r\n <button mat-raised-button class="btn-cancelar" [mat-dialog-close]>Cancelar</button> \r\n <button mat-raised-button style="margin-left: 5%;" class="btn mat-raised-button mat-button-base" type="submit" >Guardar</button> \r\n </div>\r\n </form>\r\n <div class="requesting" *ngIf="loading">\r\n <mat-progress-bar color="warn" mode="indeterminate"></mat-progress-bar>\r\n <p>Guardando...</p>\r\n </div>\r\n </div>\r\n</div>',styles:[".mat-form-field{width:100%!important}.field-form-textarea .mat-input-element{height:78px!important}.container{width:100%}.container .title-container{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8px;margin-bottom:8px;border-bottom:1px solid #ccc;background-color:#fff;color:#1d1b1bb5}.container .title-container .title{justify-self:start;align-self:center}.container .title-container .close-button{justify-self:end}.container .mat-dialog-content{padding:3px 24px!important}.container .container-form{min-width:150px;max-width:500px;width:100%}.container .container-form .field-form{width:100%}.container .container-form .buttons-new-catalog{position:relative;left:0;bottom:10px}.container .container-form .btn-container{text-align:right}.container .error-wrapper{color:red;display:inline-flex}.container .error-wrapper p{font-size:14px}"]}]}],e.ctorParameters=function(){return[{type:void 0,decorators:[{type:r.Inject,args:[o.MAT_DIALOG_DATA]}]},{type:o.MatDialogRef},{type:l},{type:a.FormBuilder},{type:o.MatSnackBar}]},e}();var c=function(){function e(e,t,r,o){this.rolesService=e,this.snackBar=t,this.spinner=r,this.dialog=o,this.loadingRoles=!1}return e.prototype.ngOnInit=function(){var e=this;this.spinner.show(),this.displayedColumns=["application","name","description","actions"],this.rolesService.apiBaseUrl=this.apiBaseUrl,this.rolesService.accessToken=this.accessToken,this.rolesService.getAllRoles().subscribe((function(t){return e.getAllRolesResponseHandler(t)}),(function(){return e.getAllRolesResponseHandlerError()}))},e.prototype.getAllRolesResponseHandler=function(e){e.success?(this.roles=e.data,this._roles=this.roles.sort((function(e,t){return e.RoleName.localeCompare(t.RoleName)})),this.loadingRoles=!1,this.error=!1,this.spinner.hide):(this.showErrorMessage("ERROR: "+e.errorsMessages[0]),this.loadingRoles=!1,this.error=!0,this.spinner.hide)},e.prototype.getAllRolesResponseHandlerError=function(){this.showErrorMessage("Ha ocurrido un error inesperado. Por favor, intente más tarde"),this.loadingRoles=!1,this.error=!0,this.spinner.hide},e.prototype.showErrorMessage=function(e){this.snackBar.open(e,null,{duration:5e3})},e.prototype.openDialog=function(e){var t=this;this.dialog.open(s,{data:{role:e},height:"385px",width:"600px"}).afterClosed().subscribe((function(e){t.ngOnInit()}))},e.prototype.onCreate=function(){this.openDialog()},e.prototype.onEdit=function(e){this.openDialog(e)},e.prototype.onSearch=function(e){var t=this.roles.filter((function(t){return t.ApplicationName.toLowerCase().includes(e.toLowerCase())||t.RoleName.toLowerCase().includes(e.toLowerCase())||(t.Description||"").toLowerCase().includes(e.toLowerCase())}));this._roles=t.sort((function(e,t){return e.RoleName.localeCompare(t.RoleName)}))},e.prototype.onRefresh=function(){},e.decorators=[{type:r.Component,args:[{selector:"vk-roles",template:'<ng-container>\r\n <div class="title-container">\r\n <p class="roles-title">Roles</p>\r\n </div>\r\n \r\n <div class="contendor">\r\n <div class="wrapper"> \r\n <div class="content">\r\n <ng-container *ngIf="loadingRoles; else rolesListTemplate">\r\n <mat-progress-bar mode="indeterminate" color="warn"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f="ngForm" autocomplete="off">\r\n <div class="new-preferred-customer-container">\r\n <div class="form-group form-roles">\r\n <div class="header-container">\r\n <div class="container-search" fxLayout="column" fxLayout.gt-xs="row" fxLayoutGap="10px"\r\n style="display: flex;">\r\n <div class="formRow" fxFlex="100" fxFlex.gt-xs="50">\r\n <mat-form-field appearance="standard">\r\n <input matInput placeholder="Buscar rol" type="text" (input)="onSearch($event.target.value)" [disabled]="roles?.length === 0">\r\n </mat-form-field>\r\n </div> \r\n \x3c!-- <div class="formRow row-filter" fxFlex="100" fxFlex.gt-xs="50">\r\n <button mat-raised-button color="warn" type="submit" (click)="onFilter()">Filtrar</button>\r\n </div> --\x3e\r\n <div class="formRow row-new" fxFlex="100" fxFlex.gt-xs="50">\r\n <button mat-raised-button color="warn" (click)="onCreate()"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class="body-container" fxLayout="column" fxLayout.gt-xs="row" fxLayoutGap="20px">\r\n <div class="formRow" fxFlex="100" > \r\n <div *ngIf="loadingRoles">\r\n <mat-progress-bar color="warn" mode="indeterminate">Cargando Roles...</mat-progress-bar>\r\n </div>\r\n <div *ngIf="!loadingRoles && roles?.length > 0 else noRolesTemplate">\r\n <table mat-table [dataSource]="_roles" class="mat-elevation-z8" class="margen"> \r\n \r\n <ng-container matColumnDef="application">\r\n <th mat-header-cell *matHeaderCellDef> Aplicación </th>\r\n <td mat-cell *matCellDef="let role" class="size-column-code"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef="name">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef="let role" class="size-column-code"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef="description">\r\n <th mat-header-cell *matHeaderCellDef> Descripción </th>\r\n <td mat-cell *matCellDef="let role" class="size-column-code"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef="actions">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef="let element">\r\n <a class="icon-btn" title="Editar Rol" (click)="onEdit(element)"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>\r\n <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class="table-msg">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class="btn mat-raised-button mat-button-base" (click)="onRefresh()">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>',styles:[".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"]}]}],e.ctorParameters=function(){return[{type:l},{type:o.MatSnackBar},{type:n.NgxSpinnerService},{type:o.MatDialog}]},e.propDecorators={apiBaseUrl:[{type:r.Input}],accessToken:[{type:r.Input}]},e}();var d=function(){function e(){}return e.decorators=[{type:r.NgModule,args:[{declarations:[c,s],imports:[i.CommonModule,a.FormsModule,o.MatFormFieldModule,o.MatInputModule,o.MatTableModule,o.MatButtonModule,o.MatProgressBarModule,o.MatIconModule,o.MatSnackBarModule,o.MatDialogModule,n.NgxSpinnerModule,t.HttpClientModule,a.ReactiveFormsModule],exports:[c,s],entryComponents:[s]}]}],e}();e.VkRolesComponent=c,e.VkRolesModule=d,e.VkRolesService=l,e.ɵa=s,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| //# sourceMappingURL=vk-roles.umd.min.js.map |
@@ -100,3 +100,3 @@ /** | ||
| */ | ||
| result => { this.ngOnInit; })); | ||
| result => { this.ngOnInit(); })); | ||
| } | ||
@@ -144,3 +144,3 @@ /** | ||
| selector: 'vk-roles', | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <ngx-spinner bdColor=\"rgba(255,253,253,0.99)\" size=\"medium\" color=\"#222020\" type=\"ball-clip-rotate\" [fullScreen]=\"false\"></ngx-spinner>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\">Cargando Roles...</mat-progress-bar>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| styles: [".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"] | ||
@@ -193,2 +193,2 @@ }] } | ||
| } | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdmstcm9sZXMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFPL0QsTUFBTSxPQUFPLGdCQUFnQjs7Ozs7OztJQVUzQixZQUNVLFlBQTRCLEVBQzVCLFFBQXFCLEVBQ3JCLE9BQTBCLEVBQzNCLE1BQWlCO1FBSGhCLGlCQUFZLEdBQVosWUFBWSxDQUFnQjtRQUM1QixhQUFRLEdBQVIsUUFBUSxDQUFhO1FBQ3JCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBQzNCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFUMUIsaUJBQVksR0FBRyxLQUFLLENBQUM7SUFVZixDQUFDOzs7O0lBRVAsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUMsU0FBUyxDQUFDLENBQUM7UUFDekUsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ2pELElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUMsU0FB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LEtBQUssQ0FBQyxJQUFJOzs7OztRQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFDLENBQUM7SUFDM0UsQ0FBQzs7OztJQUVELFNBQVMsS0FBSSxDQUFDOzs7WUF2RmYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQix3eUxBQXNDOzthQUV2Qzs7OztZQVBRLGNBQWM7WUFISCxXQUFXO1lBQ3RCLGlCQUFpQjtZQURqQixTQUFTOzs7eUJBWWYsS0FBSzswQkFDTCxLQUFLOzs7O0lBRE4sc0NBQTZCOztJQUM3Qix1Q0FBOEI7O0lBRTlCLGlDQUFNOztJQUNOLHdDQUFxQjs7SUFDckIsaUNBQU07O0lBQ04sa0NBQU87O0lBQ1AsNENBQWlCOzs7OztJQUdmLHdDQUFvQzs7Ozs7SUFDcEMsb0NBQTZCOzs7OztJQUM3QixtQ0FBa0M7O0lBQ2xDLGtDQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nLCBNYXRTbmFja0JhciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcbmltcG9ydCB7IE5neFNwaW5uZXJTZXJ2aWNlIH0gZnJvbSAnbmd4LXNwaW5uZXInO1xuaW1wb3J0IHsgSVJvbCB9IGZyb20gJy4uL21vZGVscy92ay1yb2xlcy5tb2RlbCc7XG5pbXBvcnQgeyBWa1JvbGVzU2VydmljZSB9IGZyb20gJy4vLi4vc2VydmljZXMvdmstcm9sZXMuc2VydmljZSc7XG5pbXBvcnQgeyBWa1JvbGVzTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL21vZGFsL3ZrLXJvbGVzLm1vZGFsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmstcm9sZXMnLFxuICB0ZW1wbGF0ZVVybDogJ3ZrLXJvbGVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3ZrLXJvbGVzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmtSb2xlc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGFwaUJhc2VVcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFjY2Vzc1Rva2VuPzogc3RyaW5nO1xuICBcbiAgZXJyb3I7XG4gIGxvYWRpbmdSb2xlcyA9IGZhbHNlO1xuICByb2xlcztcbiAgX3JvbGVzO1xuICBkaXNwbGF5ZWRDb2x1bW5zO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm9sZXNTZXJ2aWNlOiBWa1JvbGVzU2VydmljZSxcbiAgICBwcml2YXRlIHNuYWNrQmFyOiBNYXRTbmFja0JhcixcbiAgICBwcml2YXRlIHNwaW5uZXI6IE5neFNwaW5uZXJTZXJ2aWNlLFxuICAgIHB1YmxpYyBkaWFsb2c6IE1hdERpYWxvZ1xuICAgICkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zcGlubmVyLnNob3coKTtcbiAgICB0aGlzLmRpc3BsYXllZENvbHVtbnMgPSBbJ2FwcGxpY2F0aW9uJywgJ25hbWUnLCAnZGVzY3JpcHRpb24nLCdhY3Rpb25zJ107XG4gICAgdGhpcy5yb2xlc1NlcnZpY2UuYXBpQmFzZVVybCA9IHRoaXMuYXBpQmFzZVVybDtcbiAgICB0aGlzLnJvbGVzU2VydmljZS5hY2Nlc3NUb2tlbiA9IHRoaXMuYWNjZXNzVG9rZW47XG4gICAgdGhpcy5yb2xlc1NlcnZpY2UuZ2V0QWxsUm9sZXMoKS5zdWJzY3JpYmUoXG4gICAgICByZXNwb25zZSA9PiB0aGlzLmdldEFsbFJvbGVzUmVzcG9uc2VIYW5kbGVyKHJlc3BvbnNlKSxcbiAgICAgICgpID0+IHRoaXMuZ2V0QWxsUm9sZXNSZXNwb25zZUhhbmRsZXJFcnJvcigpXG4gICAgKTtcbiAgfVxuXG4gIGdldEFsbFJvbGVzUmVzcG9uc2VIYW5kbGVyKHJlc3BvbnNlKSB7XG4gICAgaWYgKHJlc3BvbnNlLnN1Y2Nlc3MpIHtcbiAgICAgIHRoaXMucm9sZXMgPSByZXNwb25zZS5kYXRhO1xuICAgICAgdGhpcy5fcm9sZXMgPSB0aGlzLnJvbGVzLnNvcnQoKGEsIGIpID0+IGEuUm9sZU5hbWUubG9jYWxlQ29tcGFyZShiLlJvbGVOYW1lKSk7XG4gICAgICB0aGlzLmxvYWRpbmdSb2xlcyA9IGZhbHNlO1xuICAgICAgdGhpcy5lcnJvciA9IGZhbHNlOyBcbiAgICAgIHRoaXMuc3Bpbm5lci5oaWRlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNob3dFcnJvck1lc3NhZ2UoXCJFUlJPUjogXCIgKyByZXNwb25zZS5lcnJvcnNNZXNzYWdlc1swXSk7XG4gICAgICB0aGlzLmxvYWRpbmdSb2xlcyA9IGZhbHNlO1xuICAgICAgdGhpcy5lcnJvciA9IHRydWU7XG4gICAgICB0aGlzLnNwaW5uZXIuaGlkZTtcbiAgICB9XG4gIH1cbiAgXG4gIGdldEFsbFJvbGVzUmVzcG9uc2VIYW5kbGVyRXJyb3IoKSB7XG4gICAgdGhpcy5zaG93RXJyb3JNZXNzYWdlKFwiSGEgb2N1cnJpZG8gdW4gZXJyb3IgaW5lc3BlcmFkby4gUG9yIGZhdm9yLCBpbnRlbnRlIG3DoXMgdGFyZGVcIik7IFxuICAgIHRoaXMubG9hZGluZ1JvbGVzID0gZmFsc2U7XG4gICAgdGhpcy5lcnJvciA9IHRydWU7XG4gICAgdGhpcy5zcGlubmVyLmhpZGU7XG4gIH1cblxuICBwcml2YXRlIHNob3dFcnJvck1lc3NhZ2UobWVzc2FnZTogc3RyaW5nKSB7IFxuICAgIHRoaXMuc25hY2tCYXIub3BlbihtZXNzYWdlLCBudWxsLCB7ZHVyYXRpb246IDUwMDB9KTtcbiAgfVxuXG4gIG9wZW5EaWFsb2coZWxlbWVudD86IElSb2wpIHtcbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKFZrUm9sZXNNb2RhbENvbXBvbmVudCwge1xuICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgcm9sZTogZWxlbWVudFxuICAgICAgICB9LFxuICAgICAgICBoZWlnaHQ6ICczODVweCcsXG4gICAgICAgIHdpZHRoOiAnNjAwcHgnLFxuICAgIH0pO1xuXG4gICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKHJlc3VsdCA9PiB7IHRoaXMubmdPbkluaXQgfSk7XG4gIH1cblxuICBvbkNyZWF0ZSgpIHtcbiAgICB0aGlzLm9wZW5EaWFsb2coKTtcbiAgfVxuXG4gIG9uRWRpdChlbGVtZW50OiBJUm9sKSB7XG4gICAgdGhpcy5vcGVuRGlhbG9nKGVsZW1lbnQpO1xuICB9XG5cbiAgb25TZWFyY2goZXZlbnQ6IGFueSkge1xuICAgIGxldCByb2xlcyA9IHRoaXMucm9sZXMuZmlsdGVyKHggPT4geC5BcHBsaWNhdGlvbk5hbWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhldmVudC50b0xvd2VyQ2FzZSgpKSBcbiAgICB8fCB4LlJvbGVOYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZXZlbnQudG9Mb3dlckNhc2UoKSkgXG4gICAgfHwgKHguRGVzY3JpcHRpb24gfHwgJycpLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZXZlbnQudG9Mb3dlckNhc2UoKSkpO1xuXG4gICAgdGhpcy5fcm9sZXMgPSByb2xlcy5zb3J0KChhLCBiKSA9PiBhLlJvbGVOYW1lLmxvY2FsZUNvbXBhcmUoYi5Sb2xlTmFtZSkpO1xuICB9XG5cbiAgb25SZWZyZXNoKCkge31cblxufVxuIl19 | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdmstcm9sZXMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFPL0QsTUFBTSxPQUFPLGdCQUFnQjs7Ozs7OztJQVUzQixZQUNVLFlBQTRCLEVBQzVCLFFBQXFCLEVBQ3JCLE9BQTBCLEVBQzNCLE1BQWlCO1FBSGhCLGlCQUFZLEdBQVosWUFBWSxDQUFnQjtRQUM1QixhQUFRLEdBQVIsUUFBUSxDQUFhO1FBQ3JCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBQzNCLFdBQU0sR0FBTixNQUFNLENBQVc7UUFUMUIsaUJBQVksR0FBRyxLQUFLLENBQUM7SUFVZixDQUFDOzs7O0lBRVAsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUMsU0FBUyxDQUFDLENBQUM7UUFDekUsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ2pELElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUMsU0FB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LEdBQUcsS0FBSyxDQUFDLElBQUk7Ozs7O1FBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEVBQUMsQ0FBQztJQUMzRSxDQUFDOzs7O0lBRUQsU0FBUyxLQUFJLENBQUM7OztZQXZGZixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLG12TEFBc0M7O2FBRXZDOzs7O1lBUFEsY0FBYztZQUhILFdBQVc7WUFDdEIsaUJBQWlCO1lBRGpCLFNBQVM7Ozt5QkFZZixLQUFLOzBCQUNMLEtBQUs7Ozs7SUFETixzQ0FBNkI7O0lBQzdCLHVDQUE4Qjs7SUFFOUIsaUNBQU07O0lBQ04sd0NBQXFCOztJQUNyQixpQ0FBTTs7SUFDTixrQ0FBTzs7SUFDUCw0Q0FBaUI7Ozs7O0lBR2Ysd0NBQW9DOzs7OztJQUNwQyxvQ0FBNkI7Ozs7O0lBQzdCLG1DQUFrQzs7SUFDbEMsa0NBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2csIE1hdFNuYWNrQmFyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuaW1wb3J0IHsgTmd4U3Bpbm5lclNlcnZpY2UgfSBmcm9tICduZ3gtc3Bpbm5lcic7XG5pbXBvcnQgeyBJUm9sIH0gZnJvbSAnLi4vbW9kZWxzL3ZrLXJvbGVzLm1vZGVsJztcbmltcG9ydCB7IFZrUm9sZXNTZXJ2aWNlIH0gZnJvbSAnLi8uLi9zZXJ2aWNlcy92ay1yb2xlcy5zZXJ2aWNlJztcbmltcG9ydCB7IFZrUm9sZXNNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vbW9kYWwvdmstcm9sZXMubW9kYWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2ay1yb2xlcycsXG4gIHRlbXBsYXRlVXJsOiAndmstcm9sZXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsndmstcm9sZXMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBWa1JvbGVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYXBpQmFzZVVybD86IHN0cmluZztcbiAgQElucHV0KCkgYWNjZXNzVG9rZW4/OiBzdHJpbmc7XG4gIFxuICBlcnJvcjtcbiAgbG9hZGluZ1JvbGVzID0gZmFsc2U7XG4gIHJvbGVzO1xuICBfcm9sZXM7XG4gIGRpc3BsYXllZENvbHVtbnM7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb2xlc1NlcnZpY2U6IFZrUm9sZXNTZXJ2aWNlLFxuICAgIHByaXZhdGUgc25hY2tCYXI6IE1hdFNuYWNrQmFyLFxuICAgIHByaXZhdGUgc3Bpbm5lcjogTmd4U3Bpbm5lclNlcnZpY2UsXG4gICAgcHVibGljIGRpYWxvZzogTWF0RGlhbG9nXG4gICAgKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNwaW5uZXIuc2hvdygpO1xuICAgIHRoaXMuZGlzcGxheWVkQ29sdW1ucyA9IFsnYXBwbGljYXRpb24nLCAnbmFtZScsICdkZXNjcmlwdGlvbicsJ2FjdGlvbnMnXTtcbiAgICB0aGlzLnJvbGVzU2VydmljZS5hcGlCYXNlVXJsID0gdGhpcy5hcGlCYXNlVXJsO1xuICAgIHRoaXMucm9sZXNTZXJ2aWNlLmFjY2Vzc1Rva2VuID0gdGhpcy5hY2Nlc3NUb2tlbjtcbiAgICB0aGlzLnJvbGVzU2VydmljZS5nZXRBbGxSb2xlcygpLnN1YnNjcmliZShcbiAgICAgIHJlc3BvbnNlID0+IHRoaXMuZ2V0QWxsUm9sZXNSZXNwb25zZUhhbmRsZXIocmVzcG9uc2UpLFxuICAgICAgKCkgPT4gdGhpcy5nZXRBbGxSb2xlc1Jlc3BvbnNlSGFuZGxlckVycm9yKClcbiAgICApO1xuICB9XG5cbiAgZ2V0QWxsUm9sZXNSZXNwb25zZUhhbmRsZXIocmVzcG9uc2UpIHtcbiAgICBpZiAocmVzcG9uc2Uuc3VjY2Vzcykge1xuICAgICAgdGhpcy5yb2xlcyA9IHJlc3BvbnNlLmRhdGE7XG4gICAgICB0aGlzLl9yb2xlcyA9IHRoaXMucm9sZXMuc29ydCgoYSwgYikgPT4gYS5Sb2xlTmFtZS5sb2NhbGVDb21wYXJlKGIuUm9sZU5hbWUpKTtcbiAgICAgIHRoaXMubG9hZGluZ1JvbGVzID0gZmFsc2U7XG4gICAgICB0aGlzLmVycm9yID0gZmFsc2U7IFxuICAgICAgdGhpcy5zcGlubmVyLmhpZGU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2hvd0Vycm9yTWVzc2FnZShcIkVSUk9SOiBcIiArIHJlc3BvbnNlLmVycm9yc01lc3NhZ2VzWzBdKTtcbiAgICAgIHRoaXMubG9hZGluZ1JvbGVzID0gZmFsc2U7XG4gICAgICB0aGlzLmVycm9yID0gdHJ1ZTtcbiAgICAgIHRoaXMuc3Bpbm5lci5oaWRlO1xuICAgIH1cbiAgfVxuICBcbiAgZ2V0QWxsUm9sZXNSZXNwb25zZUhhbmRsZXJFcnJvcigpIHtcbiAgICB0aGlzLnNob3dFcnJvck1lc3NhZ2UoXCJIYSBvY3VycmlkbyB1biBlcnJvciBpbmVzcGVyYWRvLiBQb3IgZmF2b3IsIGludGVudGUgbcOhcyB0YXJkZVwiKTsgXG4gICAgdGhpcy5sb2FkaW5nUm9sZXMgPSBmYWxzZTtcbiAgICB0aGlzLmVycm9yID0gdHJ1ZTtcbiAgICB0aGlzLnNwaW5uZXIuaGlkZTtcbiAgfVxuXG4gIHByaXZhdGUgc2hvd0Vycm9yTWVzc2FnZShtZXNzYWdlOiBzdHJpbmcpIHsgXG4gICAgdGhpcy5zbmFja0Jhci5vcGVuKG1lc3NhZ2UsIG51bGwsIHtkdXJhdGlvbjogNTAwMH0pO1xuICB9XG5cbiAgb3BlbkRpYWxvZyhlbGVtZW50PzogSVJvbCkge1xuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oVmtSb2xlc01vZGFsQ29tcG9uZW50LCB7XG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICByb2xlOiBlbGVtZW50XG4gICAgICAgIH0sXG4gICAgICAgIGhlaWdodDogJzM4NXB4JyxcbiAgICAgICAgd2lkdGg6ICc2MDBweCcsXG4gICAgfSk7XG5cbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUocmVzdWx0ID0+IHsgdGhpcy5uZ09uSW5pdCgpIH0pO1xuICB9XG5cbiAgb25DcmVhdGUoKSB7XG4gICAgdGhpcy5vcGVuRGlhbG9nKCk7XG4gIH1cblxuICBvbkVkaXQoZWxlbWVudDogSVJvbCkge1xuICAgIHRoaXMub3BlbkRpYWxvZyhlbGVtZW50KTtcbiAgfVxuXG4gIG9uU2VhcmNoKGV2ZW50OiBhbnkpIHtcbiAgICBsZXQgcm9sZXMgPSB0aGlzLnJvbGVzLmZpbHRlcih4ID0+IHguQXBwbGljYXRpb25OYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZXZlbnQudG9Mb3dlckNhc2UoKSkgXG4gICAgfHwgeC5Sb2xlTmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGV2ZW50LnRvTG93ZXJDYXNlKCkpIFxuICAgIHx8ICh4LkRlc2NyaXB0aW9uIHx8ICcnKS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGV2ZW50LnRvTG93ZXJDYXNlKCkpKTtcblxuICAgIHRoaXMuX3JvbGVzID0gcm9sZXMuc29ydCgoYSwgYikgPT4gYS5Sb2xlTmFtZS5sb2NhbGVDb21wYXJlKGIuUm9sZU5hbWUpKTtcbiAgfVxuXG4gIG9uUmVmcmVzaCgpIHt9XG5cbn1cbiJdfQ== |
@@ -115,3 +115,3 @@ /** | ||
| */ | ||
| function (result) { _this.ngOnInit; })); | ||
| function (result) { _this.ngOnInit(); })); | ||
| }; | ||
@@ -172,3 +172,3 @@ /** | ||
| selector: 'vk-roles', | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <ngx-spinner bdColor=\"rgba(255,253,253,0.99)\" size=\"medium\" color=\"#222020\" type=\"ball-clip-rotate\" [fullScreen]=\"false\"></ngx-spinner>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\">Cargando Roles...</mat-progress-bar>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| styles: [".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"] | ||
@@ -224,2 +224,2 @@ }] } | ||
| } | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdmstcm9sZXMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFL0Q7SUFlRSwwQkFDVSxZQUE0QixFQUM1QixRQUFxQixFQUNyQixPQUEwQixFQUMzQixNQUFpQjtRQUhoQixpQkFBWSxHQUFaLFlBQVksQ0FBZ0I7UUFDNUIsYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQUNyQixZQUFPLEdBQVAsT0FBTyxDQUFtQjtRQUMzQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBVDFCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0lBVWYsQ0FBQzs7OztJQUVQLG1DQUFROzs7SUFBUjtRQUFBLGlCQVNDO1FBUkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBQyxTQUFTLENBQUMsQ0FBQztRQUN6RSxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDakQsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTOzs7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LENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDLEVBRmpDLENBRWlDLEVBQUM7UUFFckUsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSTs7Ozs7UUFBQyxVQUFDLENBQUMsRUFBRSxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEVBQXBDLENBQW9DLEVBQUMsQ0FBQztJQUMzRSxDQUFDOzs7O0lBRUQsb0NBQVM7OztJQUFULGNBQWEsQ0FBQzs7Z0JBdkZmLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsd3lMQUFzQzs7aUJBRXZDOzs7O2dCQVBRLGNBQWM7Z0JBSEgsV0FBVztnQkFDdEIsaUJBQWlCO2dCQURqQixTQUFTOzs7NkJBWWYsS0FBSzs4QkFDTCxLQUFLOztJQWtGUix1QkFBQztDQUFBLEFBekZELElBeUZDO1NBcEZZLGdCQUFnQjs7O0lBQzNCLHNDQUE2Qjs7SUFDN0IsdUNBQThCOztJQUU5QixpQ0FBTTs7SUFDTix3Q0FBcUI7O0lBQ3JCLGlDQUFNOztJQUNOLGtDQUFPOztJQUNQLDRDQUFpQjs7Ozs7SUFHZix3Q0FBb0M7Ozs7O0lBQ3BDLG9DQUE2Qjs7Ozs7SUFDN0IsbUNBQWtDOztJQUNsQyxrQ0FBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZywgTWF0U25hY2tCYXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCc7XG5pbXBvcnQgeyBOZ3hTcGlubmVyU2VydmljZSB9IGZyb20gJ25neC1zcGlubmVyJztcbmltcG9ydCB7IElSb2wgfSBmcm9tICcuLi9tb2RlbHMvdmstcm9sZXMubW9kZWwnO1xuaW1wb3J0IHsgVmtSb2xlc1NlcnZpY2UgfSBmcm9tICcuLy4uL3NlcnZpY2VzL3ZrLXJvbGVzLnNlcnZpY2UnO1xuaW1wb3J0IHsgVmtSb2xlc01vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9tb2RhbC92ay1yb2xlcy5tb2RhbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZrLXJvbGVzJyxcbiAgdGVtcGxhdGVVcmw6ICd2ay1yb2xlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyd2ay1yb2xlcy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFZrUm9sZXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBhcGlCYXNlVXJsPzogc3RyaW5nO1xuICBASW5wdXQoKSBhY2Nlc3NUb2tlbj86IHN0cmluZztcbiAgXG4gIGVycm9yO1xuICBsb2FkaW5nUm9sZXMgPSBmYWxzZTtcbiAgcm9sZXM7XG4gIF9yb2xlcztcbiAgZGlzcGxheWVkQ29sdW1ucztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJvbGVzU2VydmljZTogVmtSb2xlc1NlcnZpY2UsXG4gICAgcHJpdmF0ZSBzbmFja0JhcjogTWF0U25hY2tCYXIsXG4gICAgcHJpdmF0ZSBzcGlubmVyOiBOZ3hTcGlubmVyU2VydmljZSxcbiAgICBwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2dcbiAgICApIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3Bpbm5lci5zaG93KCk7XG4gICAgdGhpcy5kaXNwbGF5ZWRDb2x1bW5zID0gWydhcHBsaWNhdGlvbicsICduYW1lJywgJ2Rlc2NyaXB0aW9uJywnYWN0aW9ucyddO1xuICAgIHRoaXMucm9sZXNTZXJ2aWNlLmFwaUJhc2VVcmwgPSB0aGlzLmFwaUJhc2VVcmw7XG4gICAgdGhpcy5yb2xlc1NlcnZpY2UuYWNjZXNzVG9rZW4gPSB0aGlzLmFjY2Vzc1Rva2VuO1xuICAgIHRoaXMucm9sZXNTZXJ2aWNlLmdldEFsbFJvbGVzKCkuc3Vic2NyaWJlKFxuICAgICAgcmVzcG9uc2UgPT4gdGhpcy5nZXRBbGxSb2xlc1Jlc3BvbnNlSGFuZGxlcihyZXNwb25zZSksXG4gICAgICAoKSA9PiB0aGlzLmdldEFsbFJvbGVzUmVzcG9uc2VIYW5kbGVyRXJyb3IoKVxuICAgICk7XG4gIH1cblxuICBnZXRBbGxSb2xlc1Jlc3BvbnNlSGFuZGxlcihyZXNwb25zZSkge1xuICAgIGlmIChyZXNwb25zZS5zdWNjZXNzKSB7XG4gICAgICB0aGlzLnJvbGVzID0gcmVzcG9uc2UuZGF0YTtcbiAgICAgIHRoaXMuX3JvbGVzID0gdGhpcy5yb2xlcy5zb3J0KChhLCBiKSA9PiBhLlJvbGVOYW1lLmxvY2FsZUNvbXBhcmUoYi5Sb2xlTmFtZSkpO1xuICAgICAgdGhpcy5sb2FkaW5nUm9sZXMgPSBmYWxzZTtcbiAgICAgIHRoaXMuZXJyb3IgPSBmYWxzZTsgXG4gICAgICB0aGlzLnNwaW5uZXIuaGlkZTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zaG93RXJyb3JNZXNzYWdlKFwiRVJST1I6IFwiICsgcmVzcG9uc2UuZXJyb3JzTWVzc2FnZXNbMF0pO1xuICAgICAgdGhpcy5sb2FkaW5nUm9sZXMgPSBmYWxzZTtcbiAgICAgIHRoaXMuZXJyb3IgPSB0cnVlO1xuICAgICAgdGhpcy5zcGlubmVyLmhpZGU7XG4gICAgfVxuICB9XG4gIFxuICBnZXRBbGxSb2xlc1Jlc3BvbnNlSGFuZGxlckVycm9yKCkge1xuICAgIHRoaXMuc2hvd0Vycm9yTWVzc2FnZShcIkhhIG9jdXJyaWRvIHVuIGVycm9yIGluZXNwZXJhZG8uIFBvciBmYXZvciwgaW50ZW50ZSBtw6FzIHRhcmRlXCIpOyBcbiAgICB0aGlzLmxvYWRpbmdSb2xlcyA9IGZhbHNlO1xuICAgIHRoaXMuZXJyb3IgPSB0cnVlO1xuICAgIHRoaXMuc3Bpbm5lci5oaWRlO1xuICB9XG5cbiAgcHJpdmF0ZSBzaG93RXJyb3JNZXNzYWdlKG1lc3NhZ2U6IHN0cmluZykgeyBcbiAgICB0aGlzLnNuYWNrQmFyLm9wZW4obWVzc2FnZSwgbnVsbCwge2R1cmF0aW9uOiA1MDAwfSk7XG4gIH1cblxuICBvcGVuRGlhbG9nKGVsZW1lbnQ/OiBJUm9sKSB7XG4gICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihWa1JvbGVzTW9kYWxDb21wb25lbnQsIHtcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgIHJvbGU6IGVsZW1lbnRcbiAgICAgICAgfSxcbiAgICAgICAgaGVpZ2h0OiAnMzg1cHgnLFxuICAgICAgICB3aWR0aDogJzYwMHB4JyxcbiAgICB9KTtcblxuICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZShyZXN1bHQgPT4geyB0aGlzLm5nT25Jbml0IH0pO1xuICB9XG5cbiAgb25DcmVhdGUoKSB7XG4gICAgdGhpcy5vcGVuRGlhbG9nKCk7XG4gIH1cblxuICBvbkVkaXQoZWxlbWVudDogSVJvbCkge1xuICAgIHRoaXMub3BlbkRpYWxvZyhlbGVtZW50KTtcbiAgfVxuXG4gIG9uU2VhcmNoKGV2ZW50OiBhbnkpIHtcbiAgICBsZXQgcm9sZXMgPSB0aGlzLnJvbGVzLmZpbHRlcih4ID0+IHguQXBwbGljYXRpb25OYW1lLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoZXZlbnQudG9Mb3dlckNhc2UoKSkgXG4gICAgfHwgeC5Sb2xlTmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGV2ZW50LnRvTG93ZXJDYXNlKCkpIFxuICAgIHx8ICh4LkRlc2NyaXB0aW9uIHx8ICcnKS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGV2ZW50LnRvTG93ZXJDYXNlKCkpKTtcblxuICAgIHRoaXMuX3JvbGVzID0gcm9sZXMuc29ydCgoYSwgYikgPT4gYS5Sb2xlTmFtZS5sb2NhbGVDb21wYXJlKGIuUm9sZU5hbWUpKTtcbiAgfVxuXG4gIG9uUmVmcmVzaCgpIHt9XG5cbn1cbiJdfQ== | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vdmstcm9sZXMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzNELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFL0Q7SUFlRSwwQkFDVSxZQUE0QixFQUM1QixRQUFxQixFQUNyQixPQUEwQixFQUMzQixNQUFpQjtRQUhoQixpQkFBWSxHQUFaLFlBQVksQ0FBZ0I7UUFDNUIsYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQUNyQixZQUFPLEdBQVAsT0FBTyxDQUFtQjtRQUMzQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBVDFCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0lBVWYsQ0FBQzs7OztJQUVQLG1DQUFROzs7SUFBUjtRQUFBLGlCQVNDO1FBUkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBQyxTQUFTLENBQUMsQ0FBQztRQUN6RSxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDakQsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTOzs7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LEVBQUUsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUMsRUFGakMsQ0FFaUMsRUFBQztRQUVyRSxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxJQUFJOzs7OztRQUFDLFVBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsRUFBcEMsQ0FBb0MsRUFBQyxDQUFDO0lBQzNFLENBQUM7Ozs7SUFFRCxvQ0FBUzs7O0lBQVQsY0FBYSxDQUFDOztnQkF2RmYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixtdkxBQXNDOztpQkFFdkM7Ozs7Z0JBUFEsY0FBYztnQkFISCxXQUFXO2dCQUN0QixpQkFBaUI7Z0JBRGpCLFNBQVM7Ozs2QkFZZixLQUFLOzhCQUNMLEtBQUs7O0lBa0ZSLHVCQUFDO0NBQUEsQUF6RkQsSUF5RkM7U0FwRlksZ0JBQWdCOzs7SUFDM0Isc0NBQTZCOztJQUM3Qix1Q0FBOEI7O0lBRTlCLGlDQUFNOztJQUNOLHdDQUFxQjs7SUFDckIsaUNBQU07O0lBQ04sa0NBQU87O0lBQ1AsNENBQWlCOzs7OztJQUdmLHdDQUFvQzs7Ozs7SUFDcEMsb0NBQTZCOzs7OztJQUM3QixtQ0FBa0M7O0lBQ2xDLGtDQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nLCBNYXRTbmFja0JhciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcbmltcG9ydCB7IE5neFNwaW5uZXJTZXJ2aWNlIH0gZnJvbSAnbmd4LXNwaW5uZXInO1xuaW1wb3J0IHsgSVJvbCB9IGZyb20gJy4uL21vZGVscy92ay1yb2xlcy5tb2RlbCc7XG5pbXBvcnQgeyBWa1JvbGVzU2VydmljZSB9IGZyb20gJy4vLi4vc2VydmljZXMvdmstcm9sZXMuc2VydmljZSc7XG5pbXBvcnQgeyBWa1JvbGVzTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL21vZGFsL3ZrLXJvbGVzLm1vZGFsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmstcm9sZXMnLFxuICB0ZW1wbGF0ZVVybDogJ3ZrLXJvbGVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3ZrLXJvbGVzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmtSb2xlc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGFwaUJhc2VVcmw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFjY2Vzc1Rva2VuPzogc3RyaW5nO1xuICBcbiAgZXJyb3I7XG4gIGxvYWRpbmdSb2xlcyA9IGZhbHNlO1xuICByb2xlcztcbiAgX3JvbGVzO1xuICBkaXNwbGF5ZWRDb2x1bW5zO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm9sZXNTZXJ2aWNlOiBWa1JvbGVzU2VydmljZSxcbiAgICBwcml2YXRlIHNuYWNrQmFyOiBNYXRTbmFja0JhcixcbiAgICBwcml2YXRlIHNwaW5uZXI6IE5neFNwaW5uZXJTZXJ2aWNlLFxuICAgIHB1YmxpYyBkaWFsb2c6IE1hdERpYWxvZ1xuICAgICkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zcGlubmVyLnNob3coKTtcbiAgICB0aGlzLmRpc3BsYXllZENvbHVtbnMgPSBbJ2FwcGxpY2F0aW9uJywgJ25hbWUnLCAnZGVzY3JpcHRpb24nLCdhY3Rpb25zJ107XG4gICAgdGhpcy5yb2xlc1NlcnZpY2UuYXBpQmFzZVVybCA9IHRoaXMuYXBpQmFzZVVybDtcbiAgICB0aGlzLnJvbGVzU2VydmljZS5hY2Nlc3NUb2tlbiA9IHRoaXMuYWNjZXNzVG9rZW47XG4gICAgdGhpcy5yb2xlc1NlcnZpY2UuZ2V0QWxsUm9sZXMoKS5zdWJzY3JpYmUoXG4gICAgICByZXNwb25zZSA9PiB0aGlzLmdldEFsbFJvbGVzUmVzcG9uc2VIYW5kbGVyKHJlc3BvbnNlKSxcbiAgICAgICgpID0+IHRoaXMuZ2V0QWxsUm9sZXNSZXNwb25zZUhhbmRsZXJFcnJvcigpXG4gICAgKTtcbiAgfVxuXG4gIGdldEFsbFJvbGVzUmVzcG9uc2VIYW5kbGVyKHJlc3BvbnNlKSB7XG4gICAgaWYgKHJlc3BvbnNlLnN1Y2Nlc3MpIHtcbiAgICAgIHRoaXMucm9sZXMgPSByZXNwb25zZS5kYXRhO1xuICAgICAgdGhpcy5fcm9sZXMgPSB0aGlzLnJvbGVzLnNvcnQoKGEsIGIpID0+IGEuUm9sZU5hbWUubG9jYWxlQ29tcGFyZShiLlJvbGVOYW1lKSk7XG4gICAgICB0aGlzLmxvYWRpbmdSb2xlcyA9IGZhbHNlO1xuICAgICAgdGhpcy5lcnJvciA9IGZhbHNlOyBcbiAgICAgIHRoaXMuc3Bpbm5lci5oaWRlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNob3dFcnJvck1lc3NhZ2UoXCJFUlJPUjogXCIgKyByZXNwb25zZS5lcnJvcnNNZXNzYWdlc1swXSk7XG4gICAgICB0aGlzLmxvYWRpbmdSb2xlcyA9IGZhbHNlO1xuICAgICAgdGhpcy5lcnJvciA9IHRydWU7XG4gICAgICB0aGlzLnNwaW5uZXIuaGlkZTtcbiAgICB9XG4gIH1cbiAgXG4gIGdldEFsbFJvbGVzUmVzcG9uc2VIYW5kbGVyRXJyb3IoKSB7XG4gICAgdGhpcy5zaG93RXJyb3JNZXNzYWdlKFwiSGEgb2N1cnJpZG8gdW4gZXJyb3IgaW5lc3BlcmFkby4gUG9yIGZhdm9yLCBpbnRlbnRlIG3DoXMgdGFyZGVcIik7IFxuICAgIHRoaXMubG9hZGluZ1JvbGVzID0gZmFsc2U7XG4gICAgdGhpcy5lcnJvciA9IHRydWU7XG4gICAgdGhpcy5zcGlubmVyLmhpZGU7XG4gIH1cblxuICBwcml2YXRlIHNob3dFcnJvck1lc3NhZ2UobWVzc2FnZTogc3RyaW5nKSB7IFxuICAgIHRoaXMuc25hY2tCYXIub3BlbihtZXNzYWdlLCBudWxsLCB7ZHVyYXRpb246IDUwMDB9KTtcbiAgfVxuXG4gIG9wZW5EaWFsb2coZWxlbWVudD86IElSb2wpIHtcbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKFZrUm9sZXNNb2RhbENvbXBvbmVudCwge1xuICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgcm9sZTogZWxlbWVudFxuICAgICAgICB9LFxuICAgICAgICBoZWlnaHQ6ICczODVweCcsXG4gICAgICAgIHdpZHRoOiAnNjAwcHgnLFxuICAgIH0pO1xuXG4gICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKHJlc3VsdCA9PiB7IHRoaXMubmdPbkluaXQoKSB9KTtcbiAgfVxuXG4gIG9uQ3JlYXRlKCkge1xuICAgIHRoaXMub3BlbkRpYWxvZygpO1xuICB9XG5cbiAgb25FZGl0KGVsZW1lbnQ6IElSb2wpIHtcbiAgICB0aGlzLm9wZW5EaWFsb2coZWxlbWVudCk7XG4gIH1cblxuICBvblNlYXJjaChldmVudDogYW55KSB7XG4gICAgbGV0IHJvbGVzID0gdGhpcy5yb2xlcy5maWx0ZXIoeCA9PiB4LkFwcGxpY2F0aW9uTmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGV2ZW50LnRvTG93ZXJDYXNlKCkpIFxuICAgIHx8IHguUm9sZU5hbWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhldmVudC50b0xvd2VyQ2FzZSgpKSBcbiAgICB8fCAoeC5EZXNjcmlwdGlvbiB8fCAnJykudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhldmVudC50b0xvd2VyQ2FzZSgpKSk7XG5cbiAgICB0aGlzLl9yb2xlcyA9IHJvbGVzLnNvcnQoKGEsIGIpID0+IGEuUm9sZU5hbWUubG9jYWxlQ29tcGFyZShiLlJvbGVOYW1lKSk7XG4gIH1cblxuICBvblJlZnJlc2goKSB7fVxuXG59XG4iXX0= |
@@ -374,3 +374,3 @@ import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http'; | ||
| */ | ||
| result => { this.ngOnInit; })); | ||
| result => { this.ngOnInit(); })); | ||
| } | ||
@@ -418,3 +418,3 @@ /** | ||
| selector: 'vk-roles', | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <ngx-spinner bdColor=\"rgba(255,253,253,0.99)\" size=\"medium\" color=\"#222020\" type=\"ball-clip-rotate\" [fullScreen]=\"false\"></ngx-spinner>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\">Cargando Roles...</mat-progress-bar>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| styles: [".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"] | ||
@@ -421,0 +421,0 @@ }] } |
@@ -433,3 +433,3 @@ import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http'; | ||
| */ | ||
| function (result) { _this.ngOnInit; })); | ||
| function (result) { _this.ngOnInit(); })); | ||
| }; | ||
@@ -490,3 +490,3 @@ /** | ||
| selector: 'vk-roles', | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <ngx-spinner bdColor=\"rgba(255,253,253,0.99)\" size=\"medium\" color=\"#222020\" type=\"ball-clip-rotate\" [fullScreen]=\"false\"></ngx-spinner>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| template: "<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\">Cargando Roles...</mat-progress-bar>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicaci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripci\u00F3n </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>", | ||
| styles: [".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"] | ||
@@ -493,0 +493,0 @@ }] } |
| { | ||
| "name": "vk-roles", | ||
| "version": "0.0.31", | ||
| "version": "0.0.32", | ||
| "peerDependencies": { | ||
@@ -5,0 +5,0 @@ "@angular/common": "^8.2.14", |
@@ -1,1 +0,1 @@ | ||
| {"__symbolic":"module","version":4,"metadata":{"VkRolesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":14,"character":28}]}],"getAllRoles":[{"__symbolic":"method"}],"newRole":[{"__symbolic":"method"}],"editRole":[{"__symbolic":"method"}],"_setAuthHeaders":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"VkRolesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"vk-roles","template":"<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <ngx-spinner bdColor=\"rgba(255,253,253,0.99)\" size=\"medium\" color=\"#222020\" type=\"ball-clip-rotate\" [fullScreen]=\"false\"></ngx-spinner>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicación </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripción </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>","styles":[".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"]}]}],"members":{"apiBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"accessToken":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"VkRolesService"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":24,"character":22},{"__symbolic":"reference","module":"ngx-spinner","name":"NgxSpinnerService","line":25,"character":21},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":26,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"getAllRolesResponseHandler":[{"__symbolic":"method"}],"getAllRolesResponseHandlerError":[{"__symbolic":"method"}],"showErrorMessage":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"onEdit":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onRefresh":[{"__symbolic":"method"}]}},"VkRolesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VkRolesComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatTableModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBarModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":26,"character":4},{"__symbolic":"reference","module":"ngx-spinner","name":"NgxSpinnerModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":29,"character":4}],"exports":[{"__symbolic":"reference","name":"VkRolesComponent"},{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"vk-roles-modal","template":"<div class=\"container\">\r\n <div class=\"title-container\">\r\n <div class=\"header\" mat-dialog-title>\r\n {{title}} \r\n </div> \r\n <div class=\"close-button\">\r\n <button mat-flat-button (click)=\"closeDialog()\" >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div> \r\n <div class=\"content\" mat-dialog-content > \r\n <form ngNativeValidate *ngIf=\"!loading\" class=\"container-form\" novalidate (ngSubmit)=\"onSubmit()\" [formGroup]=\"formGroup\">\r\n <div class=\"input-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"100\">\r\n <mat-form-field class=\"field-form\">\r\n <mat-label>Nombre</mat-label>\r\n <input matInput class=\"form-control\" formControlName=\"RoleName\" required maxlength=\"100\">\r\n </mat-form-field>\r\n </div>\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"100\">\r\n <mat-form-field class=\"field-form-textarea\">\r\n <mat-label>Descripción</mat-label>\r\n <textarea matInput formControlName=\"Description\" required maxlength=\"500\"></textarea> \r\n </mat-form-field> \r\n </div>\r\n </div> \r\n <br>\r\n <br> \r\n <div class=\"btn-container\">\r\n <button mat-raised-button class=\"btn-cancelar\" [mat-dialog-close]>Cancelar</button> \r\n <button mat-raised-button style=\"margin-left: 5%;\" class=\"btn mat-raised-button mat-button-base\" type=\"submit\" >Guardar</button> \r\n </div>\r\n </form>\r\n <div class=\"requesting\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\"></mat-progress-bar>\r\n <p>Guardando...</p>\r\n </div>\r\n </div>\r\n</div>","styles":[".mat-form-field{width:100%!important}.field-form-textarea .mat-input-element{height:78px!important}.container{width:100%}.container .title-container{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8px;margin-bottom:8px;border-bottom:1px solid #ccc;background-color:#fff;color:#1d1b1bb5}.container .title-container .title{justify-self:start;align-self:center}.container .title-container .close-button{justify-self:end}.container .mat-dialog-content{padding:3px 24px!important}.container .container-form{min-width:150px;max-width:500px;width:100%}.container .container-form .field-form{width:100%}.container .container-form .buttons-new-catalog{position:relative;left:0;bottom:10px}.container .container-form .btn-container{text-align:right}.container .error-wrapper{color:red;display:inline-flex}.container .error-wrapper p{font-size:14px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":18,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵa"}]},{"__symbolic":"reference","name":"VkRolesService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":21,"character":25},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":22,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"initForm":[{"__symbolic":"method"}],"initInputs":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"newRoleResponseHandler":[{"__symbolic":"method"}],"newRoleResponseHandlerError":[{"__symbolic":"method"}],"editRoleResponseHandler":[{"__symbolic":"method"}],"editRoleResponseHandlerError":[{"__symbolic":"method"}],"showErrorMessage":[{"__symbolic":"method"}]}}},"origins":{"VkRolesService":"./lib/services/vk-roles.service","VkRolesComponent":"./lib/components/vk-roles.component","VkRolesModule":"./lib/vk-roles.module","ɵa":"./lib/components/modal/vk-roles.modal"},"importAs":"vk-roles"} | ||
| {"__symbolic":"module","version":4,"metadata":{"VkRolesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":14,"character":28}]}],"getAllRoles":[{"__symbolic":"method"}],"newRole":[{"__symbolic":"method"}],"editRole":[{"__symbolic":"method"}],"_setAuthHeaders":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"VkRolesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"vk-roles","template":"<ng-container>\r\n <div class=\"title-container\">\r\n <p class=\"roles-title\">Roles</p>\r\n </div>\r\n \r\n <div class=\"contendor\">\r\n <div class=\"wrapper\"> \r\n <div class=\"content\">\r\n <ng-container *ngIf=\"loadingRoles; else rolesListTemplate\">\r\n <mat-progress-bar mode=\"indeterminate\" color=\"warn\"></mat-progress-bar>\r\n <p>Cargando roles...</p>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <ng-template #rolesListTemplate> \r\n <ng-container>\r\n <form #f=\"ngForm\" autocomplete=\"off\">\r\n <div class=\"new-preferred-customer-container\">\r\n <div class=\"form-group form-roles\">\r\n <div class=\"header-container\">\r\n <div class=\"container-search\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\"\r\n style=\"display: flex;\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <mat-form-field appearance=\"standard\">\r\n <input matInput placeholder=\"Buscar rol\" type=\"text\" (input)=\"onSearch($event.target.value)\" [disabled]=\"roles?.length === 0\">\r\n </mat-form-field>\r\n </div> \r\n <!-- <div class=\"formRow row-filter\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" type=\"submit\" (click)=\"onFilter()\">Filtrar</button>\r\n </div> -->\r\n <div class=\"formRow row-new\" fxFlex=\"100\" fxFlex.gt-xs=\"50\">\r\n <button mat-raised-button color=\"warn\" (click)=\"onCreate()\"><mat-icon>add_circle</mat-icon> Rol</button> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"body-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"20px\">\r\n <div class=\"formRow\" fxFlex=\"100\" > \r\n <div *ngIf=\"loadingRoles\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\">Cargando Roles...</mat-progress-bar>\r\n </div>\r\n <div *ngIf=\"!loadingRoles && roles?.length > 0 else noRolesTemplate\">\r\n <table mat-table [dataSource]=\"_roles\" class=\"mat-elevation-z8\" class=\"margen\"> \r\n \r\n <ng-container matColumnDef=\"application\">\r\n <th mat-header-cell *matHeaderCellDef> Aplicación </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.ApplicationName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"name\">\r\n <th mat-header-cell *matHeaderCellDef> Nombre </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.RoleName}}</td>\r\n </ng-container>\r\n <ng-container matColumnDef=\"description\">\r\n <th mat-header-cell *matHeaderCellDef> Descripción </th>\r\n <td mat-cell *matCellDef=\"let role\" class=\"size-column-code\"> {{role.Description}}</td>\r\n </ng-container>\r\n \r\n <ng-container matColumnDef=\"actions\">\r\n <th mat-header-cell *matHeaderCellDef>Acciones</th> \r\n <td mat-cell *matCellDef=\"let element\">\r\n <a class=\"icon-btn\" title=\"Editar Rol\" (click)=\"onEdit(element)\"><mat-icon >edit</mat-icon></a>\r\n </td>\r\n </ng-container>\r\n <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n </table>\r\n </div>\r\n \r\n <ng-template #noRolesTemplate>\r\n <div class=\"table-msg\">\r\n <p>No se encontraron roles</p>\r\n <button mat-raised-button class=\"btn mat-raised-button mat-button-base\" (click)=\"onRefresh()\">Volver a cargar</button> \r\n </div>\r\n </ng-template>\r\n \r\n </div>\r\n </div> \r\n </div> \r\n </div> \r\n </form>\r\n </ng-container> \r\n </ng-template>\r\n </div>\r\n</ng-container>","styles":[".title-container{display:flex;flex-direction:column;padding:10px;margin:10px 0;background-color:#d32020}.title-container .roles-title{margin:0 0 10px;color:#fff;font-size:24px;font-weight:500}.contendor{height:70vh}.contendor .wrapper{margin:5px 0;padding:10px 5px 5px;background-color:#fff}.contendor .wrapper .content{display:block;flex-direction:row;height:100%;width:100%;margin-bottom:15px}.contendor .wrapper .content p{font-size:12px;text-align:left;justify-self:start;align-self:center}.contendor .new-preferred-customer-container .form-roles .header-container{margin:8px 0;padding:10px 5px 5px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:2px 2px 8px rgba(80,80,80,.1)}.contendor .new-preferred-customer-container .form-roles .header-container .text{font-size:12px;font-weight:400}.contendor .new-preferred-customer-container .form-roles .header-container .input-search{margin-right:8px;border:1px solid #ccc;height:22px;font-size:12px}.contendor .new-preferred-customer-container .form-roles .header-container .input-search:focus{border:1px solid #d32020}.contendor .new-preferred-customer-container .form-roles .header-container .btn-search{background-color:#d32020;color:#fff}.contendor .new-preferred-customer-container .form-roles .header-container .inlineinput{display:inline}.contendor .new-preferred-customer-container .form-roles .header-container .container-search{display:flex;margin-top:10px;min-width:100%}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow{width:49%;position:relative}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-filter{margin-top:4px;text-align:left}.contendor .new-preferred-customer-container .form-roles .header-container .container-search .formRow.row-new{margin-top:22px!important;text-align:right}.contendor .new-preferred-customer-container .form-roles .body-container{margin-top:10px;min-width:100%;overflow:hidden!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow{position:relative;overflow-y:scroll;max-height:63vh}.contendor .new-preferred-customer-container .form-roles .body-container .formRow button:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow input:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow select:focus,.contendor .new-preferred-customer-container .form-roles .body-container .formRow textarea:focus{outline:0}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table{text-align:center!important;width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table th.mat-header-cell{padding:10px;background:#f1f1f1;color:#000;font-size:11px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-header-row{height:35px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-footer-row,.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table tr.mat-row{height:var(--td-row-height)}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell{font-size:12px;padding:2px;background:#f1f1f1}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell p.id{cursor:pointer;text-decoration:underline;color:#1e90ff}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status{display:flex;cursor:pointer;justify-content:center}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .status mat-icon{font-size:16px;width:16px;height:16px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell .mat-icon{cursor:pointer!important}.contendor .new-preferred-customer-container .form-roles .body-container .formRow table.mat-table td.mat-cell:last-of-type{padding:5px}.contendor .new-preferred-customer-container .form-roles .body-container .formRow .table-msg{text-align:center;margin-top:20px}form{width:100%}@media screen and (min-width:768px){.wrapper{margin:5px auto 10px}.wrapper .header{grid-template-columns:1fr 1fr 20fr}.wrapper .body .title p{font-size:13px}.wrapper .body .content{grid-template-columns:90% 1fr}.wrapper .body .content p{font-size:13px}}@media (min-width:400px){table.mat-table{--td-row-height:40px}table.mat-table th.mat-header-cell{text-align:center;font-size:15px}table.mat-table td.mat-cell .status mat-icon{font-size:20px;width:20px;height:20px}}@media (device-height:568px) and (device-width:320px) and (-webkit-min-device-pixel-ratio:2){.title-container p{width:100%;font-size:1.2rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:7px;background:#f1f1f1;color:#000;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:11px;padding:1px;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (device-height:653px) and (device-width:280px){.title-container p{width:100%;font-size:1.1rem}table.mat-table{width:100%;overflow-x:auto;overflow-y:hidden;--td-row-height:55px}table.mat-table td.mat-cell:first-of-type,table.mat-table td.mat-footer-cell:first-of-type,table.mat-table th.mat-header-cell:first-of-type{padding-left:0}table.mat-table th.mat-header-cell{padding:2px;background:#f1f1f1;color:#fff;font-size:11px}table.mat-table tr.mat-header-row{height:35px}table.mat-table tr.mat-footer-row,table.mat-table tr.mat-row{height:var(--td-row-height)}table.mat-table td.mat-cell{font-size:10px;padding:0;background:#f1f1f1}table.mat-table td.mat-cell:last-of-type{padding:5px}}@media (max-width:599px){.formRow.row-filter button{width:100%}.formRow.row-new{margin-top:14px!important}.formRow.row-new button{width:100%}}"]}]}],"members":{"apiBaseUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"accessToken":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"VkRolesService"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":24,"character":22},{"__symbolic":"reference","module":"ngx-spinner","name":"NgxSpinnerService","line":25,"character":21},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":26,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"getAllRolesResponseHandler":[{"__symbolic":"method"}],"getAllRolesResponseHandlerError":[{"__symbolic":"method"}],"showErrorMessage":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"onEdit":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onRefresh":[{"__symbolic":"method"}]}},"VkRolesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"VkRolesComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatTableModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBarModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":26,"character":4},{"__symbolic":"reference","module":"ngx-spinner","name":"NgxSpinnerModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":29,"character":4}],"exports":[{"__symbolic":"reference","name":"VkRolesComponent"},{"__symbolic":"reference","name":"ɵa"}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"vk-roles-modal","template":"<div class=\"container\">\r\n <div class=\"title-container\">\r\n <div class=\"header\" mat-dialog-title>\r\n {{title}} \r\n </div> \r\n <div class=\"close-button\">\r\n <button mat-flat-button (click)=\"closeDialog()\" >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div> \r\n <div class=\"content\" mat-dialog-content > \r\n <form ngNativeValidate *ngIf=\"!loading\" class=\"container-form\" novalidate (ngSubmit)=\"onSubmit()\" [formGroup]=\"formGroup\">\r\n <div class=\"input-container\" fxLayout=\"column\" fxLayout.gt-xs=\"row\" fxLayoutGap=\"10px\">\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"100\">\r\n <mat-form-field class=\"field-form\">\r\n <mat-label>Nombre</mat-label>\r\n <input matInput class=\"form-control\" formControlName=\"RoleName\" required maxlength=\"100\">\r\n </mat-form-field>\r\n </div>\r\n <div class=\"formRow\" fxFlex=\"100\" fxFlex.gt-xs=\"100\">\r\n <mat-form-field class=\"field-form-textarea\">\r\n <mat-label>Descripción</mat-label>\r\n <textarea matInput formControlName=\"Description\" required maxlength=\"500\"></textarea> \r\n </mat-form-field> \r\n </div>\r\n </div> \r\n <br>\r\n <br> \r\n <div class=\"btn-container\">\r\n <button mat-raised-button class=\"btn-cancelar\" [mat-dialog-close]>Cancelar</button> \r\n <button mat-raised-button style=\"margin-left: 5%;\" class=\"btn mat-raised-button mat-button-base\" type=\"submit\" >Guardar</button> \r\n </div>\r\n </form>\r\n <div class=\"requesting\" *ngIf=\"loading\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\"></mat-progress-bar>\r\n <p>Guardando...</p>\r\n </div>\r\n </div>\r\n</div>","styles":[".mat-form-field{width:100%!important}.field-form-textarea .mat-input-element{height:78px!important}.container{width:100%}.container .title-container{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8px;margin-bottom:8px;border-bottom:1px solid #ccc;background-color:#fff;color:#1d1b1bb5}.container .title-container .title{justify-self:start;align-self:center}.container .title-container .close-button{justify-self:end}.container .mat-dialog-content{padding:3px 24px!important}.container .container-form{min-width:150px;max-width:500px;width:100%}.container .container-form .field-form{width:100%}.container .container-form .buttons-new-catalog{position:relative;left:0;bottom:10px}.container .container-form .btn-container{text-align:right}.container .error-wrapper{color:red;display:inline-flex}.container .error-wrapper p{font-size:14px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":18,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵa"}]},{"__symbolic":"reference","name":"VkRolesService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":21,"character":25},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":22,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"initForm":[{"__symbolic":"method"}],"initInputs":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"newRoleResponseHandler":[{"__symbolic":"method"}],"newRoleResponseHandlerError":[{"__symbolic":"method"}],"editRoleResponseHandler":[{"__symbolic":"method"}],"editRoleResponseHandlerError":[{"__symbolic":"method"}],"showErrorMessage":[{"__symbolic":"method"}]}}},"origins":{"VkRolesService":"./lib/services/vk-roles.service","VkRolesComponent":"./lib/components/vk-roles.component","VkRolesModule":"./lib/vk-roles.module","ɵa":"./lib/components/modal/vk-roles.modal"},"importAs":"vk-roles"} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.09%
343857
No dependency changes