subo más cambios

src/app/components/corrective-maintenance/corrective-maintenance.component.html

@@ -1,9 +1,9 @@
 <div class="module-container">
   <div id="navigation" class="mb-8 animated fadeIn" style="float: left; margin: 20px;">
-    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8"
+    <div class="prev-page prevent-select raised-button-background mat-elevation-z8"
     [routerLink]="['/sam/home']" matRipple>
       <mat-icon style="color: white;">arrow_back</mat-icon>
-      <div class="page-name ml-4">Regresar</div>
+      <div class="page-name ml-4 ">Regresar</div>
     </div>
   </div>
   

src/app/components/corrective-maintenance/maintenance-planning/maintenance-planning.component.html

@@ -1,7 +1,7 @@
 <main class="main-container animated fadeIn prevent-select" (window:resize)="onResize()">
 
   <header id="navigation" class="btn-navigate mb-8">
-    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" (click)="goBack(1)" matRipple>
+    <div class="prev-page prevent-select raised-button-background  mat-elevation-z8" (click)="goBack(1)" matRipple>
       <mat-icon style="color: white;">arrow_back</mat-icon>
       <div class="page-name ml-4">Gestión de mantenimiento correctivo</div>
     </div>
@@ -23,10 +23,10 @@
             </button>
           </mat-form-field>
           <div class="override-buttons">
-            <button mat-flat-button color="primary" class="mr-10 animated fadeIn" (click)="openMaintenancePlan('nuevo', null)">
+            <button mat-flat-button  class="mr-10 animated fadeIn raised-button-background " (click)="openMaintenancePlan('nuevo', null)">
               <mat-icon>add</mat-icon> Registrar plan de mantenimiento
             </button>
-            <button mat-mini-fab class="cyan_dark_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" 
+            <button mat-mini-fab class="orange_primary_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" 
             (click)="getMaintenancePlans()">
               <mat-icon>refresh</mat-icon>
             </button>
@@ -99,9 +99,9 @@
           <ng-container matColumnDef="ACCIONES">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>Acciones</th>
             <td mat-cell *matCellDef="let row">
-              <button mat-mini-fab color="primary" class="override_no_shadow" matTooltip="Ver opciones" [matMenuTriggerFor]="menu" 
+              <button mat-mini-fab color="primary" class="override_no_shadow transparent_background gray_dark_font" matTooltip="Ver opciones" [matMenuTriggerFor]="menu" 
               [disabled]="row.ESTADO == 'Eliminado'">
-                <mat-icon>settings</mat-icon>
+                <mat-icon>more_vert</mat-icon>
               </button>
               <mat-menu #menu>
                 <button mat-menu-item (click)="openMaintenancePlan('editar', row.ID_PLAN)">

src/app/components/corrective-maintenance/maintenance-planning/plan-register/plan-register.component.html

@@ -1,6 +1,6 @@
 <div class="items-container animated fadeIn prevent-select" (window:resize)="onResize()">
   <div id="navigation" class="mb-8">
-    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" (click)="goBack(1)" matRipple>
+    <div class="prev-page prevent-select raised-button-background mat-elevation-z8" (click)="goBack(1)" matRipple>
       <mat-icon style="color: white;">arrow_back</mat-icon>
       <div class="page-name ml-4">Planes de mantenimiento correctivo</div>
     </div>
@@ -391,11 +391,11 @@
                 <ng-container matColumnDef="ACCIONES">
                   <th mat-header-cell *matHeaderCellDef>Acciones</th>
                   <td mat-cell *matCellDef="let row">
-                    <button mat-mini-fab class="override_no_shadow mr-4" [ngClass]="{ amber_primary_background: !deleteFilesDisabled }" 
+                    <button mat-mini-fab class="override_no_shadow mr-4 white_font green_primary_background" [ngClass]="{ green_primary_background: !deleteFilesDisabled }" 
                     (click)="downloadFile(row.id)" [disabled]="deleteFilesDisabled" *ngIf="row.isFinalFile">
                       <mat-icon>download</mat-icon>
                     </button>
-                    <button mat-mini-fab color="warn" class="override_no_shadow" (click)="openDeleteFileAlert(row.id)" 
+                    <button mat-mini-fab color="warn" class="override_no_shadow white_font red_primary_background" (click)="openDeleteFileAlert(row.id)" 
                     [disabled]="deleteFilesDisabled">
                       <mat-icon>delete</mat-icon>
                     </button>

