Fernanda Zavala Alpuche 3 år sedan
förälder
incheckning
e8d80f6636

+ 236 - 65
sistema-mantenimiento-front/src/app/components/template/template.component.html

@@ -17,20 +17,118 @@
                 class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
                 <mat-expansion-panel-header>
                     <mat-panel-title style="color: white">
-                        Adquisiciones
+                        Módulo de Adquisiciones
                     </mat-panel-title>
                     <mat-panel-description>
                     </mat-panel-description>
                 </mat-expansion-panel-header>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>app_registration</mat-icon> Registro de Adquisiciones
-                    </button>
+                <div>
+                    <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                        class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                        <mat-expansion-panel-header>
+                            <mat-panel-title style="color: white">
+                                Adquisiciones
+                            </mat-panel-title>
+                            <mat-panel-description>
+                            </mat-panel-description>
+                        </mat-expansion-panel-header>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>app_registration</mat-icon> Registro de Adquisiciones
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>local_shipping</mat-icon> Seguimiento de Pedidos
+                            </button>
+                        </div>
+                    </mat-expansion-panel>
                 </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>local_shipping</mat-icon> Seguimiento de Pedidos
-                    </button>
+                <div>
+                    <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                        class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                        <mat-expansion-panel-header>
+                            <mat-panel-title style="color: white">
+                                Proveedores
+                            </mat-panel-title>
+                            <mat-panel-description>
+                            </mat-panel-description>
+                        </mat-expansion-panel-header>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>attach_money</mat-icon> Solicitud de Precios
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>view_list</mat-icon> Catálogo de Proveedores
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>manage_accounts</mat-icon> Gestión Proveedores
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>assignment_ind</mat-icon> Información de Proveedores
+                            </button>
+                        </div>
+                    </mat-expansion-panel>
+                </div>
+                <div>
+                    <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                        class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                        <mat-expansion-panel-header>
+                            <mat-panel-title style="color: white">
+                                Despacho
+                            </mat-panel-title>
+                            <mat-panel-description>
+                            </mat-panel-description>
+                        </mat-expansion-panel-header>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>inventory</mat-icon> Recepción de Pedidos
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>report_problem</mat-icon> Seguimiento de Problemas
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>analytics</mat-icon> Análisis de Retrasos
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>incomplete_circle</mat-icon> Entregas Parciales
+                            </button>
+                        </div>
+                    </mat-expansion-panel>
+                </div>
+                <div>
+                    <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                        class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                        <mat-expansion-panel-header>
+                            <mat-panel-title style="color: white">
+                                Facturas
+                            </mat-panel-title>
+                            <mat-panel-description>
+                            </mat-panel-description>
+                        </mat-expansion-panel-header>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>list_alt</mat-icon> Consultar Facturas
+                            </button>
+                        </div>
+                        <div class="divBotones">
+                            <button mat-button style="color: white">
+                                <mat-icon>receipt_long</mat-icon> Facturas Pendientes
+                            </button>
+                        </div>
+                    </mat-expansion-panel>
                 </div>
             </mat-expansion-panel>
         </div>
@@ -39,29 +137,19 @@
                 class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
                 <mat-expansion-panel-header>
                     <mat-panel-title style="color: white">
-                        Proveedores
+                        Módulo de Usuarios
                     </mat-panel-title>
                     <mat-panel-description>
                     </mat-panel-description>
                 </mat-expansion-panel-header>
                 <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>attach_money</mat-icon> Solicitud de Precios
-                    </button>
-                </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>view_list</mat-icon> Catálogo de Proveedores
-                    </button>
-                </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>manage_accounts</mat-icon> Gestión Proveedores
+                    <button mat-button style="color: white" (click)="openViewUsersAdmin()">
+                        <mat-icon>person_add</mat-icon> Registrar Usuario
                     </button>
                 </div>
                 <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>assignment_ind</mat-icon> Información de Proveedores
+                    <button mat-button style="color: white" (click)="openViewProfilesAdmin()">
+                        <mat-icon>account_box</mat-icon> Perfil de Usuario
                     </button>
                 </div>
             </mat-expansion-panel>
@@ -71,31 +159,12 @@
                 class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
                 <mat-expansion-panel-header>
                     <mat-panel-title style="color: white">
-                        Despacho
+                        Módulo de Gestión de Stock
                     </mat-panel-title>
                     <mat-panel-description>
                     </mat-panel-description>
                 </mat-expansion-panel-header>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>inventory</mat-icon> Recepción de Pedidos
-                    </button>
-                </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>report_problem</mat-icon> Seguimiento de Problemas
-                    </button>
-                </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>analytics</mat-icon> Análisis de Retrasos
-                    </button>
-                </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>incomplete_circle</mat-icon> Entregas Parciales
-                    </button>
-                </div>
+
             </mat-expansion-panel>
         </div>
         <div>
@@ -103,21 +172,12 @@
                 class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
                 <mat-expansion-panel-header>
                     <mat-panel-title style="color: white">
-                        Facturas
+                        Módulo de Mantenimiento Preventivo
                     </mat-panel-title>
                     <mat-panel-description>
                     </mat-panel-description>
                 </mat-expansion-panel-header>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>list_alt</mat-icon> Consultar Facturas
-                    </button>
-                </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white">
-                        <mat-icon>receipt_long</mat-icon> Facturas Pendientes
-                    </button>
-                </div>
+
             </mat-expansion-panel>
         </div>
         <div>
@@ -125,24 +185,135 @@
                 class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
                 <mat-expansion-panel-header>
                     <mat-panel-title style="color: white">
-                        Usuarios
+                        Módulo de Mantenimiento Correctivo
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Gestión de Equipamiento
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Contadores y Activadores
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Gestión de los procesos (Workflow)
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Análisis de Fallas
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Panel de Control
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Gestión del Personal de Mantenimiento
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Presupuestos
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Gestión Documental Electrónica
+                    </mat-panel-title>
+                    <mat-panel-description>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+
+            </mat-expansion-panel>
+        </div>
+        <div>
+            <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false"
+                class="mat-expansion-panel ng-tns-c191-1 ng-star-inserted mat-expanded">
+                <mat-expansion-panel-header>
+                    <mat-panel-title style="color: white">
+                        Módulo de Gestión de Tablas
                     </mat-panel-title>
                     <mat-panel-description>
                     </mat-panel-description>
                 </mat-expansion-panel-header>
                 <div class="divBotones">
-                    <button mat-button style="color: white" (click)="openViewUsersAdmin()">
-                        <mat-icon>person_add</mat-icon> Registrar Usuario
-                    </button>
-                </div>
-                <div class="divBotones">
-                    <button mat-button style="color: white" (click)="openViewProfilesAdmin()">
-                        <mat-icon>account_box</mat-icon> Perfil de Usuario
+                    <button mat-button style="color: white">
+                        <mat-icon>widgets</mat-icon> Gestionar Tablas
                     </button>
                 </div>
             </mat-expansion-panel>
         </div>
-
     </mat-drawer>
     <div class="sidenav-content">
         <router-outlet></router-outlet>