From 2784387b12861fffd28cba1b5c1b2d7dbcb352c8 Mon Sep 17 00:00:00 2001
From: piratefinn <toyou1995@gmail.com>
Date: Wed, 20 Dec 2017 13:41:13 +0000
Subject: [PATCH] added varying colors based on sector

---
 .../dashboard-customer.component.html         |  2 +-
 .../dashboard/dashboard-customer.component.ts | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/app/dashboard/dashboard-customer.component.html b/src/app/dashboard/dashboard-customer.component.html
index 697c23c..ab19c9b 100644
--- a/src/app/dashboard/dashboard-customer.component.html
+++ b/src/app/dashboard/dashboard-customer.component.html
@@ -85,7 +85,7 @@
             <ul class="icons-list">
               <!-- New loop  -->
               <li *ngFor="let sector of sectorLetters | slice:0:sectorLimit; let i=index">
-                <i [ngClass]="sectorIcons [sector] || 'icon-question'" class="bg-primary"></i>
+                <i [ngClass]="[sectorIcons [sector] || 'icon-question', sectorClasses [sector] || 'bg-info']"></i>
                 <div class="desc">
                   <div class="title">{{ sectorNames [sector] || 'N/A' }}</div>
                 </div>
diff --git a/src/app/dashboard/dashboard-customer.component.ts b/src/app/dashboard/dashboard-customer.component.ts
index 1d9b145..54867f2 100644
--- a/src/app/dashboard/dashboard-customer.component.ts
+++ b/src/app/dashboard/dashboard-customer.component.ts
@@ -78,6 +78,30 @@ export class DashboardCustomerComponent implements OnInit {
     U: 'icon-globe',
   }
 
+  sectorClasses = {
+    A: 'bg-primary',
+    B: 'bg-success',
+    C: 'bg-danger',
+    D: 'bg-warning',
+    E: 'bg-info',
+    F: 'bg-primary',
+    G: 'bg-success',
+    H: 'bg-danger',
+    I: 'bg-warning',
+    J: 'bg-info',
+    K: 'bg-primary',
+    L: 'bg-success',
+    M: 'bg-danger',
+    N: 'bg-warning',
+    O: 'bg-info',
+    P: 'bg-primary',
+    Q: 'bg-success',
+    R: 'bg-danger',
+    S: 'bg-warning',
+    T: 'bg-info',
+    U: 'bg-primary',
+  }
+
   sectorLetters: string[] = [];
   sectorPurchases: number[] = [];
   sectorLimit: number = 10;