admin link

This commit is contained in:
2026-07-29 13:22:57 +02:00
parent 598a4722cc
commit beac29c851
+5 -1
View File
@@ -12,6 +12,7 @@
<RouterLink to="/code" class="p-2 hover:text-purple-300 transition-colors duration-200">{{ t('nav.code') }}</RouterLink>
<RouterLink to="/team" class="p-2 hover:text-purple-300 transition-colors duration-200">{{ t('nav.team') }}</RouterLink>
<RouterLink to="/contact" class="p-2 hover:text-purple-300 transition-colors duration-200">{{ t('nav.contact') }}</RouterLink>
<a v-if="isAdmin" href="/admin" class="p-2 hover:text-yellow-300 transition-colors duration-200">🔧 Admin</a>
<div class="flex items-center gap-1 text-sm font-bold ml-2 border-l border-gray-600 pl-4">
<button :class="locale === 'en' ? 'text-white' : 'text-gray-400 hover:text-white'" class="transition-colors px-1" @click="switchLocale('en')">EN</button>
@@ -36,6 +37,7 @@
<RouterLink to="/code" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">{{ t('nav.code') }}</RouterLink>
<RouterLink to="/team" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">{{ t('nav.team') }}</RouterLink>
<RouterLink to="/contact" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">{{ t('nav.contact') }}</RouterLink>
<a v-if="isAdmin" href="/admin" class="block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200">🔧 Admin</a>
<div class="flex items-center gap-2 pt-2 border-t border-gray-700 w-full justify-center text-sm font-bold">
<button :class="locale === 'en' ? 'text-white' : 'text-gray-400'" class="transition-colors px-2 py-1" @click="switchLocale('en')">EN</button>
<span class="text-gray-600">|</span>
@@ -72,11 +74,12 @@
</template>
<script setup lang="ts">
import { watch } from 'vue'
import { computed, watch } from 'vue'
import { storeToRefs } from 'pinia'
import { RouterLink, useRoute } from 'vue-router'
import { useI18n } from 'vue-i18n'
import { useUiStore } from '../stores/ui.store'
import { getCookie } from '../lib/cookie'
const { t, locale } = useI18n()
@@ -84,6 +87,7 @@ const ui = useUiStore()
const { isRetroMode, menuOpen } = storeToRefs(ui)
const { toggleMenu, toggleRetroMode } = ui
const route = useRoute()
const isAdmin = computed(() => !!getCookie('remember_admin_user_token'))
watch(() => route.path, () => {
ui.closeMenu()