From 2100c2c8939cc056de667e25a076b95538cccd6e Mon Sep 17 00:00:00 2001
From: Gwenhael Le Moine <gwenhael.le.moine@gmail.com>
Date: Sat, 8 Nov 2014 22:51:53 +0100
Subject: [PATCH] potential savongs expressed as % of total income

---
 public/app/js/templates/balance.tpl.html | 46 +++++++++++++++---------
 1 file changed, 29 insertions(+), 17 deletions(-)

diff --git a/public/app/js/templates/balance.tpl.html b/public/app/js/templates/balance.tpl.html
index 2cccc2ba..cee457be 100644
--- a/public/app/js/templates/balance.tpl.html
+++ b/public/app/js/templates/balance.tpl.html
@@ -63,25 +63,37 @@
 				data-ng-if="account.percentage <= 100"></md-progress-linear>
 	  </td>
 	</tr>
-
+      </tbody>
+    </table>
+    <table class="table" style="width: 100%">
+      <thead>
 	<tr>
-	  <td>
-	    Potential savings
-	  </td>
-	  <td style="text-align: right;">
-	    {{balance.buckets[1].raw_total - total_budget - total_unbudgeted | number:2}}{{budget[0].currency}}
-	  </td>
-	  <td style="text-align: right;">
-	    {{balance.buckets[1].raw_total - total_budget | number:2}}{{budget[0].currency}}
-	  </td>
-	  <td style="text-align: right;">
-	    {{( ( balance.buckets[1].raw_total - total_budget - total_unbudgeted ) / ( balance.buckets[1].raw_total - total_budget ) ) * 100 | number:2}}%
-	  </td>
-	  <td>
-	    <md-progress-linear md-theme="green" mode="determinate"
-				value="{{( ( balance.buckets[1].raw_total - total_budget - total_unbudgeted ) / ( balance.buckets[1].raw_total - total_budget ) ) * 100}}"></md-progress-linear>
-	  </td>
+	  <th style="width: 11%">Account</th>
+	  <th style="width: 3%">Can be saved</th>
+	  <th style="width: 3%">Total income</th>
+	  <th style="width: 3%">Percentage</th>
+	  <th>Progress</th>
 	</tr>
+      </thead>
+      <tbody>
+	<tr>
+      <td>
+	Potential savings
+      </td>
+      <td style="text-align: right;">
+	{{balance.buckets[1].raw_total - total_budget - total_unbudgeted | number:2}}{{budget[0].currency}}
+      </td>
+      <td style="text-align: right;">
+	{{balance.buckets[1].raw_total | number:2}}{{budget[0].currency}}
+      </td>
+      <td style="text-align: right;">
+	{{( ( balance.buckets[1].raw_total - total_budget - total_unbudgeted ) / balance.buckets[1].raw_total ) * 100 | number:2}}%
+      </td>
+      <td>
+	<md-progress-linear md-theme="green" mode="determinate"
+			    value="{{( ( balance.buckets[1].raw_total - total_budget - total_unbudgeted ) / balance.buckets[1].raw_total ) * 100}}"></md-progress-linear>
+      </td>
+    </tr>
       </tbody>
     </table>
   </div>