feat(admin): improve navigation UI and move logs to drawer

- Add icons to all navigation tabs in admin panel
- Rename 'Telegram Покупатели' tab to 'Покупатели'
- Move logs view from navigation tab to Drawer component
- Add logs button in TopLead component next to cache reset button
- Group logs and cache reset buttons in ButtonGroup
- Remove logs route from router
This commit is contained in:
2025-12-25 18:13:09 +03:00
parent ecf4df363d
commit 6a635e1896
3 changed files with 54 additions and 19 deletions

View File

@@ -3,51 +3,69 @@
<TopLead/>
<ul class="nav nav-tabs">
<li :class="{active: route.name === 'general'}">
<RouterLink :to="{name: 'general'}">Общие</RouterLink>
<RouterLink :to="{name: 'general'}">
<i class="fa fa-cog"></i> Общие
</RouterLink>
</li>
<li :class="{active: route.name === 'telegram'}">
<RouterLink :to="{name: 'telegram'}">Telegram</RouterLink>
<RouterLink :to="{name: 'telegram'}">
<i class="fa fa-paper-plane"></i> Telegram
</RouterLink>
</li>
<li :class="{active: route.name === 'metrics'}">
<RouterLink :to="{name: 'metrics'}">Метрика</RouterLink>
<RouterLink :to="{name: 'metrics'}">
<i class="fa fa-line-chart"></i> Метрика
</RouterLink>
</li>
<li :class="{active: route.name === 'store'}">
<RouterLink :to="{name: 'store'}">Витрина</RouterLink>
<RouterLink :to="{name: 'store'}">
<i class="fa fa-shopping-bag"></i> Витрина
</RouterLink>
</li>
<li :class="{active: route.name === 'texts'}">
<RouterLink :to="{name: 'texts'}">Тексты</RouterLink>
<RouterLink :to="{name: 'texts'}">
<i class="fa fa-file-text"></i> Тексты
</RouterLink>
</li>
<li :class="{active: route.name === 'orders'}">
<RouterLink :to="{name: 'orders'}">Заказы</RouterLink>
<RouterLink :to="{name: 'orders'}">
<i class="fa fa-shopping-cart"></i> Заказы
</RouterLink>
</li>
<li :class="{active: route.name === 'mainpage'}">
<RouterLink :to="{name: 'mainpage'}">Главная страница</RouterLink>
<RouterLink :to="{name: 'mainpage'}">
<i class="fa fa-home"></i> Главная страница
</RouterLink>
</li>
<li :class="{active: route.name === 'formbuilder'}">
<RouterLink :to="{name: 'formbuilder'}">Форма заказа</RouterLink>
<RouterLink :to="{name: 'formbuilder'}">
<i class="fa fa-wpforms"></i> Форма заказа
</RouterLink>
</li>
<li :class="{active: route.name === 'customers'}">
<RouterLink :to="{name: 'customers'}">Telegram Покупатели</RouterLink>
<RouterLink :to="{name: 'customers'}">
<i class="fa fa-users"></i> Покупатели
</RouterLink>
</li>
<li :class="{active: route.name === 'pulse'}">
<RouterLink :to="{name: 'pulse'}">TeleCart Pulse</RouterLink>
</li>
<li :class="{active: route.name === 'logs'}">
<RouterLink :to="{name: 'logs'}">Журнал событий</RouterLink>
<RouterLink :to="{name: 'pulse'}">
<i class="fa fa-heartbeat"></i> TeleCart Pulse
</RouterLink>
</li>
<li :class="{active: route.name === 'cron'}">
<RouterLink :to="{name: 'cron'}">CRON</RouterLink>
<RouterLink :to="{name: 'cron'}">
<i class="fa fa-clock-o"></i> CRON
</RouterLink>
</li>
</ul>