tweak design

This commit is contained in:
Gwenhael Le Moine 2014-11-22 11:44:25 +01:00
parent 97eea8aeda
commit c5d3a17027

View file

@ -15,10 +15,6 @@
data-ng-click="after()" data-ng-click="after()"
data-ng-class="{'disabled': period_offset == dates_salaries.length}">next</md-button> data-ng-class="{'disabled': period_offset == dates_salaries.length}">next</md-button>
</h2> </h2>
<h3 class="md-toolbar-tools balance"
data-ng-class="{'negative': balance.buckets[1].total - balance.buckets[0].total < 0, 'positive': balance.buckets[1].total - balance.buckets[0].total > 0}">
Balance: {{( balance.buckets[1].raw_total - balance.buckets[0].raw_total ) | number:2}} €
</h3>
</md-toolbar> </md-toolbar>
<md-content layout="vertical"> <md-content layout="vertical">
@ -74,14 +70,32 @@
<thead> <thead>
<tr> <tr>
<th style="width: 11%">Account</th> <th style="width: 11%">Account</th>
<th style="width: 3%">Savable</th> <th style="width: 3%">Left</th>
<th style="width: 3%">Income</th> <th style="width: 3%">Total</th>
<th style="width: 3%">Percentage</th> <th style="width: 3%">Percentage</th>
<th>Progress</th> <th>Progress</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="odd"> <tr class="odd">
<td>
Balance
</td>
<td style="text-align: right;">
{{balance.buckets[1].raw_total - balance.buckets[0].raw_total | 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 - balance.buckets[0].raw_total ) / balance.buckets[1].raw_total ) * 100 | number:2}}%
</td>
<td>
<md-progress-linear md-theme="green" mode="determinate"
value="{{( ( balance.buckets[1].raw_total - balance.buckets[0].raw_total ) / balance.buckets[1].raw_total ) * 100}}"></md-progress-linear>
</td>
</tr>
<tr class="even">
<td> <td>
Potential savings Potential savings
</td> </td>
@ -89,10 +103,10 @@
{{balance.buckets[1].raw_total - total_budget - total_unbudgeted | number:2}}{{budget[0].currency}} {{balance.buckets[1].raw_total - total_budget - total_unbudgeted | number:2}}{{budget[0].currency}}
</td> </td>
<td style="text-align: right;"> <td style="text-align: right;">
{{balance.buckets[1].raw_total | number:2}}{{budget[0].currency}} {{balance.buckets[1].raw_total - total_budget | number:2}}{{budget[0].currency}}
</td> </td>
<td style="text-align: right;"> <td style="text-align: right;">
{{( ( balance.buckets[1].raw_total - total_budget - total_unbudgeted ) / balance.buckets[1].raw_total ) * 100 | number:2}}% {{( ( balance.buckets[1].raw_total - total_budget - total_unbudgeted ) / ( balance.buckets[1].raw_total - total_budget ) ) * 100 | number:2}}%
</td> </td>
<td> <td>
<md-progress-linear md-theme="green" mode="determinate" <md-progress-linear md-theme="green" mode="determinate"