mirror of
https://github.com/gwenhael-le-moine/ledgerrb.git
synced 2025-01-10 05:24:24 +01:00
86 lines
2.6 KiB
HTML
86 lines
2.6 KiB
HTML
<div class="row-fluid">
|
|
|
|
<div class="col-md-12 date">
|
|
<h2>
|
|
<button type="button" class="btn btn-primary"
|
|
data-ng-click="previous_period()">
|
|
<span class="glyphicon glyphicon-chevron-left"></span>
|
|
</button>
|
|
<span>{{now | amDateFormat:'MMMM YYYY'}}</span>
|
|
<button type="button" class="btn btn-primary"
|
|
data-ng-click="next_period()">
|
|
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
</button>
|
|
</h2>
|
|
<h2 class="balance" data-ng-class="{'negative': balance.income_total - balance.expenses_total < 0, 'positive': balance.income_total - balance.expenses_total > 0}">
|
|
Balance: {{( balance.income_total - balance.expenses_total ) | number:2}} €
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Expenses, total = {{balance.expenses_total | number:2}} €</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<nvd3-pie-chart
|
|
data="balance.expenses"
|
|
x="xFunction()"
|
|
y="yFunction()"
|
|
id="ExpensesPie"
|
|
height="300"
|
|
margin="{left:0,top:0,bottom:0,right:0}"
|
|
color="color()"
|
|
tooltips="true"
|
|
tooltipcontent="toolTipContentFunction()"
|
|
showLabels="true"
|
|
labelType="value">
|
|
<svg></svg>
|
|
</nvd3-pie-chart>
|
|
</div>
|
|
<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>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Income, total = {{balance.income_total | number:2}} €</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<nvd3-pie-chart
|
|
data="balance.income"
|
|
x="xFunction()"
|
|
y="yFunction()"
|
|
id="incomePie"
|
|
height="300"
|
|
margin="{left:0,top:0,bottom:0,right:0}"
|
|
color="color()"
|
|
tooltips="true"
|
|
tooltipcontent="toolTipContentFunction()"
|
|
showLabels="true"
|
|
labelType="value">
|
|
<svg></svg>
|
|
</nvd3-pie-chart>
|
|
</div>
|
|
<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>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|