SistemaMantenimiento/sistema-mantenimiento-front/src/app/components/template/template.component.html

<mat-toolbar>
    <mat-toolbar-row>
        <button type="button" mat-button (click)="drawer.toggle()">
            <mat-icon style="color: white">menu</mat-icon>
        </button>
        <span style="color: white"> Sistema de Apoyo al Mantenimiento - SAM</span>
        <button mat-button style="color: white; margin-left: 1300px;" (click)="logout()">
            <mat-icon>logout</mat-icon> Cerra Sesión
        </button>
    </mat-toolbar-row>
</mat-toolbar>

<mat-drawer-container class="example-container" autosize>
    <mat-drawer #drawer class="example-sidenav" mode="side">
        <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 Adquisiciones
                    </mat-panel-title>
                    <mat-panel-description>
                    </mat-panel-description>
                </mat-expansion-panel-header>
                <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>
                    <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>
        <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 Usuarios
                    </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>
                </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">
                        Módulo de Gestión de Stock
                    </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 Mantenimiento Preventivo
                    </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 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">
                        <mat-icon>widgets</mat-icon> Gestionar Tablas
                    </button>
                </div>
            </mat-expansion-panel>
        </div>
    </mat-drawer>
    <div class="sidenav-content">
        <router-outlet></router-outlet>
    </div>
</mat-drawer-container>
<footer></footer>