mirror of
				https://github.com/firefly-iii/firefly-iii.git
				synced 2025-10-31 02:36:28 +00:00 
			
		
		
		
	Code for #385
This commit is contained in:
		| @@ -87,6 +87,9 @@ return [ | ||||
|     'need_more_help'                             => 'If you need more help using Firefly III, please <a href="https://github.com/JC5/firefly-iii/issues">open a ticker on Github</a>.', | ||||
|     'nothing_to_display'                         => 'There are no transactions to show you', | ||||
|     'show_all_no_filter'                         => 'Show all transactions without grouping them by date.', | ||||
|     'expenses_by_category'                       => 'Expenses by category', | ||||
|     'expenses_by_budget'                         => 'Expenses by budget', | ||||
|     'income_by_category'                         => 'Income by category', | ||||
|  | ||||
|     // repeat frequencies: | ||||
|     'repeat_freq_yearly'                         => 'yearly', | ||||
|   | ||||
| @@ -28,7 +28,44 @@ | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|  | ||||
|     <div class="row"> | ||||
|         <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> | ||||
|             <div class="box"> | ||||
|                 <div class="box-header with-border"> | ||||
|                     <h3 class="box-title">{{ 'expenses_by_category'|_ }}</h3> | ||||
|                 </div> | ||||
|                 <div class="box-body"> | ||||
|                     <div style="width:60%;margin:0 auto;"> | ||||
|                         <canvas id="account-cat-out" style="margin:0 auto;" height="150" width="150"></canvas> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> | ||||
|             <div class="box"> | ||||
|                 <div class="box-header with-border"> | ||||
|                     <h3 class="box-title">{{ 'expenses_by_budget'|_ }}</h3> | ||||
|                 </div> | ||||
|                 <div class="box-body"> | ||||
|                     <div style="width:60%;margin:0 auto;"> | ||||
|                         <canvas id="account-budget-out" style="margin:0 auto;" height="150" width="150"></canvas> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> | ||||
|             <div class="box"> | ||||
|                 <div class="box-header with-border"> | ||||
|                     <h3 class="box-title">{{ 'income_by_category'|_ }}</h3> | ||||
|                 </div> | ||||
|                 <div class="box-body"> | ||||
|                     <div style="width:60%;margin:0 auto;"> | ||||
|                         <canvas id="account-cat-in" style="margin:0 auto;" height="150" width="150"></canvas> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|  | ||||
|     <div class="row"> | ||||
|         <div class="col-lg-10 col-md-10 col-sm-12"> | ||||
| @@ -85,7 +122,13 @@ | ||||
| {% block scripts %} | ||||
|     <script type="text/javascript"> | ||||
|         var accountID = {{ account.id }}; | ||||
|         // uri's for charts: | ||||
|         var incomeByCategoryUri = '{{ route('chart.account.incomeByCategory', [account.id, start.format('Ymd'), end.format('Ymd')]) }}'; | ||||
|         var expenseByCategoryUri = '{{ route('chart.account.expenseByCategory', [account.id, start.format('Ymd'), end.format('Ymd')]) }}'; | ||||
|         var expenseByBudgetUri = '{{ route('chart.account.expenseByBudget', [account.id, start.format('Ymd'), end.format('Ymd')]) }}'; | ||||
|  | ||||
|     </script> | ||||
|  | ||||
|     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script> | ||||
|     <script type="text/javascript" src="js/ff/charts.defaults.js"></script> | ||||
|     <script type="text/javascript" src="js/ff/charts.js"></script> | ||||
|   | ||||
| @@ -32,6 +32,45 @@ | ||||
|         </div> | ||||
|     </div> | ||||
|  | ||||
|     <div class="row"> | ||||
|         <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> | ||||
|             <div class="box"> | ||||
|                 <div class="box-header with-border"> | ||||
|                     <h3 class="box-title">{{ 'expenses_by_category'|_ }}</h3> | ||||
|                 </div> | ||||
|                 <div class="box-body"> | ||||
|                     <div style="width:60%;margin:0 auto;"> | ||||
|                         <canvas id="account-cat-out" style="margin:0 auto;" height="150" width="150"></canvas> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> | ||||
|             <div class="box"> | ||||
|                 <div class="box-header with-border"> | ||||
|                     <h3 class="box-title">{{ 'expenses_by_budget'|_ }}</h3> | ||||
|                 </div> | ||||
|                 <div class="box-body"> | ||||
|                     <div style="width:60%;margin:0 auto;"> | ||||
|                         <canvas id="account-budget-out" style="margin:0 auto;" height="150" width="150"></canvas> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> | ||||
|             <div class="box"> | ||||
|                 <div class="box-header with-border"> | ||||
|                     <h3 class="box-title">{{ 'income_by_category'|_ }}</h3> | ||||
|                 </div> | ||||
|                 <div class="box-body"> | ||||
|                     <div style="width:60%;margin:0 auto;"> | ||||
|                         <canvas id="account-cat-in" style="margin:0 auto;" height="150" width="150"></canvas> | ||||
|                     </div> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|  | ||||
|     <div class="row"> | ||||
|         <div class="col-lg-12 col-md-12 col-sm-12"> | ||||
|             <div class="box"> | ||||
| @@ -53,6 +92,12 @@ | ||||
|     <script type="text/javascript"> | ||||
|         var accountID = {{ account.id }}; | ||||
|         var dateString = "{{ date }}"; | ||||
|  | ||||
|         // uri's for charts: | ||||
|         var incomeByCategoryUri = '{{ route('chart.account.incomeByCategory', [account.id, start.format('Ymd'), end.format('Ymd')]) }}'; | ||||
|         var expenseByCategoryUri = '{{ route('chart.account.expenseByCategory', [account.id, start.format('Ymd'), end.format('Ymd')]) }}'; | ||||
|         var expenseByBudgetUri = '{{ route('chart.account.expenseByBudget', [account.id, start.format('Ymd'), end.format('Ymd')]) }}'; | ||||
|  | ||||
|     </script> | ||||
|     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script> | ||||
|     <script type="text/javascript" src="js/ff/charts.defaults.js"></script> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user