generated from VLADIMIR/template_frontend
fix menu
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Vendored
+2
-2
@@ -5,8 +5,8 @@
|
|||||||
<link rel="icon" href="/favicon.ico">
|
<link rel="icon" href="/favicon.ico">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Вечерний детектив</title>
|
<title>Вечерний детектив</title>
|
||||||
<script type="module" crossorigin src="/assets/index-Cv18iwiG.js"></script>
|
<script type="module" crossorigin src="/assets/index-BV3l7Wyg.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-BuOna_tK.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-CB2S996Z.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|||||||
@@ -48,7 +48,7 @@ getScenarios()
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<HeaderMenu :add-logout="true" active="catalog" />
|
<HeaderMenu active="catalog" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
|
|||||||
<template>
|
<template>
|
||||||
<div class="center-block-custom content-block">Игры</div>
|
<div class="center-block-custom content-block">Игры</div>
|
||||||
|
|
||||||
<HeaderMenu :add-logout="true" active="games" />
|
<HeaderMenu active="games" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped></style>
|
<style scoped></style>
|
||||||
|
|||||||
@@ -1,13 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
addLogin: {
|
|
||||||
type: Boolean,
|
|
||||||
required: false,
|
|
||||||
},
|
|
||||||
addLogout: {
|
|
||||||
type: Boolean,
|
|
||||||
required: false,
|
|
||||||
},
|
|
||||||
active: {
|
active: {
|
||||||
type: String,
|
type: String,
|
||||||
required: false,
|
required: false,
|
||||||
@@ -62,6 +54,9 @@ const openMenu = ref(false)
|
|||||||
</Icon>
|
</Icon>
|
||||||
</div>
|
</div>
|
||||||
<div class="left-group menu-buttons-block" :class="!openMenu ? 'menu-buttons-block-active' : ''">
|
<div class="left-group menu-buttons-block" :class="!openMenu ? 'menu-buttons-block-active' : ''">
|
||||||
|
<div class="menu-item-block" :class="{ active: props.active == 'main' }" @click="router.push('/')">
|
||||||
|
Главная
|
||||||
|
</div>
|
||||||
<div class="menu-item-block" :class="{ active: props.active == 'office' }" v-if="authStore.hasRole('user')"
|
<div class="menu-item-block" :class="{ active: props.active == 'office' }" v-if="authStore.hasRole('user')"
|
||||||
@click="router.push('/office')">
|
@click="router.push('/office')">
|
||||||
Кабинет
|
Кабинет
|
||||||
@@ -70,8 +65,7 @@ const openMenu = ref(false)
|
|||||||
@click="router.push('/games')">
|
@click="router.push('/games')">
|
||||||
Игры
|
Игры
|
||||||
</div>
|
</div>
|
||||||
<div class="menu-item-block" :class="{ active: props.active == 'catalog' }" v-if="hasPermission('catalog_page')"
|
<div class="menu-item-block" :class="{ active: props.active == 'catalog' }" @click="router.push('/catalog')">
|
||||||
@click="router.push('/catalog')">
|
|
||||||
Каталог
|
Каталог
|
||||||
</div>
|
</div>
|
||||||
<div class="menu-item-block" :class="{ active: props.active == 'scenarios' }"
|
<div class="menu-item-block" :class="{ active: props.active == 'scenarios' }"
|
||||||
@@ -85,10 +79,10 @@ const openMenu = ref(false)
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="right-group">
|
<div class="right-group">
|
||||||
<div v-if="props.addLogin" class="menu-item-block right" @click="goToLogin">
|
<div v-if="!authStore.isAuthenticated" class="menu-item-block right" @click="goToLogin">
|
||||||
Войти
|
Войти
|
||||||
</div>
|
</div>
|
||||||
<div v-if="props.addLogout" class="menu-item-block right" @click="goToLogout">Выйти</div>
|
<div v-if="authStore.isAuthenticated" class="menu-item-block right" @click="goToLogout">Выйти</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ getPermissions()
|
|||||||
{{ permissions }} -->
|
{{ permissions }} -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<HeaderMenu :add-logout="true" active="office" />
|
<HeaderMenu active="office" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped></style>
|
<style scoped></style>
|
||||||
|
|||||||
@@ -52,7 +52,7 @@ getScenario(Number(scenarioId))
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<HeaderMenu :add-logout="true" active="catalog" />
|
<HeaderMenu active="catalog" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -348,7 +348,7 @@ async function deletePlace(place: Place) {
|
|||||||
</n-card>
|
</n-card>
|
||||||
</n-modal>
|
</n-modal>
|
||||||
|
|
||||||
<HeaderMenu :add-logout="true" active="scenarios" />
|
<HeaderMenu active="scenarios" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -84,7 +84,7 @@ getScenarios()
|
|||||||
</n-card>
|
</n-card>
|
||||||
</n-modal>
|
</n-modal>
|
||||||
|
|
||||||
<HeaderMenu :add-logout="true" active="scenarios" />
|
<HeaderMenu active="scenarios" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -76,7 +76,7 @@ async function deleteRole(userId: number, role: string) {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<HeaderMenu :add-logout="true" active="users" />
|
<HeaderMenu active="users" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<HeaderMenu :add-login="true" />
|
<HeaderMenu active="main" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="css">
|
<style lang="css">
|
||||||
|
|||||||
@@ -1,9 +1,13 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import LoginPage from '@/components/LoginPage.vue'
|
import LoginPage from '@/components/LoginPage.vue'
|
||||||
|
import HeaderMenu from '@/components/HeaderMenu.vue'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<LoginPage />
|
<LoginPage />
|
||||||
|
|
||||||
|
|
||||||
|
<HeaderMenu />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="css"></style>
|
<style lang="css"></style>
|
||||||
|
|||||||
Reference in New Issue
Block a user