From 6a82c1fe628459d7428540f8b9e4eb30ae08fc44 Mon Sep 17 00:00:00 2001
From: piratefinn <toyou1995@gmail.com>
Date: Mon, 18 Jun 2018 12:08:50 +0100
Subject: [PATCH] fixed icon colours and icons

---
 src/app/dashboard/dashboard-customer.component.html | 2 +-
 src/app/dashboard/dashboard-customer.component.ts   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/dashboard/dashboard-customer.component.html b/src/app/dashboard/dashboard-customer.component.html
index f2067cc..7141abd 100644
--- a/src/app/dashboard/dashboard-customer.component.html
+++ b/src/app/dashboard/dashboard-customer.component.html
@@ -147,7 +147,7 @@
             <ul class="icons-list">
               <!-- New loop  -->
               <li *ngFor="let category of totalCategoryList | slice:0:totalCategoryLimit; let i=index">
-                <i [ngClass]="[ 'icon-question', 'bg-info']"></i>
+                <i [ngClass]="['icon-' + category.icon, getBootstrapColour(i)]"></i>
                 <div class="desc">
                   <div class="title">{{ category.category || 'N/A' }}</div>
                 </div>
diff --git a/src/app/dashboard/dashboard-customer.component.ts b/src/app/dashboard/dashboard-customer.component.ts
index c7b613c..5b0cb04 100644
--- a/src/app/dashboard/dashboard-customer.component.ts
+++ b/src/app/dashboard/dashboard-customer.component.ts
@@ -25,6 +25,9 @@ export class DashboardCustomerComponent implements OnInit {
 
   disableCategoryButton: boolean = false;
 
+  public bootstrapColours: string[] = ['bg-primary', 'bg-secondary', 'bg-success',
+'bg-danger', 'bg-warning', 'bg-info'];
+
   public chartType = 'doughnut';
   public chartLegend = true;
   public doughnutChartDataCategory: any[] = [];
@@ -205,6 +208,10 @@ export class DashboardCustomerComponent implements OnInit {
     this.totalCategoryLimit = 30;
   }
 
+  public getBootstrapColour(index: number) {
+    return this.bootstrapColours[index % this.bootstrapColours.length];
+  }
+
   public convertHex(hex: string, opacity: number) {
     hex = hex.replace('#', '');
     const r = parseInt(hex.substring(0, 2), 16);