Restructure Support dashboard into 2 KPI groups (Tickets + Contracts) with section dividers, merge escalations and recommendations into "Attention needed". Redesign Sales dashboard with clickable contract timeline and dialog. Add CSS shimmer skeleton loading for all dashboard tabs and aside. Unify vertical rhythm via * + * sibling combinator on tab content containers. Remove ~265 lines of dead CSS (contract cards, escalation styles) and unused JS functions. Refactor hydrateTicketCategoryFilter into generic hydrateSelectFilter. Fix role="button" CSS bleed from shell and remove extra future year from timeline. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
70 lines
3.7 KiB
PHTML
70 lines
3.7 KiB
PHTML
<?php
|
|
$accountUrl = accountUrl();
|
|
$accountName = currentUserDisplayName();
|
|
$accountTooltip = $accountName !== '' ? $accountName : t('Account');
|
|
$layoutAuth = is_array($viewAuth['layout'] ?? null) ? $viewAuth['layout'] : [];
|
|
$hasAdminPanel = layoutHasAdminPanel($layoutAuth);
|
|
?>
|
|
<aside class="aside-icon-bar" data-app-component="aside-panels" data-aside-storage="app-sidebar-panel">
|
|
<nav aria-label="<?php e(t('Main menu')); ?>">
|
|
<ul class="aside-icon-group" role="tablist" aria-orientation="vertical">
|
|
<li>
|
|
<button type="button" id="aside-tab-explorer" data-aside-target="explorer" role="tab"
|
|
aria-selected="true" aria-controls="aside-panel-explorer" aria-label="<?php e(t('Explorer')); ?>"
|
|
data-tooltip="<?php e(t('Explorer')); ?>" data-tooltip-pos="right">
|
|
<i class="bi bi-house"></i>
|
|
</button>
|
|
</li>
|
|
<?php
|
|
// ── Module-contributed aside tabs (aside.tab_panel slot) ──
|
|
$moduleSlots = is_array($layoutNav['moduleSlots'] ?? null) ? $layoutNav['moduleSlots'] : [];
|
|
$moduleTabSlots = is_array($moduleSlots['aside.tab_panel'] ?? null) ? $moduleSlots['aside.tab_panel'] : [];
|
|
foreach ($moduleTabSlots as $slot):
|
|
if (!is_array($slot)) { continue; }
|
|
$slotKey = $slot['key'] ?? '';
|
|
$slotLabel = $slot['label'] ?? '';
|
|
$slotIcon = $slot['icon'] ?? 'bi-puzzle';
|
|
$slotHref = $slot['href'] ?? '';
|
|
$slotPermission = $slot['permission'] ?? '';
|
|
if ($slotPermission !== '' && empty($layoutAuth[$slotPermission])) { continue; }
|
|
// Resolve relative route keys via lurl()
|
|
if ($slotHref !== '' && !str_starts_with($slotHref, '/') && !str_starts_with($slotHref, 'http')) {
|
|
$slotHref = lurl($slotHref);
|
|
}
|
|
?>
|
|
<li>
|
|
<button type="button" id="aside-tab-<?php e($slotKey); ?>"
|
|
data-aside-target="<?php e($slotKey); ?>"
|
|
<?php if ($slotHref !== ''): ?>data-aside-href="<?php e($slotHref); ?>"<?php endif; ?>
|
|
role="tab" aria-selected="false"
|
|
aria-controls="aside-panel-<?php e($slotKey); ?>"
|
|
aria-label="<?php e(t($slotLabel)); ?>"
|
|
data-tooltip="<?php e(t($slotLabel)); ?>" data-tooltip-pos="right">
|
|
<i class="bi <?php e($slotIcon); ?>"></i>
|
|
</button>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<div class="aside-icon-footer">
|
|
<ul role="list">
|
|
<li>
|
|
<a href="<?php e($accountUrl); ?>" aria-label="<?php e(t('Account')); ?>"
|
|
data-tooltip="<?php e($accountTooltip); ?>" data-tooltip-pos="right" data-aside-shortcut="account"><i
|
|
class="bi bi-person-circle"></i></a>
|
|
</li>
|
|
</ul>
|
|
<?php if ($hasAdminPanel): ?>
|
|
<ul class="aside-icon-group" role="tablist" aria-orientation="vertical">
|
|
<li>
|
|
<button type="button" id="aside-tab-admin" data-aside-target="admin" role="tab" aria-selected="false"
|
|
aria-controls="aside-panel-admin" aria-label="<?php e(t('Admin')); ?>"
|
|
data-tooltip="<?php e(t('Admin')); ?>" data-tooltip-pos="right">
|
|
<i class="bi bi-gear"></i>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
<?php endif; ?>
|
|
</div>
|
|
</nav>
|
|
</aside>
|