mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-10-31 02:36:28 +00:00
206 lines
11 KiB
Twig
206 lines
11 KiB
Twig
{% extends "./layout/default" %}
|
|
|
|
{% block breadcrumbs %}
|
|
{{ Breadcrumbs.render }}
|
|
{% endblock %}
|
|
{% block content %}
|
|
{% include 'partials.boxes' %}
|
|
<div class="row">
|
|
<div class="col-lg-8 col-md-12 col-sm-12">
|
|
{# ACCOUNTS #}
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><a href="{{ route('accounts.index',['asset']) }}" title="{{ 'yourAccounts'|_ }}">{{ 'yourAccounts'|_ }}</a></h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<canvas id="accounts-chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
|
|
</div>
|
|
<div class="box-footer">
|
|
<a href="{{ route('accounts.index','asset') }}" class="btn btn-default button-sm"><i
|
|
class="fa fa-money"></i> {{ 'go_to_asset_accounts'|_ }}</a>
|
|
</div>
|
|
</div>
|
|
|
|
{# BUDGETS #}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><a href="{{ route('budgets.index') }}" title="{{ 'budgetsAndSpending'|_ }}">{{ 'budgetsAndSpending'|_ }}</a></h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<canvas id="budgets-chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
|
|
</div>
|
|
<div class="box-footer">
|
|
<a href="{{ route('budgets.index') }}" class="btn btn-default button-sm"><i
|
|
class="fa fa-tasks"></i> {{ 'go_to_budgets'|_ }}</a>
|
|
</div>
|
|
</div>
|
|
{# CATEGORIES #}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><a href="{{ route('categories.index') }}" title="{{ 'categories'|_ }}">{{ 'categories'|_ }}</a></h3>
|
|
|
|
</div>
|
|
<div class="box-body">
|
|
<canvas id="categories-chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
|
|
</div>
|
|
<div class="box-footer">
|
|
<a href="{{ route('categories.index') }}" class="btn btn-default button-sm"><i
|
|
class="fa fa-bar-chart"></i> {{ 'go_to_categories'|_ }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
{# TRANSACTIONS #}
|
|
<div id="all_transactions">
|
|
{% for data in transactions %}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><a href="{{ route('accounts.show', data[1].id) }}">{{ data[1].name }}</a></h3>
|
|
|
|
<div class="box-tools pull-right">
|
|
<div class="btn-group">
|
|
<button class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown"><i class="fa fa-ellipsis-v"></i></button>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="{{ route('transactions.create','withdrawal') }}?source={{ data[1].id }}"><i
|
|
class="fa fa-long-arrow-left fa-fw"></i> {{ 'newWithdrawal'|_ }}</a></li>
|
|
<li><a href="{{ route('transactions.create','deposit') }}?source={{ data[1].id }}"><i
|
|
class="fa fa-long-arrow-right fa-fw"></i> {{ 'newDeposit'|_ }}</a></li>
|
|
<li><a href="{{ route('transactions.create','transfer') }}?source={{ data[1].id }}"><i
|
|
class="fa fa-fw fa-exchange"></i> {{ 'newTransfer'|_ }}</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% if data[0].count > 0 %}
|
|
<div class="box-body no-padding">
|
|
{% include 'list.groups-tiny' with {'groups': data[0],'account': data[1]} %}
|
|
</div>
|
|
{% else %}
|
|
<div class="box-body">
|
|
<p>
|
|
<em>
|
|
{{ trans('firefly.no_transactions_account', {name: data[1].name}) }}
|
|
</em>
|
|
</p>
|
|
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="box-footer clearfix">
|
|
<div class="btn-group" role="group">
|
|
|
|
</div>
|
|
|
|
<div class="btn-group" role="group" aria-label="...">
|
|
|
|
<div class="btn-group" role="group">
|
|
<a href="{{ route('transactions.create','withdrawal') }}?source={{ data[1].id }}" class="btn btn-success"><i
|
|
class="fa fa-plus fa-fw"></i> {{ 'create_new_transaction'|_ }}</a>
|
|
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<span class="caret"></span>
|
|
<span class="sr-only">Toggle Dropdown</span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{ route('transactions.create','withdrawal') }}?source={{ data[1].id }}"><i
|
|
class="fa fa-long-arrow-left fa-fw"></i> {{ 'newWithdrawal'|_ }}</a></li>
|
|
<li><a href="{{ route('transactions.create','deposit') }}?source={{ data[1].id }}"><i
|
|
class="fa fa-long-arrow-right fa-fw"></i> {{ 'newDeposit'|_ }}</a></li>
|
|
<li><a href="{{ route('transactions.create','transfer') }}?source={{ data[1].id }}"><i
|
|
class="fa fa-fw fa-exchange"></i> {{ 'newTransfer'|_ }}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
<a class="btn btn-default"
|
|
href="{{ route('accounts.show',data[1].id) }}">{{ formatAmountByAccount(data[1], data[1]|balance, false) }}</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{% if billCount > 0 %}
|
|
{# BILLS #}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><a href="{{ route('bills.index') }}" title="{{ 'bills'|_ }}">{{ 'bills'|_ }}</a></h3>
|
|
|
|
</div>
|
|
<div class="box-body">
|
|
<div style="width:100%;margin:0 auto;">
|
|
<canvas id="bills-chart" style="width:100%;height:200px;" height="200"></canvas>
|
|
</div>
|
|
</div>
|
|
<div class="box-footer">
|
|
<a href="{{ route('bills.index') }}" class="btn btn-default button-sm"><i
|
|
class="fa fa-calendar"></i> {{ 'go_to_bills'|_ }}</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{# box for piggy bank data (JSON) #}
|
|
<div id="piggy_bank_overview">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12">
|
|
{# EXPENSE ACCOUNTS #}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><a href="{{ route('accounts.index',['expense']) }}"
|
|
title="{{ 'expense_accounts'|_ }}">{{ 'expense_accounts'|_ }}</a>
|
|
</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<canvas id="expense-accounts-chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
|
|
</div>
|
|
<div class="box-footer">
|
|
<a href="{{ route('accounts.index', ['expense']) }}" class="btn btn-default button-sm"><i
|
|
class="fa fa-shopping-cart"></i> {{ 'go_to_expense_accounts'|_ }}</a>
|
|
</div>
|
|
</div>
|
|
{# OPTIONAL REVENUE ACCOUNTS #}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title"><a href="{{ route('accounts.index',['revenue']) }}"
|
|
title="{{ 'revenue_accounts'|_ }}">{{ 'revenue_accounts'|_ }}</a></h3>
|
|
|
|
</div>
|
|
<div class="box-body">
|
|
<canvas id="revenue-accounts-chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
|
|
</div>
|
|
<div class="box-footer">
|
|
<a href="{{ route('accounts.index', ['revenue']) }}" class="btn btn-default button-sm"><i
|
|
class="fa fa-download"></i> {{ 'go_to_revenue_accounts'|_ }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
{% block scripts %}
|
|
<script type="text/javascript">
|
|
var billCount = {{ billCount }};
|
|
var accountFrontpageUri = '{{ route('chart.account.frontpage') }}';
|
|
var accountRevenueUri = '{{ route('chart.account.revenue') }}';
|
|
var accountExpenseUri = '{{ route('chart.account.expense') }}';
|
|
var piggyInfoUri = '{{ route('json.fp.piggy-banks') }}';
|
|
var drawVerticalLine = '';
|
|
{# render vertical line with text "today" #}
|
|
{% if start.lte(today) and end.gte(today) %}
|
|
drawVerticalLine = '{{ today.formatLocalized(monthAndDayFormat) }}';
|
|
{% endif %}
|
|
</script>
|
|
|
|
<script type="text/javascript" src="v1/js/lib/Chart.bundle.min.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/lib/chartjs-plugin-annotation.min.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/ff/charts.defaults.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/ff/charts.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/ff/index.js?v={{ FF_VERSION }}"></script>
|
|
{% endblock %}
|
|
{% block styles %}
|
|
{% endblock %}
|