shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactored portal dashboard

Browse Source
This commit is contained in:
denisdulici
2020-04-05 19:50:51 +03:00
parent e70faf1a7f
commit 3ce88f8cbe
2 changed files with 94 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
resources/views/portal/dashboard/index.blade.php
View File

@@ -4,45 +4,14 @@
@section('content')
<div class="row">
<div class="col-md-3">
<div class="card bg-gradient-danger card-stats">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="text-uppercase text-white mb-0">{{ trans('general.unpaid') }}</h5>
<span class="font-weight-bold text-white mb-0">@money($progress['unpaid'], setting('default.currency'), true)</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-white text-danger rounded-circle shadow">
<i class="fa fa-money-bill"></i>
</div>
</div>
</div>
</div>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['unpaid'] }}"
effect="dark"
:open-delay="100"
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['unpaid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['unpaid'] : '0' }}%"></div>
</div>
</div>
</el-tooltip>
</div>
</div>
<div class="col-md-3">
<div class="col-md-4">
<div class="card bg-gradient-success card-stats">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="text-uppercase text-white mb-0">{{ trans('general.paid') }}</h5>
<span class="font-weight-bold text-white mb-0">@money($progress['paid'], setting('default.currency'), true)</span>
<span class="font-weight-bold text-white mb-0">{{ $totals['paid'] }}</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-white text-success rounded-circle shadow">
<i class="fa fa-money-bill"></i>
@@ -50,29 +19,21 @@
</div>
</div>
</div>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['paid'] }}"
effect="dark"
:open-delay="100"
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['paid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['paid'] : '0' }}%"></div>
</div>
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{ $progress['paid'] }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $progress['paid'] }}%"></div>
</div>
</el-tooltip>
</div>
</div>
</div>
<div class="col-md-3">
<div class="col-md-4">
<div class="card bg-gradient-warning card-stats">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="text-uppercase text-white mb-0">{{ trans('general.overdue') }}</h5>
<span class="font-weight-bold text-white mb-0">@money($progress['overdue'], setting('default.currency'), true)</span>
<h5 class="text-uppercase text-white mb-0">{{ trans('general.unpaid') }}</h5>
<span class="font-weight-bold text-white mb-0">{{ $totals['unpaid'] }}</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-white text-warning rounded-circle shadow">
<i class="fa fa-money-bill"></i>
@@ -80,50 +41,35 @@
</div>
</div>
</div>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['overdue'] }}"
effect="dark"
:open-delay="100"
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['overdue'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['overdue'] : '0' }}%"></div>
</div>
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{ $progress['unpaid'] }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $progress['unpaid'] }}%"></div>
</div>
</el-tooltip>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card bg-gradient-info card-stats">
<div class="col-md-4">
<div class="card bg-gradient-danger card-stats">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="text-uppercase text-white mb-0">{{ trans('general.partially_paid') }}</h5>
<span class="font-weight-bold text-white mb-0">@money($progress['partially_paid'], setting('default.currency'), true)</span>
<h5 class="text-uppercase text-white mb-0">{{ trans('general.overdue') }}</h5>
<span class="font-weight-bold text-white mb-0">{{ $totals['overdue'] }}</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-white text-info rounded-circle shadow">
<div class="icon icon-shape bg-white text-danger rounded-circle shadow">
<i class="fa fa-money-bill"></i>
</div>
</div>
</div>
</div>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['partially_paid'] }}"
effect="dark"
:open-delay="100"
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['partially_paid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['partially_paid'] : '0' }}%"></div>
</div>
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{ $progress['overdue'] }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $progress['overdue'] }}%"></div>
</div>
</el-tooltip>
</div>
</div>
</div>
<div class="col-md-12">
<div class="card">
<div class="card-header">