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

@@ -78,7 +78,14 @@
</div>
</div>
<div class="tw:mt-6 tw:lg:mt-0 tw:flex tw:items-center tw:gap-4">
<ResetCacheBtn/>
<ButtonGroup>
<ResetCacheBtn/>
<Button
icon="fa fa-list"
v-tooltip.top="'Журнал событий'"
@click="showLogsDrawer = true"
/>
</ButtonGroup>
<ButtonGroup>
<Button
icon="fa fa-play"
@@ -104,6 +111,16 @@
</ButtonGroup>
</div>
</div>
<Drawer
v-model:visible="showLogsDrawer"
header="Журнал событий"
position="right"
:baseZIndex="1000"
class="tw:!w-full tw:md:!w-1/2"
>
<LogsViewer/>
</Drawer>
</div>
</template>
@@ -114,12 +131,14 @@ import {onMounted, ref} from "vue";
import OcImagePicker from "@/components/OcImagePicker.vue";
import {apiGet} from "@/utils/http.js";
import ResetCacheBtn from "@/components/Form/ResetCacheBtn.vue";
import {Button, ButtonGroup} from "primevue";
import {Button, ButtonGroup, Drawer} from "primevue";
import {rub} from "@/utils/helpers.js";
import LogsViewer from "@/components/LogsViewer.vue";
const settings = useSettingsStore();
const stats = useStatsStore();
const tgMe = ref(null);
const showLogsDrawer = ref(false);
onMounted(async () => {
await stats.fetchStats();