mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-01-24 07:16:35 -06:00
79 lines
3.3 KiB
Twig
79 lines
3.3 KiB
Twig
<div class="row hidden-xs">
|
|
{# box for in and out#}
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-aqua-gradient" id="box_out_holder">
|
|
<span class="info-box-icon"><i class="fa fa-balance-scale"></i></span>
|
|
|
|
<div class="info-box-content">
|
|
<span class="info-box-text">
|
|
<a href="{{ route('reports.report.default', ['allAssetAccounts','currentMonthStart','currentMonthEnd']) }}">{{ 'balance'|_ }}</a></span>
|
|
<span class="info-box-number" id="box-balance-sums"></span>
|
|
|
|
<div class="progress" id="box-balance-progress">
|
|
<div class="progress-bar" style="width: 0%"></div>
|
|
</div>
|
|
<span class="progress-description">
|
|
<span id="box-balance-list" ></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# box for bills #}
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-teal-gradient">
|
|
<span class="info-box-icon"><i class="fa fa-calendar-o"></i></span>
|
|
|
|
<div class="info-box-content">
|
|
<span class="info-box-text"><a href="{{ route('bills.index') }}">{{ 'bills_to_pay'|_ }}</a></span>
|
|
<span class="info-box-number" id="box-bills-unpaid"></span>
|
|
|
|
<div class="progress">
|
|
<div class="progress-bar" style="width: 0%"></div>
|
|
</div>
|
|
<span class="progress-description">
|
|
{{ 'paid'|_ }}:
|
|
<span title="{{ 'bills_paid'|_ }}" id="box-bills-paid"></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# available to spend total / per day #}
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-green-gradient" id="box-left-to-spend-box">
|
|
<span class="info-box-icon"><i class="fa fa-money"></i></span>
|
|
<div class="info-box-content">
|
|
<span class="info-box-text"><a id="box-left-to-spend-text" href="{{ route('budgets.index') }}">{{ 'left_to_spend'|_ }}</a></span>
|
|
<span class="info-box-number" id="box-left-to-spend"></span>
|
|
|
|
<div class="progress">
|
|
<div class="progress-bar" style="width: 0%"></div>
|
|
</div>
|
|
<span class="progress-description">
|
|
{{ 'per_day'|_ }}:
|
|
<span title="{{ 'left_to_spend_per_day'|_ }}" id="box-left-per-day"></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# net worth #}
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-blue-gradient">
|
|
<span class="info-box-icon"><i class="fa fa-line-chart"></i></span>
|
|
|
|
<div class="info-box-content">
|
|
<span class="info-box-text">
|
|
<a href="{{ route('reports.report.default', ['allAssetAccounts','currentYearStart','currentYearEnd']) }}">{{ 'net_worth'|_ }}</a></span>
|
|
<span class="info-box-number" id="box-net-worth"></span>
|
|
|
|
<div class="progress">
|
|
<div class="progress-bar" style="width: 0%"></div>
|
|
</div>
|
|
<span class="progress-description"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|