modified: README.md
modified: main_dc/BB/bbvue/src/components/NavigationMenu.vue add logic for change Войти Выйти into h-menu
This commit is contained in:
@@ -7,7 +7,6 @@
|
|||||||
### BackEnd REST API on Golang 1.25.1
|
### BackEnd REST API on Golang 1.25.1
|
||||||
### FrontEnd vue3.js
|
### FrontEnd vue3.js
|
||||||
|
|
||||||
|
|
||||||
### Zagir Загир тренер
|
### Zagir Загир тренер
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -52,9 +52,12 @@
|
|||||||
<router-link to="/register" class="dropdown-nav-link accent" @click="closeMobileMenu">
|
<router-link to="/register" class="dropdown-nav-link accent" @click="closeMobileMenu">
|
||||||
📝 Регистрация
|
📝 Регистрация
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link to="/login" class="dropdown-nav-link accent" @click="closeMobileMenu">
|
<router-link v-if="!isAuthenticated" to="/login" class="dropdown-nav-link accent" @click="closeMobileMenu">
|
||||||
🔐 Войти
|
🔐 Войти
|
||||||
</router-link>
|
</router-link>
|
||||||
|
<router-link v-else to="/logout" class="dropdown-nav-link accent" @click="closeMobileMenu">
|
||||||
|
🔐 Выйти
|
||||||
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
@@ -67,10 +70,14 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import writeLogo from './writeLogo.vue';
|
import writeLogo from './writeLogo.vue';
|
||||||
|
import { Icon } from '@iconify/vue'
|
||||||
|
import { useAuthStore } from '@/src/stores/auth'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'NavigationMenu',
|
name: 'NavigationMenu',
|
||||||
components: {
|
components: {
|
||||||
writeLogo
|
writeLogo,
|
||||||
|
Icon
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -78,6 +85,13 @@ export default {
|
|||||||
resizeTimeout: null
|
resizeTimeout: null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
// Получаем статус авторизации из стора
|
||||||
|
isAuthenticated() {
|
||||||
|
const authStore = useAuthStore()
|
||||||
|
return authStore.isAuthenticated
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toggleMobileMenu() {
|
toggleMobileMenu() {
|
||||||
this.isMobileMenuOpen = !this.isMobileMenuOpen
|
this.isMobileMenuOpen = !this.isMobileMenuOpen
|
||||||
|
|||||||
Reference in New Issue
Block a user