Modificación de responsive 2

sistema-mantenimiento-front/src/app/components/acquisition-management/provider/artitle/artitle-form/artitle-form.component.html

@@ -64,7 +64,7 @@
           [txtLoading]="'Cargando las información del artículo'"
         />
 
-        <div style="overflow: auto;">
+        <div style="overflow: auto; overflow: auto; height: calc(100vh - 422px);">
           <table mat-table [dataSource]="dataSourceInformation" matSort [style.display]="isLoading ? 'none' : 'revert'">
             <ng-container matColumnDef="IMAGEN">
               <th mat-header-cell *matHeaderCellDef>Imagén</th>
@@ -136,7 +136,7 @@
         
       </div>
     </section>
-    <div class="align-end">
+    <div class="align-end" style="background-color: #FFFFFF;">
       <mat-divider></mat-divider>
       <!-- (click)="createObjectResponse()" -->
       <button

sistema-mantenimiento-front/src/app/components/forms-management/forms-management-form/configurate-input/configurate-input.component.ts

@@ -101,8 +101,15 @@ export class ConfigurateInputComponent implements OnInit {
       this.formGroup.controls['ICONO'].setValue(COMPONENTS.ICONO);
       this.formGroup.controls['VALOR_DEFECTO'].setValue(COMPONENTS.VALOR_DEFECTO);
       this.formGroup.controls['PATRON_VALIDACION'].setValue(COMPONENTS.PATRON_VALIDACION);
-      this.formGroup.controls['MENSAJE_ERROR_VALIDACION'].setValue(COMPONENTS.MENSAJE_ERROR_VALIDACION);            
-      this.formGroup.controls['PERMISOS'].setValue(this.arrUsers);
+      this.formGroup.controls['MENSAJE_ERROR_VALIDACION'].setValue(COMPONENTS.MENSAJE_ERROR_VALIDACION);  
+
+      let USER_PERMISSION: string[] = [];
+      for (const userPermission of COMPONENTS.PERMISOS) {
+        const USER: string = await this._encService.decrypt(userPermission);
+        USER_PERMISSION.push(USER);
+      }
+
+      this.formGroup.controls['PERMISOS'].setValue(USER_PERMISSION);
       this.formGroup.controls['PERMISOS'].setValue(COMPONENTS.PERMISOS);
       this.formGroup.controls['DESHABILITAR'].setValue(COMPONENTS.DESHABILITAR);
       this.formGroup.controls['REQUERIDO'].setValue(COMPONENTS.REQUERIDO);
@@ -198,45 +205,9 @@ export class ConfigurateInputComponent implements OnInit {
     this.formGroup.controls['TAMANO_COLUMNA'].setValue(columnNumber)
   }
   
-  public openExampleInput() {
+  public async openExampleInput() {
 
-    let columna = this.formGroup.controls['COLUMNA'].value;
-    let etiqueta = this.formGroup.controls['ETIQUETA'].value;
-    let identificador = this.formGroup.controls['IDENTIFICADOR'].value;
-    let tipoCampo = this.formGroup.controls['TIPO_CAMPO'].value;
-    let nombreCampo = this.formGroup.controls['NOMBRE_CAMPO'].value;
-    let placeholder = this.formGroup.controls['PLACEHOLDER'].value;
-    let longitudCampoMinimo = this.formGroup.controls['LONGITUD_CAMPO_MINIMO'].value;
-    let longitudCampoMaximo = this.formGroup.controls['LONGITUD_CAMPO_MAXIMO'].value;
-    let icono = this.formGroup.controls['ICONO'].value;
-    let valorDefecto = this.formGroup.controls['VALOR_DEFECTO'].value;
-    let patronValidacion = this.formGroup.controls['PATRON_VALIDACION'].value;
-    let mensajeErrorValidacion = this.formGroup.controls['MENSAJE_ERROR_VALIDACION'].value;
-    let permisos = this.formGroup.controls['PERMISOS'].value;
-    let deshabilitar = this.formGroup.controls['DESHABILITAR'].value;
-    let requerido = this.formGroup.controls['REQUERIDO'].value;
-    let soloLectura = this.formGroup.controls['SOLO_LECTURA'].value;
-    let tamanoColumna = this.formGroup.controls['TAMANO_COLUMNA'].value;
-
-    const COMPONENT_INPUT: ComponentInformationInput = {
-      COLUMNA: columna,
-      ETIQUETA: etiqueta,
-      IDENTIFICADOR: identificador,
-      TIPO_CAMPO: tipoCampo,
-      NOMBRE_CAMPO: nombreCampo,
-      PLACEHOLDER: placeholder,
-      LONGITUD_CAMPO_MINIMO: longitudCampoMinimo,
-      LONGITUD_CAMPO_MAXIMO: longitudCampoMaximo,
-      ICONO: icono,
-      VALOR_DEFECTO: valorDefecto,
-      PATRON_VALIDACION: patronValidacion,
-      MENSAJE_ERROR_VALIDACION: mensajeErrorValidacion,
-      DESHABILITAR: deshabilitar,
-      REQUERIDO: requerido,
-      SOLO_LECTURA: soloLectura,
-      PERMISOS: permisos,
-      TAMANO_COLUMNA: tamanoColumna,
-    }
+    const COMPONENT_INPUT: ComponentInformationInput = await this._createComponentInput();
 
     this._dialog.open(ExampleComponentComponent, {
       data: {
@@ -247,7 +218,7 @@ export class ConfigurateInputComponent implements OnInit {
     });
   }
 
-  public saveComponent() {
+  public async saveComponent() {
     this._dialog.open(AlertComponent, {
       data: {
         title: 'Confirmación',
@@ -255,9 +226,11 @@ export class ConfigurateInputComponent implements OnInit {
         icon: 'warning',
       },
       disableClose: true,
-    }).afterClosed().subscribe((response) => {
+    }).afterClosed().subscribe(async (response) => {
       if (response) {
-        this._dialogRef.close(this.formGroup.value);
+        const COMPONENT_INPUT: ComponentInformationInput = await this._createComponentInput();
+        
+        this._dialogRef.close(COMPONENT_INPUT);
       }
     });
   }
@@ -271,7 +244,7 @@ export class ConfigurateInputComponent implements OnInit {
     return true;
   }
 
-  private _createComponentInput() {
+  private async _createComponentInput(): Promise<ComponentInformationInput> {
     let columna = this.formGroup.controls['COLUMNA'].value;
     columna = columna.toString().trim();
     let etiqueta = this.formGroup.controls['ETIQUETA'].value;
@@ -319,6 +292,7 @@ export class ConfigurateInputComponent implements OnInit {
       PERMISOS: PERMISOS_ENC,
       TAMANO_COLUMNA: tamanoColumna,
     }
+    return COMPONENT_INPUT;
   }
 
 }

sistema-mantenimiento-front/src/app/components/forms-management/forms-management-form/forms-management-form.component.ts

@@ -67,28 +67,44 @@ export class FormsManagementFormComponent implements OnInit {
         TYPE_COMPONENT: 'INPUT',
         COMPONENT: {
           COLUMNA: "AREA_COAR",
-          ETIQUETA: "Código del área",
+          ETIQUETA: "Código de área",
           IDENTIFICADOR: "AREA_COAR",
           TIPO_CAMPO: "text",
           NOMBRE_CAMPO: "AREA_COAR",
-          PLACEHOLDER: "Ingrese el código del área",
+          PLACEHOLDER: '',
           LONGITUD_CAMPO_MINIMO: null,
           LONGITUD_CAMPO_MAXIMO: 5,
-          ICONO: "house",
-          VALOR_DEFECTO: "",
+          ICONO: null,
+          VALOR_DEFECTO: null,
           PATRON_VALIDACION: null,
           MENSAJE_ERROR_VALIDACION: null,
-          PERMISOS: [
-            "0000000001",
-            "0000000002",
-            "0000000003"
-          ],
           DESHABILITAR: null,
           REQUERIDO: [
-            "PARA_REGISTRO",
-            "PARA_MODIFICACION"
+              "PARA_REGISTRO",
+              "PARA_MODIFICACION"
           ],
           SOLO_LECTURA: null,
+          PERMISOS: [
+              "b2prU0owQmloWkNKei9FSHFSeFQ1bUwrMU5JQTE4TE5Ca2M9fE44eWJJZTg0SFc1aGNjNXBwSVdscitvbXRORXlxQ1Z6",
+              "ZGFMbGgveUJLOTVQR1JJSmNxaGMreWNLUWlRS0xGMHJuemM9fDg5anl4Rkl3SjY1MmlEK1AreWU1TDFlbXlwZEN5M2tC",
+              "bU1mZk1QeEVlNE1lbXo2UVdIYkhjVTNKdm5SNGlqMXRyZHc9fERIVjhIcGg4V1pkRnhCYjZ1RTQ4R2RTM200Umtxc2p0",
+              "SVZ3YjVBL2NGRndDVzV1d1NnOTAyQlRhWjFGQy9NTG03Ulk9fFlrZnFSZTRsY3prdnBHdHFFRDZ0TFhnMitLUkx2Y3Vx",
+              "UEdkVUNqWWVqcGZ1YUthZzNraU9pWVFvRk9NODdIQ2pwSmM9fFZyTjh1RjJKcktzT0V3bWJJbkcxa0tZeVNDS1dYV3hD",
+              "Q3dvZElTczRXSmVIcGxYUERPcVdFNWVwaGNkVFBIVHlQU1E9fEJIUGxsRTc4SXFnYy90VjNkalpYNmczYzdqckVmSDA1",
+              "UnN6MEp5Ui9uT3JVYkdONEN6Nld2NUlJQUVSNkJWbkc4OWc9fFJ5cHB4L0tPNGM4MjkxM3dGQmVWWFBVekVEN0llTzg3",
+              "REVqeEJSdkRkclFlOXVKSVpFVVV5ZHRqTGtyL3pMU2Jtalk9fEVqMXpDUEI0UndnOVJLZTBMRmo0cnRqUjQxK2RDZXE1",
+              "QWVXaTI3b2cyYWR2Wk44VlBjbVdtb1dLYklLRG5XMUkxQVk9fFpKM3h5OVdpNllBNDl1Y0p3YzhQUEJIRnprN291S2NF",
+              "Tm4zZ1Fld2p3SjN2Nm1FVTV5REVXNnN4U2ljaXVOMXBsQVE9fHB4VHBWbjBkTkFrQjgrelc0aWxLcHArOTFLbkFEa0lC",
+              "Z3FkZEdxcWJXK3RCQ00rOGVBdjFqak1yQnU4aGtVY2JQd289fFk3Z29UZkVCSE1uK2FhUXExSTg5bXBzZmtzdEdhdmRZ",
+              "bElaQUFWRUp5a2gybGRnNmZyWGg0VWdScXQrenpWSXVnREE9fGU1dytqRVVvSTMxWXEwZjNxVEdES1JjbW5YazdHcSth",
+              "bjNIOTZCTFg3U3lXQ2Z6MWliSiszd2JCUmI2bWpLanlaMGs9fFZiTEZkMHBhUnJFT1lqTUJqQkxGU2g3ZE1kWFRudzVv",
+              "NkQ5VFhGd0FGYTByNm1ZOVZhYWdQRXNPQkV1VXVjR3dlNTg9fDhhT0E2RHloWDlMSDFxMG9ET0pZSUtyVVNkZGlkWUFx",
+              "WEs1aFlyUUlnb1VhdEtMbWxlcHNnYWdFMmZoMDNFb083M1k9fDhZVExKRkxBZGlEcUZIdmt1Q1REMzNHMUNDZnB5bUFt",
+              "QlE0YXZkWkMvZy9oWG9OczJCSUZ5R0JELzVlMDhjVjhqMzg9fExXdlJ0L1QxTkR6bEZJMmFWSDVnU2Vhems5VGgwVXNZ",
+              "a3cyZHRtU3RvTmdzVXJKeG9MVU1CeUp0emxIbFI4d084c3M9fE9BV05vY294c3U5MGFlS1Zkd28wT3R6RVdGODU3d1c1",
+              "VkNUNmJRRU9Md2JVOU92OEMvNU9yQm5vcE5rN1d5QkV3TkU9fEJmV2xZM1NHVnJ3b1RyL3hTQmYwL1ZDY3g1azk1VG9j",
+              "UDlCbDlwOEZHdUxUdFlPWHFkd2Y5WVlJMHlRSG5HNnJZcGM9fDlVUmdwMlR3c3hhZFFSS1d1VFpoVCtQbXljMTBtbWNj"
+          ],
           TAMANO_COLUMNA: 2
         }
       },
@@ -235,7 +251,8 @@ export class FormsManagementFormComponent implements OnInit {
             disableClose: true,
             width: '850px'
           }).afterClosed().subscribe((response: false | ComponentInformationInput) => {
-            if (response) {              
+            if (response) {    
+              console.log(response);
               this._move(event);
               this.arrDataForm[event.currentIndex] = {
                 TYPE_COMPONENT: 'INPUT',

sistema-mantenimiento-front/src/app/interfaces/forms-management/form-management.interface.ts

@@ -24,8 +24,8 @@ export interface ComponentInformationInput {
     PLACEHOLDER: string;
     LONGITUD_CAMPO_MINIMO: number | null;
     LONGITUD_CAMPO_MAXIMO: number | null;
-    ICONO: string;
-    VALOR_DEFECTO: string;
+    ICONO: string | null;
+    VALOR_DEFECTO: string | null;
     PATRON_VALIDACION: string | null;
     MENSAJE_ERROR_VALIDACION: string | null;
     PERMISOS: string[];