gwh/ledgerrb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

hide tables

Browse source
This commit is contained in:
Gwenhael Le Moine 2016-10-23 10:36:24 +02:00
parent 5abdf3eabf
commit af911d67f8
2 changed files with 80 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

96
public/app/js/controllers/DashboardCtrl.js
View file

@ -119,14 +119,19 @@ app.controller( 'DashboardCtrl',
}; };
this.pie_graph_options = { chart: { type: 'pieChart', this.pie_graph_options = { chart: { type: 'pieChart',
donut: true,
donutRatio: 0.25,
height: 300, height: 300,
x: function( d ) { return d.account; }, x: function( d ) { return d.account; },
y: function( d ) { return d.amount; }, y: function( d ) { return d.amount; },
showLabels: false, showLabels: false,
showLegend: false, showLegend: true,
legendPosition: 'right',
showTooltipPercent: true,
duration: 500, duration: 500,
labelThreshold: 0.01, labelThreshold: 0.01,
labelSunbeamLayout: true labelSunbeamLayout: true,
donutLabelsOutside: true
} }; } };
}; };
@ -202,48 +207,53 @@ app.controller( 'DashboardCtrl',
} ); } );
} ); } );
$scope.graphiques = { monthly_values: { options: { chart: { type: 'multiBarChart', $scope.graphiques = {
height: 300, monthly_values: {
showControls: false, options: {
showLegend: true, chart: {
showLabels: true, type: 'multiBarChart',
stacked: false, height: 300,
duration: 500, showControls: false,
reduceXTicks: false, showLegend: true,
rotateLabels: 67, showLabels: true,
labelSunbeamLayout: true, stacked: false,
useInteractiveGuideline: false, duration: 500,
multibar: { reduceXTicks: false,
dispatch: { rotateLabels: 67,
elementClick: function( event ) { labelSunbeamLayout: true,
$scope.period = event.data.x; useInteractiveGuideline: false,
retrieve_period_detailed_data(); multibar: {
} dispatch: {
} elementClick: function( event ) {
}} $scope.period = event.data.x;
}, retrieve_period_detailed_data();
data: _.chain( response.data ) }
.keys() }
.reverse() }
.map( function( key ) { }
var multiplicator = ( key == "Income" ) ? -1 : 1; },
return { key: key, data: _.chain( response.data )
values: _.chain(response.data[ key ]).map( function( value ) { .keys()
var date = new Date( value.date ); .reverse()
var period = date.getFullYear() + '-' + ( date.getMonth() < 9 ? '0' : '' ) + ( date.getMonth() + 1 ); .map( function( key ) {
$scope.periods.push( period ); var multiplicator = ( key == "Income" ) ? -1 : 1;
return { key: key,
values: _.chain(response.data[ key ]).map( function( value ) {
var date = new Date( value.date );
var period = date.getFullYear() + '-' + ( date.getMonth() < 9 ? '0' : '' ) + ( date.getMonth() + 1 );
$scope.periods.push( period );
return { key: key, return { key: key,
x: period, x: period,
y: parseInt( value.amount ) * multiplicator }; y: parseInt( value.amount ) * multiplicator };
} ) } )
.sortBy( function( item ) { return item.x; } ) .sortBy( function( item ) { return item.x; } )
.value() .value()
}; };
} ) } )
.value() .value()
} }
}; };
$scope.periods = _.chain($scope.periods).uniq().sort().reverse().value(); $scope.periods = _.chain($scope.periods).uniq().sort().reverse().value();
$scope.period = _($scope.periods).first(); $scope.period = _($scope.periods).first();

54
public/app/js/templates/dashboard.html
View file

@ -25,37 +25,37 @@
<option value=''>...</option> <option value=''>...</option>
</select> </select>
</md-card> </md-card>
<md-card flex="20"> <md-card flex="78">
<nvd3 data="bucket.data" <nvd3 data="bucket.data"
options="bucket.pie_graph_options" > options="bucket.pie_graph_options" >
</nvd3> </nvd3>
</md-card> </md-card>
<md-card flex="56"> <!-- <md-card flex="56">
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th><md-buton data-ng-click="bucket.order_by( 'account' )">account</md-buton></th> <th><md-buton data-ng-click="bucket.order_by( 'account' )">account</md-buton></th>
<th><md-buton data-ng-click="bucket.order_by( 'amount' )">amount</md-buton></th> <th><md-buton data-ng-click="bucket.order_by( 'amount' )">amount</md-buton></th>
<th><md-buton data-ng-click="bucket.order_by( 'score' )">score</md-buton></th> <th><md-buton data-ng-click="bucket.order_by( 'score' )">score</md-buton></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr data-ng-repeat="account in bucket.data | orderBy:bucket.orderBy:bucket.orderDesc" <tr data-ng-repeat="account in bucket.data | orderBy:bucket.orderBy:bucket.orderDesc"
data-ng-class="{'even': $even, 'odd': $odd}" data-ng-class="{'even': $even, 'odd': $odd}"
style="border-left:10px solid {{coloring_score( account.score )}};border-right:10px solid {{coloring_score( account.score )}}"> style="border-left:10px solid {{coloring_score( account.score )}};border-right:10px solid {{coloring_score( account.score )}}">
<td style="border-bottom:1px solid {{coloring_score( account.score )}}"> <td style="border-bottom:1px solid {{coloring_score( account.score )}}">
{{account.account}} {{account.account}}
</td> </td>
<td style="text-align:right;border-bottom:1px solid {{coloring_score( account.score )}}"> <td style="text-align:right;border-bottom:1px solid {{coloring_score( account.score )}}">
{{account.amount | number:2}} € {{account.amount | number:2}} €
</td> </td>
<td style="text-align:right;border-bottom:1px solid {{coloring_score( account.score )}}"> <td style="text-align:right;border-bottom:1px solid {{coloring_score( account.score )}}">
{{account.score}} {{account.score}}
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</md-card> </md-card> -->
</md-content> </md-content>
</md-card> </md-card>
</md-content> </md-content>