Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
vk-roles - npm Package Compare versions
Comparing version 0.0.14 to 0.0.16
@@ -572,5 +572,5 @@ (function (global, factory) { | ||
| exports.VkRolesComponent = VkRolesComponent; | ||
| exports.VkRolesModalComponent = VkRolesModalComponent; | ||
| exports.VkRolesModule = VkRolesModule; | ||
| exports.VkRolesService = VkRolesService; | ||
| exports.ɵa = VkRolesModalComponent; | ||
@@ -577,0 +577,0 @@ Object.defineProperty(exports, '__esModule', { value: true }); |
@@ -1,2 +0,2 @@ | ||
| !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/material"),require("ngx-spinner"),require("@angular/forms"),require("projects/vk-roles/src/public-api"),require("@angular/common")):"function"==typeof define&&define.amd?define("vk-roles",["exports","@angular/common/http","@angular/core","@angular/material","ngx-spinner","@angular/forms","projects/vk-roles/src/public-api","@angular/common"],r):r((e=e||self)["vk-roles"]={},e.ng.common.http,e.ng.core,e.ng.material,e.ngxSpinner,e.ng.forms,e.publicApi,e.ng.common)}(this,(function(e,r,t,o,n,a,i,l){"use strict";var s=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 r=this.apiBaseUrl+"/new";return console.log(r),console.log(e),this.http.post(r,e)},e.prototype.editRole=function(e){var r=this.apiBaseUrl+"/edit";return console.log(r),console.log(e),this.http.put(r,e)},e.prototype._setAuthHeaders=function(e){var t="Bearer "+e;this.authHeaders=new r.HttpHeaders({"Content-Type":"application/json",Authorization:t})},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:r.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(r.HttpClient))},token:e,providedIn:"root"}),e}();var c=function(){function e(e,r,t,o,n){this.data=e,this.dialogRef=r,this.rolesService=t,this.formBuilder=o,this.snackBar=n}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.formGroup.get("NormalizedName").setValue(this.formGroup.get("RoleName").value.toUpperCase()),this.formGroup.valid){var r=this.formGroup.getRawValue();this.role?this.rolesService.editRole(r).subscribe((function(r){return e.editRoleResponseHandler(r)}),(function(r){return e.editRoleResponseHandlerError()})):this.rolesService.newRole(r).subscribe((function(r){return e.newRoleResponseHandler(r)}),(function(r){return e.newRoleResponseHandlerError()}))}},e.prototype.newRoleResponseHandler=function(e){e.success?(this.closeDialog(),this.snackBar.open("El Rol ha sido creada con éxito","OK",{duration:4e3})):this.showErrorMessage("ERROR: "+e.errorsMessages[0])},e.prototype.newRoleResponseHandlerError=function(){this.showErrorMessage("Ocurrió un error durante la creación del Rol")},e.prototype.editRoleResponseHandler=function(e){e.success?(this.closeDialog(),this.snackBar.open("El Rol ha sido editado con éxito","OK",{duration:4e3})):this.showErrorMessage("ERROR: "+e.errorsMessages[0])},e.prototype.editRoleResponseHandlerError=function(){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:t.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 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 \r\n \x3c!-- <div class="requesting" *ngIf="(action === \'Creando...\'|| action === \'Actualizando...\')">\r\n <mat-progress-bar color="warn" mode="indeterminate"></mat-progress-bar>\r\n <p>{{ action }}</p>\r\n </div>\r\n <div *ngIf="action === \'error\'" class="actions">\r\n <div class="submit-error-msg">\r\n Ocurrió un error al procesar el chofer. Por favor, intente nuevamente.\r\n </div>\r\n </div> --\x3e\r\n </form>\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:t.Inject,args:[o.MAT_DIALOG_DATA]}]},{type:o.MatDialogRef},{type:i.VkRolesService},{type:a.FormBuilder},{type:o.MatSnackBar}]},e}();var d=function(){function e(e,r,t,o){this.rolesService=e,this.snackBar=r,this.spinner=t,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(r){return e.getAllRolesResponseHandler(r)}),(function(){return e.getAllRolesResponseHandlerError()}))},e.prototype.getAllRolesResponseHandler=function(e){e.success?(this.roles=e.data,this._roles=this.roles.sort((function(e,r){return e.RoleName.localeCompare(r.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){this.dialog.open(c,{data:{role:e},height:"385px",width:"600px"}).afterClosed().subscribe((function(e){}))},e.prototype.onCreate=function(){this.openDialog()},e.prototype.onEdit=function(e){this.openDialog(e)},e.prototype.onSearch=function(e){var r=this.roles.filter((function(r){return r.ApplicationName.toLowerCase().includes(e.toLowerCase())||r.RoleName.toLowerCase().includes(e.toLowerCase())||(r.Description||"").toLowerCase().includes(e.toLowerCase())}));this._roles=r.sort((function(e,r){return e.RoleName.localeCompare(r.RoleName)}))},e.prototype.onRefresh=function(){},e.decorators=[{type:t.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:s},{type:o.MatSnackBar},{type:n.NgxSpinnerService},{type:o.MatDialog}]},e.propDecorators={apiBaseUrl:[{type:t.Input}],accessToken:[{type:t.Input}]},e}();var m=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[d,c],imports:[l.CommonModule,a.FormsModule,o.MatFormFieldModule,o.MatInputModule,o.MatTableModule,o.MatButtonModule,o.MatProgressBarModule,o.MatIconModule,o.MatSnackBarModule,o.MatDialogModule,n.NgxSpinnerModule,r.HttpClientModule,a.ReactiveFormsModule],exports:[d],entryComponents:[c]}]}],e}();e.VkRolesComponent=d,e.VkRolesModule=m,e.VkRolesService=s,e.ɵa=c,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/material"),require("ngx-spinner"),require("@angular/forms"),require("projects/vk-roles/src/public-api"),require("@angular/common")):"function"==typeof define&&define.amd?define("vk-roles",["exports","@angular/common/http","@angular/core","@angular/material","ngx-spinner","@angular/forms","projects/vk-roles/src/public-api","@angular/common"],r):r((e=e||self)["vk-roles"]={},e.ng.common.http,e.ng.core,e.ng.material,e.ngxSpinner,e.ng.forms,e.publicApi,e.ng.common)}(this,(function(e,r,t,o,n,a,i,l){"use strict";var s=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 r=this.apiBaseUrl+"/new";return console.log(r),console.log(e),this.http.post(r,e)},e.prototype.editRole=function(e){var r=this.apiBaseUrl+"/edit";return console.log(r),console.log(e),this.http.put(r,e)},e.prototype._setAuthHeaders=function(e){var t="Bearer "+e;this.authHeaders=new r.HttpHeaders({"Content-Type":"application/json",Authorization:t})},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:r.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(r.HttpClient))},token:e,providedIn:"root"}),e}();var c=function(){function e(e,r,t,o,n){this.data=e,this.dialogRef=r,this.rolesService=t,this.formBuilder=o,this.snackBar=n}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.formGroup.get("NormalizedName").setValue(this.formGroup.get("RoleName").value.toUpperCase()),this.formGroup.valid){var r=this.formGroup.getRawValue();this.role?this.rolesService.editRole(r).subscribe((function(r){return e.editRoleResponseHandler(r)}),(function(r){return e.editRoleResponseHandlerError()})):this.rolesService.newRole(r).subscribe((function(r){return e.newRoleResponseHandler(r)}),(function(r){return e.newRoleResponseHandlerError()}))}},e.prototype.newRoleResponseHandler=function(e){e.success?(this.closeDialog(),this.snackBar.open("El Rol ha sido creada con éxito","OK",{duration:4e3})):this.showErrorMessage("ERROR: "+e.errorsMessages[0])},e.prototype.newRoleResponseHandlerError=function(){this.showErrorMessage("Ocurrió un error durante la creación del Rol")},e.prototype.editRoleResponseHandler=function(e){e.success?(this.closeDialog(),this.snackBar.open("El Rol ha sido editado con éxito","OK",{duration:4e3})):this.showErrorMessage("ERROR: "+e.errorsMessages[0])},e.prototype.editRoleResponseHandlerError=function(){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:t.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 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 \r\n \x3c!-- <div class="requesting" *ngIf="(action === \'Creando...\'|| action === \'Actualizando...\')">\r\n <mat-progress-bar color="warn" mode="indeterminate"></mat-progress-bar>\r\n <p>{{ action }}</p>\r\n </div>\r\n <div *ngIf="action === \'error\'" class="actions">\r\n <div class="submit-error-msg">\r\n Ocurrió un error al procesar el chofer. Por favor, intente nuevamente.\r\n </div>\r\n </div> --\x3e\r\n </form>\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:t.Inject,args:[o.MAT_DIALOG_DATA]}]},{type:o.MatDialogRef},{type:i.VkRolesService},{type:a.FormBuilder},{type:o.MatSnackBar}]},e}();var d=function(){function e(e,r,t,o){this.rolesService=e,this.snackBar=r,this.spinner=t,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(r){return e.getAllRolesResponseHandler(r)}),(function(){return e.getAllRolesResponseHandlerError()}))},e.prototype.getAllRolesResponseHandler=function(e){e.success?(this.roles=e.data,this._roles=this.roles.sort((function(e,r){return e.RoleName.localeCompare(r.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){this.dialog.open(c,{data:{role:e},height:"385px",width:"600px"}).afterClosed().subscribe((function(e){}))},e.prototype.onCreate=function(){this.openDialog()},e.prototype.onEdit=function(e){this.openDialog(e)},e.prototype.onSearch=function(e){var r=this.roles.filter((function(r){return r.ApplicationName.toLowerCase().includes(e.toLowerCase())||r.RoleName.toLowerCase().includes(e.toLowerCase())||(r.Description||"").toLowerCase().includes(e.toLowerCase())}));this._roles=r.sort((function(e,r){return e.RoleName.localeCompare(r.RoleName)}))},e.prototype.onRefresh=function(){},e.decorators=[{type:t.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:s},{type:o.MatSnackBar},{type:n.NgxSpinnerService},{type:o.MatDialog}]},e.propDecorators={apiBaseUrl:[{type:t.Input}],accessToken:[{type:t.Input}]},e}();var m=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[d,c],imports:[l.CommonModule,a.FormsModule,o.MatFormFieldModule,o.MatInputModule,o.MatTableModule,o.MatButtonModule,o.MatProgressBarModule,o.MatIconModule,o.MatSnackBarModule,o.MatDialogModule,n.NgxSpinnerModule,r.HttpClientModule,a.ReactiveFormsModule],exports:[d],entryComponents:[c]}]}],e}();e.VkRolesComponent=d,e.VkRolesModalComponent=c,e.VkRolesModule=m,e.VkRolesService=s,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| //# sourceMappingURL=vk-roles.umd.min.js.map |
@@ -11,3 +11,4 @@ /** | ||
| export { VkRolesComponent } from './lib/components/vk-roles.component'; | ||
| export { VkRolesModalComponent } from './lib/components/modal/vk-roles.modal'; | ||
| export { VkRolesModule } from './lib/vk-roles.module'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZrLXJvbGVzLyIsInNvdXJjZXMiOlsicHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUlBLCtCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGlDQUFjLHFDQUFxQyxDQUFDO0FBQ3BELDhCQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2ay1yb2xlc1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3ZrLXJvbGVzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmstcm9sZXMubW9kdWxlJztcbiJdfQ== | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZrLXJvbGVzLyIsInNvdXJjZXMiOlsicHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUlBLCtCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGlDQUFjLHFDQUFxQyxDQUFDO0FBQ3BELHNDQUFjLHVDQUF1QyxDQUFDO0FBQ3RELDhCQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2ay1yb2xlc1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3ZrLXJvbGVzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9tb2RhbC92ay1yb2xlcy5tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92ay1yb2xlcy5tb2R1bGUnO1xuIl19 |
@@ -9,4 +9,3 @@ /** | ||
| */ | ||
| export { VkRolesService, VkRolesComponent, VkRolesModule } from './public-api'; | ||
| export { VkRolesModalComponent as ɵa } from './lib/components/modal/vk-roles.modal'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92ay1yb2xlcy8iLCJzb3VyY2VzIjpbInZrLXJvbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsZ0VBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtWa1JvbGVzTW9kYWxDb21wb25lbnQgYXMgybVhfSBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vZGFsL3ZrLXJvbGVzLm1vZGFsJzsiXX0= | ||
| export { VkRolesService, VkRolesComponent, VkRolesModalComponent, VkRolesModule } from './public-api'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92ay1yb2xlcy8iLCJzb3VyY2VzIjpbInZrLXJvbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsdUZBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 |
@@ -11,3 +11,4 @@ /** | ||
| export { VkRolesComponent } from './lib/components/vk-roles.component'; | ||
| export { VkRolesModalComponent } from './lib/components/modal/vk-roles.modal'; | ||
| export { VkRolesModule } from './lib/vk-roles.module'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZrLXJvbGVzLyIsInNvdXJjZXMiOlsicHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUlBLCtCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGlDQUFjLHFDQUFxQyxDQUFDO0FBQ3BELDhCQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2ay1yb2xlc1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3ZrLXJvbGVzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdmstcm9sZXMubW9kdWxlJztcbiJdfQ== | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZrLXJvbGVzLyIsInNvdXJjZXMiOlsicHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUlBLCtCQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGlDQUFjLHFDQUFxQyxDQUFDO0FBQ3BELHNDQUFjLHVDQUF1QyxDQUFDO0FBQ3RELDhCQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2ay1yb2xlc1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3ZrLXJvbGVzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy92ay1yb2xlcy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9tb2RhbC92ay1yb2xlcy5tb2RhbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92ay1yb2xlcy5tb2R1bGUnO1xuIl19 |
@@ -9,4 +9,3 @@ /** | ||
| */ | ||
| export { VkRolesService, VkRolesComponent, VkRolesModule } from './public-api'; | ||
| export { VkRolesModalComponent as ɵa } from './lib/components/modal/vk-roles.modal'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92ay1yb2xlcy8iLCJzb3VyY2VzIjpbInZrLXJvbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsZ0VBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtWa1JvbGVzTW9kYWxDb21wb25lbnQgYXMgybVhfSBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vZGFsL3ZrLXJvbGVzLm1vZGFsJzsiXX0= | ||
| export { VkRolesService, VkRolesComponent, VkRolesModalComponent, VkRolesModule } from './public-api'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmstcm9sZXMuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92ay1yb2xlcy8iLCJzb3VyY2VzIjpbInZrLXJvbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsdUZBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 |
@@ -509,3 +509,3 @@ import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http'; | ||
| export { VkRolesComponent, VkRolesModule, VkRolesService, VkRolesModalComponent as ɵa }; | ||
| export { VkRolesComponent, VkRolesModalComponent, VkRolesModule, VkRolesService }; | ||
| //# sourceMappingURL=vk-roles.js.map |
@@ -585,3 +585,3 @@ import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http'; | ||
| export { VkRolesComponent, VkRolesModule, VkRolesService, VkRolesModalComponent as ɵa }; | ||
| export { VkRolesComponent, VkRolesModalComponent, VkRolesModule, VkRolesService }; | ||
| //# sourceMappingURL=vk-roles.js.map |
| { | ||
| "name": "vk-roles", | ||
| "version": "0.0.14", | ||
| "version": "0.0.16", | ||
| "peerDependencies": { | ||
@@ -5,0 +5,0 @@ "@angular/common": "^8.2.14", |
| export * from './lib/services/vk-roles.service'; | ||
| export * from './lib/components/vk-roles.component'; | ||
| export * from './lib/components/modal/vk-roles.modal'; | ||
| export * from './lib/vk-roles.module'; |
@@ -5,2 +5,1 @@ /** | ||
| export * from './public-api'; | ||
| export { VkRolesModalComponent as ɵa } from './lib/components/modal/vk-roles.modal'; |
@@ -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"}],"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 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 \r\n <!-- <div class=\"requesting\" *ngIf=\"(action === 'Creando...'|| action === 'Actualizando...')\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\"></mat-progress-bar>\r\n <p>{{ action }}</p>\r\n </div>\r\n <div *ngIf=\"action === 'error'\" class=\"actions\">\r\n <div class=\"submit-error-msg\">\r\n Ocurrió un error al procesar el chofer. Por favor, intente nuevamente.\r\n </div>\r\n </div> -->\r\n </form>\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":17,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":17,"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","module":"projects/vk-roles/src/public-api","name":"VkRolesService","line":19,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":20,"character":25},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":21,"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 <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"}]}},"VkRolesModalComponent":{"__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 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 \r\n <!-- <div class=\"requesting\" *ngIf=\"(action === 'Creando...'|| action === 'Actualizando...')\">\r\n <mat-progress-bar color=\"warn\" mode=\"indeterminate\"></mat-progress-bar>\r\n <p>{{ action }}</p>\r\n </div>\r\n <div *ngIf=\"action === 'error'\" class=\"actions\">\r\n <div class=\"submit-error-msg\">\r\n Ocurrió un error al procesar el chofer. Por favor, intente nuevamente.\r\n </div>\r\n </div> -->\r\n </form>\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":17,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":17,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"VkRolesModalComponent"}]},{"__symbolic":"reference","module":"projects/vk-roles/src/public-api","name":"VkRolesService","line":19,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":20,"character":25},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":21,"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"}]}},"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":"VkRolesModalComponent"}],"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"}],"entryComponents":[{"__symbolic":"reference","name":"VkRolesModalComponent"}]}]}],"members":{}}},"origins":{"VkRolesService":"./lib/services/vk-roles.service","VkRolesComponent":"./lib/components/vk-roles.component","VkRolesModalComponent":"./lib/components/modal/vk-roles.modal","VkRolesModule":"./lib/vk-roles.module"},"importAs":"vk-roles"} |
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-0.02%
341328
No dependency changes