Modificación de responsive y avance del formulario

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

@@ -1,7 +1,7 @@
 <main class="main-container animated fadeIn">
     <app-btn-navigate navigate="goback" nameButton="Regresar"/>
     <mat-card class="override-card override-elevation-z8">
-        <mat-card-title class="mat-card-title centre">Creación de formulario dinámico</mat-card-title>
+        <mat-card-title class="mat-card-title centre">{{ title }}</mat-card-title>
 
         <main class="main_content">
 

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

@@ -51,7 +51,9 @@ export class FormsManagementFormComponent implements OnInit {
 
   public arrInformationValidate: InformationValidate[];
 
-  public idForm: string;
+  public title: string;
+  public idForm!: string;
+  public typeForm!: 'R'|'M';
 
   @ViewChild('stepper') stepper!: MatStepper;
 
@@ -78,7 +80,7 @@ export class FormsManagementFormComponent implements OnInit {
     this.arrIdentifiers = [];
     this.arrTableColumns = [];
     this.arrInformationValidate = [];
-    this.idForm = '';
+    this.title = '...';
   }
   async ngOnInit() {
     this.isLoading = true;
@@ -120,7 +122,19 @@ export class FormsManagementFormComponent implements OnInit {
       const STR_FORM: string = await this._encService.decrypt(FORM);
       const DATA_FORM = JSON.parse(STR_FORM);
 
-      DATA_FORM.ID_FORM
+      this.typeForm = DATA_FORM.TYPE_FORM;
+      
+      if (this.typeForm === 'R') {
+        this.title = `Creación de formulario dinámico`;
+      } else if (this.typeForm === 'M') {
+        this.title = `Modificación del formulario dinámico`;
+        this.idForm = DATA_FORM.ID_FORM;
+
+        await this._getFormById(this.idForm);
+      } else {
+        this.resourcesService.openSnackBar(`Opción del tipo de formulario no disponible.`);
+        this.resourcesService.goBack();
+      }
 
     } else {
       this.resourcesService.openSnackBar(`Ocurrió un error al obtener los datos del formulario.`);
@@ -128,6 +142,13 @@ export class FormsManagementFormComponent implements OnInit {
     }
   }
 
+  private async _getFormById(idForm: string) {
+
+    const ID_FORM: string = await this._encService.encrypt(idForm);
+    const USUARIO: string = this.resourcesService.getUser();
+    const NUMERO_LINEA: number = this.resourcesService.getLineNumber();
+  }
+
   private async _getModulesAviable() {
     this.isLoadingFieldModule = true;
     const USER: string = this.resourcesService.getUser();

sistema-mantenimiento-front/src/app/components/inventory-management/warehouse-management/level-management/level-management.component.html

@@ -88,10 +88,10 @@
                                     <mat-icon>inbox</mat-icon> Ver zonas
                                 </button>
                                 <button mat-menu-item (click)="goForm('UPD', element)" [disabled]="element.ESTADO === 'Eliminado'">
-                                    <mat-icon>edit</mat-icon> Editar zona
+                                    <mat-icon>edit</mat-icon> Editar nivel
                                 </button>
                                 <button mat-menu-item (click)="alert('ELI', element)" [disabled]="element.ESTADO === 'Eliminado'">
-                                    <mat-icon>delete</mat-icon> Eliminar zona
+                                    <mat-icon>delete</mat-icon> Eliminar nivel
                                 </button>
                             </mat-menu>
                         </td>

sistema-mantenimiento-front/src/environments/environment.prod.ts

@@ -119,10 +119,10 @@ export const supportedFiles = [
 ];
 
 export const validateRFC = "/^([A-ZÑ&]{3,4}) ?(?:- ?)?(\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\d|3[01])) ?(?:- ?)?([A-Z\d]{2})([A\d])$/";
-//export const socket = 'http://localhost:3200';
-export const socket = 'https://a9cf-209-50-56-224.ngrok-free.app';
-//export const apiTemp = `http://192.168.100.105:8000/api/`;
-export const apiTemp = 'http://git.ittec.mx/sam/public/api/';
+export const socket = 'http://localhost:3200';
+// export const socket = 'https://a9cf-209-50-56-224.ngrok-free.app';
+export const apiTemp = `http://192.168.100.105:8000/api/`;
+// export const apiTemp = 'http://git.ittec.mx/sam/public/api/';
 
 
 /*******************************************************************************/