refactor(dashboard): reuse mini bar row component for subscription expiry bars
This commit is contained in:
@@ -483,21 +483,29 @@
|
||||
<div class="mt-10" data-role="dashboard-sub-expiry-bars">
|
||||
<div class="muted muted-xs">占比(相对订阅总量 {{ $subTotal }})</div>
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-sub-expiring-7d-row" href="{!! $subscriptionQuickLinks['expiring_7d'] !!}" aria-label="进入7天内到期订阅集合">
|
||||
<div class="adm-mini-bar-label">7天内到期</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-sub-expiring-7d-bar" title="{{ $subExpiring7d }} / {{ $subTotal }}({{ $pctExpiring7d }}%)">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $pctExpiring7d }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $pctExpiring7d }}%({{ $subExpiring7d }})</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-sub-expiring-7d-row',
|
||||
'barRole' => 'dashboard-sub-expiring-7d-bar',
|
||||
'href' => $subscriptionQuickLinks['expiring_7d'],
|
||||
'ariaLabel' => '进入7天内到期订阅集合',
|
||||
'label' => '7天内到期',
|
||||
'pct' => $pctExpiring7d,
|
||||
'title' => $subExpiring7d . ' / ' . $subTotal . '(' . $pctExpiring7d . '%)',
|
||||
'value' => $pctExpiring7d . '%(' . $subExpiring7d . ')',
|
||||
])
|
||||
|
||||
<a class="adm-mini-bar-row adm-mini-bar-row-link mt-6" data-role="dashboard-sub-expired-row" href="{!! $subscriptionQuickLinks['expired'] !!}" aria-label="进入已过期订阅集合">
|
||||
<div class="adm-mini-bar-label">已过期</div>
|
||||
<div class="adm-mini-bar" data-role="dashboard-sub-expired-bar" title="{{ $subExpired }} / {{ $subTotal }}({{ $pctExpired }}%)">
|
||||
<span class="adm-mini-bar-fill" style="width: {{ $pctExpired }}%"></span>
|
||||
</div>
|
||||
<div class="adm-mini-bar-value">{{ $pctExpired }}%({{ $subExpired }})</div>
|
||||
</a>
|
||||
@include('admin.components.mini_bar_row', [
|
||||
'class' => 'mt-6',
|
||||
'rowRole' => 'dashboard-sub-expired-row',
|
||||
'barRole' => 'dashboard-sub-expired-bar',
|
||||
'href' => $subscriptionQuickLinks['expired'],
|
||||
'ariaLabel' => '进入已过期订阅集合',
|
||||
'label' => '已过期',
|
||||
'pct' => $pctExpired,
|
||||
'title' => $subExpired . ' / ' . $subTotal . '(' . $pctExpired . '%)',
|
||||
'value' => $pctExpired . '%(' . $subExpired . ')',
|
||||
])
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user