src/app/components/corrective-maintenance/operations-management/corrective-order-form-without-measures/corrective-order-form-without-measures.component.html

@@ -1,7 +1,7 @@
 <div class="animated fadeIn prevent-select" (window:resize)="onResize()" [ngClass]="{ items_container: screenSize > 640, 
 items_container_full_width: screenSize <= 640 }">
   <div id="navigation" class="mb-8">
-    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" (click)="goBack(1)" matRipple>
+    <div class="prev-page prevent-select raised-button-background mat-elevation-z8" (click)="goBack(1)" matRipple>
       <mat-icon style="color: white;">arrow_back</mat-icon>
       <div class="page-name ml-4">Órdenes de trabajo correctivo</div>
     </div>

src/app/components/corrective-maintenance/operations-management/corrective-order-form/corrective-order-form.component.html

@@ -1,7 +1,7 @@
 <div class="animated fadeIn prevent-select" (window:resize)="onResize()" [ngClass]="{ items_container: screenSize > 640, 
 items_container_full_width: screenSize <= 640 }">
   <div id="navigation" class="mb-8">
-    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" (click)="goBack(1)" matRipple>
+    <div class="prev-page prevent-select raised-button-background mat-elevation-z8" (click)="goBack(1)" matRipple>
       <mat-icon style="color: white;">arrow_back</mat-icon>
       <div class="page-name ml-4">Órdenes de trabajo correctivo</div>
     </div>
@@ -332,12 +332,12 @@ items_container_full_width: screenSize <= 640 }">
             <div class="form-cell w-100" [ngClass]="{ attached_horizontal: screenSize > 960, attached_vertical: screenSize <= 960 }">
               <div class="attached-container" [ngClass]="{ ac_horizontal: screenSize > 960, ac_vertical: screenSize <= 960 }">
                 <div class="buttons-container" [ngClass]="{ bc_horizontal: screenSize > 960, bc_vertical: screenSize <= 960 }">
-                  <div class="attach-button indigo_primary_background" (click)="openFileUploader()" matRipple [ngClass]="{
+                  <div class="attach-button raised-button-background" (click)="openFileUploader()" matRipple [ngClass]="{
                   ab_horizontal: screenSize > 960, ab_vertical: screenSize <= 960  }">
                     <mat-icon style="transform: scale(1);">attach_file_add</mat-icon>
                     <p style="margin-top: 0px;margin-bottom:0;font-size: 16px;">Añadir nuevo archivo</p>
                   </div>
-                  <div class="attach-button indigo_primary_background" (click)="searchExistingFile()" matRipple [ngClass]="{
+                  <div class="attach-button raised-button-background" (click)="searchExistingFile()" matRipple [ngClass]="{
                   ab_horizontal: screenSize > 960, ab_vertical: screenSize <= 960  }">
                     <mat-icon style="transform: scale(1);">link</mat-icon>
                     <p style="margin-top: 0px;margin-bottom:0;font-size: 16px;">Añadir archivo existente</p>

src/app/components/corrective-maintenance/operations-management/operations-management.component.html

@@ -2,7 +2,7 @@
   <a class="hidden" id="download"></a>
 
   <header id="navigation" class="btn-navigate mb-8">
-    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" [routerLink]="['/sam/GMCO']" matRipple>
+    <div class="prev-page prevent-select raised-button-background mat-elevation-z8" [routerLink]="['/sam/GMCO']" matRipple>
       <mat-icon style="color: white;">arrow_back</mat-icon>
       <div class="page-name ml-4">Gestión de mantenimiento correctivo</div>
     </div>
@@ -30,7 +30,7 @@
             *ngIf="!btnSmall" [disabled]="!workOrderGenerationEnabled || (isLoading && !hasError)">
               <mat-icon>add</mat-icon> Registrar orden de trabajo
             </button>
-            <button mat-mini-fab color="primary" class="override_no_shadow mr-10 animated fadeIn" [matMenuTriggerFor]="menu" 
+            <button mat-mini-fab color="primary" class="override_no_shadow mr-10 animated fadeIn raised-button-background" [matMenuTriggerFor]="menu" 
             *ngIf="btnSmall" matTooltip="Registrar orden de trabajo" [disabled]="!workOrderGenerationEnabled || (isLoading && !hasError)">
               <mat-icon>add</mat-icon>
             </button>
@@ -44,7 +44,7 @@
                 <mat-icon>disabled_by_default</mat-icon>
               </button>
             </mat-menu>
