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

tooltips added for dashboard status

Browse Source
This commit is contained in:
batuhanbas
2020-01-02 13:08:50 +03:00
parent f2da979bb7
commit ed7c660298
8 changed files with 100 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,11 +20,18 @@
</div>
</div>
</div>
<div class="card-footer">
<div class="progress progress-xs mb-0" data-toggle="tooltip" data-placement="top" title="{{ $progress['total'] }} / {{ $progress['unpaid'] }}">
<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>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['unpaid'] }}"
effect="light"
:open-delay="200"
placement="top"
popper-class="text-dark">
<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>
</div>
</el-tooltip>
</div>
</div>
@@ -44,11 +51,18 @@
</div>
</div>
</div>
<div class="card-footer">
<div class="progress progress-xs mb-0" data-toggle="tooltip" data-placement="top" title="{{ $progress['total'] }} / {{ $progress['paid'] }}">
<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>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['paid'] }}"
effect="light"
:open-delay="200"
placement="top"
popper-class="text-dark">
<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>
</div>
</el-tooltip>
</div>
</div>
@@ -68,11 +82,18 @@
</div>
</div>
</div>
<div class="card-footer">
<div class="progress progress-xs mb-0" data-toggle="tooltip" data-placement="top" title="{{ $progress['total'] }} / {{ $progress['overdue'] }}">
<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>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['overdue'] }}"
effect="light"
:open-delay="200"
placement="top"
popper-class="text-dark">
<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>
</div>
</el-tooltip>
</div>
</div>
@@ -92,18 +113,25 @@
</div>
</div>
</div>
<div class="card-footer">
<div class="progress progress-xs mb-0" data-toggle="tooltip" data-placement="top" title="{{ $progress['total'] }} / {{ $progress['partially_paid'] }}">
<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>
<el-tooltip
content="{{ $progress['total'] }} / {{ $progress['partially_paid'] }}"
effect="light"
:open-delay="200"
placement="top"
popper-class="text-dark">
<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>
</div>
</el-tooltip>
</div>
</div>
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h4 class="mb-0">{{ trans('dashboard.cash_flow') }}</h4>
<h4 class="mb-0">{{ trans('widgets.cash_flow') }}</h4>
</div>
<div class="card-body pt-0" id="chart">
{!! $chart->container() !!}
@@ -116,3 +144,7 @@
@push('body_js')
{!! $chart->script() !!}
@endpush
@push('scripts_start')
<script src="{{ asset('public/js/portal/dashboard.js?v=' . version('short')) }}"></script>
@endpush

11
resources/views/widgets/total_expenses.blade.php
View File

@@ -16,9 +16,16 @@
</div>
</div>
<p class="mt-3 mb-0 text-sm" title="{{ trans('widgets.open_bills') }}: {{ $totals['open'] }}<br>{{ trans('widgets.overdue_bills') }}: {{ $totals['overdue'] }}" data-toggle="tooltip" data-html="true">
<p class="mt-3 mb-0 text-sm cursor-default">
<span class="text-white">{{ trans('widgets.payables') }}</span>
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
<el-tooltip
content="{{ trans('widgets.open_bills') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_bills') }}: {{ $totals['overdue'] }}"
effect="light"
:open-delay="200"
placement="top"
popper-class="text-dark">
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</el-tooltip>
</p>
</div>
</div>

15
resources/views/widgets/total_income.blade.php
View File

@@ -16,10 +16,17 @@
</div>
</div>
<p class="mt-3 mb-0 text-sm" title="{{ trans('widgets.open_invoices') }}: {{ $totals['open'] }}<br>{{ trans('widgets.overdue_invoices') }}: {{ $totals['overdue'] }}" data-toggle="tooltip" data-html="true">
<span class="text-white">{{ trans('widgets.receivables') }}</span>
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</p>
<p class="mt-3 mb-0 text-sm cursor-default">
<span class="text-white">{{ trans('widgets.receivables') }}</span>
<el-tooltip
content="{{ trans('widgets.open_invoices') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_invoices') }}: {{ $totals['overdue'] }}"
effect="light"
:open-delay="200"
placement="top"
popper-class="text-dark">
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</el-tooltip>
</p>
</div>
</div>
</div>

11
resources/views/widgets/total_profit.blade.php
View File

@@ -16,9 +16,16 @@
</div>
</div>
<p class="mt-3 mb-0 text-sm" title="{{ trans('widgets.open_profit') }}: {{ $totals['open'] }}<br>{{ trans('widgets.overdue_profit') }}: {{ $totals['overdue'] }}" data-toggle="tooltip" data-html="true">
<p class="mt-3 mb-0 text-sm cursor-default">
<span class="text-white">{{ trans('general.upcoming') }}</span>
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
<el-tooltip
content="{{ trans('widgets.open_profit') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_profit') }}: {{ $totals['overdue'] }}"
effect="light"
:open-delay="200"
placement="top"
popper-class="text-dark">
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</el-tooltip>
</p>
</div>
</div>