goc_daniel/b2b
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

fix meilisearch

Browse Source
This commit is contained in:
Marek Goc
2026-03-26 22:00:42 +01:00
parent 29260080c2
commit ec05101037
21 changed files with 545 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
bo/src/components/TopBar.vue
View File

@@ -3,37 +3,35 @@ import { useFetchJson } from '@/composable/useFetchJson'
import LangSwitch from './inner/langSwitch.vue'
import ThemeSwitch from './inner/themeSwitch.vue'
import { useAuthStore } from '@/stores/auth'
import type { ApiResponse } from '@/types'
import { computed, ref } from 'vue'
import { currentLang } from '@/router/langs'
import type { LabelTrans, TopMenuItem } from '@/types'
import type { NavigationMenuItem } from '@nuxt/ui'
const authStore = useAuthStore()
let menu = ref()
async function getTopMenu() {
try {
const { items } = await useFetchJson<ApiResponse>('/api/v1/restricted/menu/get-top-menu')
const { items } = await useFetchJson<TopMenuItem>('/api/v1/restricted/menu/get-top-menu')
menu.value = items
} catch (err) {
console.log(err);
console.log(err)
}
}
const menuItems = computed(() =>
transformMenu(menu.value[0].children, currentLang.value?.iso_code)
)
function transformMenu(items, locale: string | undefined) {
const menuItems = computed(() => transformMenu(menu.value[0].children, currentLang.value?.iso_code))
function transformMenu(items: TopMenuItem[], locale: string | undefined): NavigationMenuItem[] {
return items.map((item) => {
const parsedLabel = JSON.parse(item.label)
return {
let route = {
icon: 'i-lucide-house',
label: parsedLabel.trans[locale] || parsedLabel.name,
to: { name: parsedLabel.name },
children: item.children
? transformMenu(item.children, locale)
: undefined,
label: item.label.trans[locale as keyof LabelTrans].label,
children: item.children ? transformMenu(item.children, locale) : undefined,
}
if (item.params?.route) {
route = { ...route, ...{ to: { name: item.params.route.name, params: { locale: locale } } } }
}
return route
})
}
@@ -43,8 +41,7 @@ await getTopMenu()
<template>
{{ menuItems }}
<!-- fixed top-0 left-0 right-0 z-50 -->
<header
class=" bg-white/80 dark:bg-(--black) backdrop-blur-md border-b border-(--border-light) dark:border-(--border-dark)">
<header class="bg-white/80 dark:bg-(--black) backdrop-blur-md border-b border-(--border-light) dark:border-(--border-dark)">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-14">
<!-- Logo -->
@@ -55,7 +52,7 @@ await getTopMenu()
<span class="font-semibold text-gray-900 dark:text-white">TimeTracker</span>
</RouterLink>
<UNavigationMenu :items="menuItems" />
<UNavigationMenu :items="menuItems" class="w-full" />
<!-- {{ router }} -->
<!-- <RouterLink :to="{ name: 'admin-products' }">
@@ -93,8 +90,11 @@ await getTopMenu()
<!-- Theme Switcher -->
<ThemeSwitch />
<!-- Logout Button (only when authenticated) -->
<button v-if="authStore.isAuthenticated" @click="authStore.logout()"
class="px-3 py-1.5 text-sm font-medium text-black dark:text-white hover:text-black dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-600 rounded-lg transition-colors border border-(--border-light) dark:border-(--border-dark)">
<button
v-if="authStore.isAuthenticated"
@click="authStore.logout()"
class="px-3 py-1.5 text-sm font-medium text-black dark:text-white hover:text-black dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-600 rounded-lg transition-colors border border-(--border-light) dark:border-(--border-dark)"
>
{{ $t('general.logout') }}
</button>
</div>