style: Add new invoice state styles

CarlosPavajeau · Apr 4, 2021 · 7abca04 · 7abca04
1 parent e55668a
commit 7abca04
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/...tApp/src/app/modules/payments/components/service-invoices/service-invoices.component.html b/...tApp/src/app/modules/payments/components/service-invoices/service-invoices.component.html
@@ -35,7 +35,11 @@ <h1>Facturas de servicio</h1>
             <ng-container matColumnDef="state">
               <th mat-header-cell *matHeaderCellDef>Estado</th>
               <td mat-cell *matCellDef="let serviceInvoice">
-                {{ serviceInvoice.state | invoiceState }}
+                <mat-chip-list>
+                  <mat-chip [class]="'invoice-state-' + serviceInvoice?.state">
+                    {{ serviceInvoice.state | invoiceState }}
+                  </mat-chip>
+                </mat-chip-list>
               </td>
             </ng-container>
             <ng-container matColumnDef="iva">

diff --git a/...tApp/src/app/modules/payments/components/service-invoices/service-invoices.component.scss b/...tApp/src/app/modules/payments/components/service-invoices/service-invoices.component.scss
@@ -0,0 +1,9 @@
+.invoice-state-2 {
+  color: white;
+  background: var(--forest-green-web);
+}
+
+.invoice-state-3 {
+  color: white;
+  background: var(--vivid_red);
+}