From 00faf7d4795c3c8ea7afac66686bb4f764d30b60 Mon Sep 17 00:00:00 2001
From: Gwenhael Le Moine <glemoine@erasme.org>
Date: Tue, 19 Aug 2014 17:39:10 +0200
Subject: [PATCH] better coloring table

---
 public/app/css/app.css                        |  3 +++
 public/app/js/main/templates/balance.tpl.html | 26 ++++++++++++++-----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/public/app/css/app.css b/public/app/css/app.css
index c19e887e..cf810e54 100644
--- a/public/app/css/app.css
+++ b/public/app/css/app.css
@@ -35,3 +35,6 @@ body {
 .balance{color:#fff}
 .balance.positive{background-color:#0a0}
 .balance.negative{background-color:#a00}
+
+.even{background-color:#ddd}
+.odd{background-color:#eee}
diff --git a/public/app/js/main/templates/balance.tpl.html b/public/app/js/main/templates/balance.tpl.html
index d68a934c..894aa898 100644
--- a/public/app/js/main/templates/balance.tpl.html
+++ b/public/app/js/main/templates/balance.tpl.html
@@ -41,9 +41,16 @@
       <div class="panel-footer">
 	<table data-ng-table="tableParams" class="table">
 	  <tr data-ng-repeat="account in balance.expenses"
-	      style="border-left:10px solid {{coloring_score( score_account( account.account ) )}}">
-	    <td data-title="'Account'">{{account.account}}</td>
-	    <td data-title="'Amount'">{{account.amount | number:2}} €</td>
+	      data-ng-class="{'even': $even, 'odd': $odd}"
+	      style="border-left:10px solid {{coloring_score( score_account( account.account ) )}};border-right:10px solid {{coloring_score( score_account( account.account ) )}}">
+	    <td data-title="'Account'"
+		style="border-bottom:1px solid {{coloring_score( score_account( account.account ) )}}">
+	      {{account.account}}
+	    </td>
+	    <td data-title="'Amount'"
+		style="text-align:right;border-bottom:1px solid {{coloring_score( score_account( account.account ) )}}">
+	      {{account.amount | number:2}} €
+	    </td>
 	  </tr>
 	</table>
       </div>
@@ -74,9 +81,16 @@
       <div class="panel-footer">
 	<table data-ng-table="tableParams" class="table">
 	  <tr data-ng-repeat="account in balance.income"
-	      style="border-left:10px solid {{coloring_score( score_account( account.account ) )}}">
-	    <td data-title="'Account'">{{account.account}}</td>
-	    <td data-title="'Amount'">{{account.amount | number:2}} €</td>
+	      data-ng-class="{'even': $even, 'odd': $odd}"
+	      style="border-left:10px solid {{coloring_score( score_account( account.account ) )}};border-right:10px solid {{coloring_score( score_account( account.account ) )}}">
+	    <td data-title="'Account'"
+		style="border-bottom:1px solid {{coloring_score( score_account( account.account ) )}}">
+	      {{account.account}}
+	    </td>
+	    <td data-title="'Amount'"
+		style="text-align:right;border-bottom:1px solid {{coloring_score( score_account( account.account ) )}}">
+	      {{account.amount | number:2}} €
+	    </td>
 	  </tr>
 	</table>
       </div>