modified: main_dc/BB/bbvue/src/App.vue
modified: main_dc/BB/bbvue/src/components/NavigationMenu.vue delete incon and add into h-menu logic with login/logout state and menu item Вход\выход
This commit is contained in:
@@ -19,18 +19,6 @@
|
|||||||
|
|
||||||
<!-- Используем компонент меню -->
|
<!-- Используем компонент меню -->
|
||||||
<div class="menu-box">
|
<div class="menu-box">
|
||||||
<!-- Отображение зависит от авторизации -->
|
|
||||||
<div class="menu-box-item" v-if="isAuthenticated">
|
|
||||||
<RouterLink to="/logout" class="r-link logout">
|
|
||||||
<Icon icon="material-symbols:account-circle" class="profile-icon authed" />
|
|
||||||
</RouterLink>
|
|
||||||
</div>
|
|
||||||
<div class="menu-box-item" v-else>
|
|
||||||
<RouterLink to="/login" class="r-link login">
|
|
||||||
<Icon icon="material-symbols:no-accounts" class="profile-icon nonAuthed" />
|
|
||||||
</RouterLink>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="menu-box-item h-menu">
|
<div class="menu-box-item h-menu">
|
||||||
<NavigationMenu />
|
<NavigationMenu />
|
||||||
</div>
|
</div>
|
||||||
@@ -54,14 +42,12 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import NavigationMenu from './components/NavigationMenu.vue'
|
import NavigationMenu from './components/NavigationMenu.vue'
|
||||||
import { Icon } from '@iconify/vue'
|
import { useAuthStore } from '@/src/stores/auth'
|
||||||
import { useAuthStore } from '@/src/stores/auth' // Добавлен импорт
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'App',
|
name: 'App',
|
||||||
components: {
|
components: {
|
||||||
NavigationMenu,
|
NavigationMenu,
|
||||||
Icon
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -69,15 +69,13 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import writeLogo from './writeLogo.vue';
|
import writeLogo from './writeLogo.vue'
|
||||||
import { Icon } from '@iconify/vue'
|
|
||||||
import { useAuthStore } from '@/src/stores/auth'
|
import { useAuthStore } from '@/src/stores/auth'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'NavigationMenu',
|
name: 'NavigationMenu',
|
||||||
components: {
|
components: {
|
||||||
writeLogo,
|
writeLogo,
|
||||||
Icon
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
Reference in New Issue
Block a user