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