-            <button mat-mini-fab class="cyan_dark_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" (click)="changeOperationsTable()">
+            <button mat-mini-fab class="orange_primary_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" (click)="changeOperationsTable()">
               <mat-icon>refresh</mat-icon>
             </button>
           </div>
@@ -121,8 +121,8 @@
           <ng-container matColumnDef="ACCIONES">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>Acciones</th>
             <td mat-cell *matCellDef="let row">
-              <button mat-mini-fab color="primary" class="override_no_shadow" [matMenuTriggerFor]="menu" [disabled]="row.ESTADO == 'Eliminado'">
-                <mat-icon>settings</mat-icon>
+              <button mat-mini-fab color="primary" class="override_no_shadow transparent_background gray_dark_font" [matMenuTriggerFor]="menu" [disabled]="row.ESTADO == 'Eliminado'">
+                <mat-icon>more_vert</mat-icon>
               </button>
               <mat-menu #menu>
                 <button mat-menu-item (click)="openWorkOrder('editar', row.ID_ORDEN)" [disabled]="row.TIPO_ACTIVACION == 'Automática'">

src/app/components/corrective-maintenance/security-management/security-management.component.html

@@ -1,6 +1,6 @@
 <div class="active-orders-container prevent-select" (window:resize)="onResize()">
   <div class="active-orders-toolbar animated fadeIn">
-    <div class="prev-page indigo_primary_background mat-elevation-z8" matRipple 
+    <div class="prev-page raised-button-background mat-elevation-z8" matRipple 
     [routerLink]="['/sam/GMCO']">
       <mat-icon style="color: white;">arrow_back</mat-icon>
       <div class="page-name ml-4">Gestión de mantenimiento correctivo</div>
@@ -29,10 +29,10 @@
             (click)="applyFilter('', 'EST')" matSuffix>close</mat-icon>
           </mat-form-field>
           <div class="separator"></div>
-          <button mat-flat-button color="primary" class="override_no_shadow mr-10 animated fadeIn" (click)="openSecurityManagementForm('Registrar', null)">
+          <button mat-flat-button color="primary" class="override_no_shadow mr-10 animated fadeIn raised-button-background" (click)="openSecurityManagementForm('Registrar', null)">
             <mat-icon>add</mat-icon> Registrar gerencia de seguridad
           </button>
-          <button mat-mini-fab class="cyan_dark_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" (click)="getSecurityManagements()">
+          <button mat-mini-fab class="orange_primary_background white_font override_no_shadow mr-10" matTooltip="Actualizar datos" (click)="getSecurityManagements()">
             <mat-icon>refresh</mat-icon>
           </button>
         </div>
@@ -72,16 +72,16 @@
             <ng-container matColumnDef="ACCIONES">
               <th mat-header-cell *matHeaderCellDef>Acciones</th>
               <td mat-cell *matCellDef="let row">
-                <button mat-mini-fab color="primary" matTooltip="Editar gerencia" class="override_no_shadow mr-4" 
+                <button mat-mini-fab color="primary" matTooltip="Editar gerencia" class="override_no_shadow mr-4 white_font orange_primary_background" 
                 (click)="openSecurityManagementForm('Editar', row.ID_GERENCIA_SEGURIDAD)" [disabled]="row.ESTADO == 'Eliminado'">
                   <mat-icon>edit</mat-icon>
                 </button>
-                <button mat-mini-fab [ngClass]="{ blue_gray_primary_background: row.ESTADO != 'Eliminado', white_font: row.ESTADO != 'Eliminado' }" 
+                <button mat-mini-fab [ngClass]="{ pink_primary_background: row.ESTADO != 'Eliminado', white_font: row.ESTADO != 'Eliminado' }" 
                 class="override_no_shadow mr-4" matTooltip="Ver detalles" (click)="openSecurityManagementDetails(row.ID_GERENCIA_SEGURIDAD)" 
                 [disabled]="row.ESTADO == 'Eliminado'">
                   <mat-icon>visibility</mat-icon>
                 </button>
-                <button mat-mini-fab color="warn" matTooltip="Eliminar gerencia" class="override_no_shadow" 
+                <button mat-mini-fab color="warn" matTooltip="Eliminar gerencia" class="override_no_shadow red_primary_background white_font" 
                 (click)="openDeleteConfirm(row.ID_GERENCIA_SEGURIDAD)" [disabled]="row.ESTADO == 'Eliminado'">
                   <mat-icon>delete</mat-icon>
                 </button>