/
NoWhoFU
/
GalTech
Обзор
Документация
Войти
/
NoWhoFU
/
GalTech
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
frontend/src/components/LeftSidebar.vue
56 строк
2 KB
VladKost999
старт проекта
02 июн 2026, 17:41
02 июн 2026, 17:41
d44a1d7
Код
Авторство
О чём код?
<template> <aside class="sidebar-panel"> <div class="brand-header"> <span class="brand-logo">GalTech</span> <span class="brand-version">v2.0 Premium</span> </div> <nav class="navigation-menu"> <pv-button icon="pi pi-search" label="Каталог книг" :class="modelValue === 'search' ? '' : 'p-button-secondary'" @click="$emit('update:modelValue', 'search')" /> <pv-button icon="pi pi-heart" label="Избранное" :class="modelValue === 'favorites' ? '' : 'p-button-secondary'" @click="$emit('update:modelValue', 'favorites')" /> <pv-button icon="pi pi-map-marker" label="Библиотека" :class="modelValue === 'map' ? '' : 'p-button-secondary'" @click="$emit('update:modelValue', 'map')" /> </nav> <div class="sidebar-footer"> <div class="user-avatar-area"> <pv-avatar :label="userInitials" size="large" shape="circle" class="avatar-premium" /> <div class="user-details"> <div class="user-fullname">{{ userName }}</div> <div class="user-role">Читатель ИОБДЮ</div> </div> </div> </div> </aside> </template> <script setup> defineProps({ modelValue: { type: String, required: true }, favoritesCount: { type: Number, default: 0 }, userName: { type: String, required: true }, userInitials: { type: String, required: true } }) defineEmits(['update:modelValue']) </script>