From f4c9724097b850c431fb10f090e588d5d43b1162 Mon Sep 17 00:00:00 2001
From: piratefinn <toyou1995@gmail.com>
Date: Mon, 18 Dec 2017 17:20:38 +0000
Subject: [PATCH] added initial looping

---
 .../dashboard-customer.component.html         | 36 ++++++++++++-------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/app/dashboard/dashboard-customer.component.html b/src/app/dashboard/dashboard-customer.component.html
index 5be3628..3d4b094 100644
--- a/src/app/dashboard/dashboard-customer.component.html
+++ b/src/app/dashboard/dashboard-customer.component.html
@@ -116,14 +116,26 @@
           </div><!--/.row-->
           <div class="chart-wrapper">
             <ul class="icons-list">
-              <li>
-                <i [ngClass]="sectorIcons [sectorLetters[0]] || 'icon-question'" class="bg-primary"></i>
+              <!-- New loop  -->
+              <li *ngFor="let sector of sectorLetters; let i=index">
+                <i [ngClass]="sectorIcons [sector] || 'icon-question'" class="bg-primary"></i>
                 <div class="desc">
-                  <div class="title">Sector {{ sectorLetters[0] || 'N/A' }}</div>
-                  <div><small>{{ sectorNames [sectorLetters[0]] }}</small></div>
+                  <div class="title">{{ sectorNames [sector] || 'N/A' }}</div>
                 </div>
                 <div class="value">
-                  <div class="small text-muted">Bought from Sector</div>
+                  <div class="small text-muted">Bought</div>
+                  <strong>{{ sectorPurchases[i] || 'N/A' }}</strong>
+                </div>
+              </li>
+
+              <!-- Old code -->
+              <!-- <li>
+                <i [ngClass]="sectorIcons [sectorLetters[0]] || 'icon-question'" class="bg-primary"></i>
+                <div class="desc">
+                  <div class="title">{{ sectorNames [sectorLetters[0]] }}</div>
+                </div>
+                <div class="value">
+                  <div class="small text-muted">Bought</div>
                   <strong>{{ sectorPurchases[0] || 'N/A' }}</strong>
                 </div>
               </li>
@@ -134,7 +146,7 @@
                   <small>{{ sectorNames [sectorLetters[1]] || 'N/A' }}</small>
                 </div>
                 <div class="value">
-                  <div class="small text-muted">Bought from Sector</div>
+                  <div class="small text-muted">Bought</div>
                   <strong>{{ sectorPurchases[1] || 'N/A' }}</strong>
                 </div>
               </li>
@@ -145,7 +157,7 @@
                   <small>{{ sectorNames [sectorLetters[2]] || 'N/A' }}</small>
                 </div>
                 <div class="value">
-                  <div class="small text-muted">Bought from Sector</div>
+                  <div class="small text-muted">Bought</div>
                   <strong>{{ sectorPurchases[2] || 'N/A' }}</strong>
                 </div>
               </li>
@@ -156,7 +168,7 @@
                   <small>{{ sectorNames [sectorLetters[3]] || 'N/A' }}</small>
                 </div>
                 <div class="value">
-                  <div class="small text-muted">Bought from Sector</div>
+                  <div class="small text-muted">Bought</div>
                   <strong>{{ sectorPurchases[3] || 'N/A' }}</strong>
                 </div>
               </li>
@@ -167,7 +179,7 @@
                   <small>{{ sectorNames [sectorLetters[4]] || 'N/A' }}</small>
                 </div>
                 <div class="value">
-                  <div class="small text-muted">Bought from Sector</div>
+                  <div class="small text-muted">Bought</div>
                   <strong>{{ sectorPurchases[4] || 'N/A' }}</strong>
                 </div>
               </li>
@@ -178,7 +190,7 @@
                   <small>{{ sectorNames [sectorLetters[5]] || 'N/A' }}</small>
                 </div>
                 <div class="value">
-                  <div class="small text-muted">Bought from Sector</div>
+                  <div class="small text-muted">Bought</div>
                   <strong>{{ sectorPurchases[5] || 'N/A' }}</strong>
                 </div>
               </li>
@@ -189,10 +201,10 @@
                   <small>{{ sectorNames [sectorLetters[6]] || 'N/A' }}</small>
                 </div>
                 <div class="value">
-                  <div class="small text-muted">Bought from Sector</div>
+                  <div class="small text-muted">Bought</div>
                   <strong>{{ sectorPurchases[6] || 'N/A' }}</strong>
                 </div>
-              </li>
+              </li> -->
             </ul>
           </div>
         </div>