xXx

Hexid M1n1 5h3ll MobiLe

home/emberdemos/corehr_app/current/resources/js/Layouts/_[ Writable ]

File:/home/emberdemos/corehr_app/current/resources/js/Layouts/AuthenticatedLayout.vue

<script setup lang="ts">
import { usePage } from '@inertiajs/vue3'
import { useThemeStore } from '@/stores/theme'
import AppSidebar from '@/Components/AppSidebar.vue'
import { Toaster } from '@/components/ui/sonner'
import { useFlashMessages } from '@/composables/useFlashMessages'
import {
    SidebarInset,
    SidebarProvider,
    SidebarTrigger,
} from '@/components/ui/sidebar'
import { Separator } from '@/components/ui/separator'
import AppBreadcrumb from '@/Components/AppBreadcrumb.vue'
import ThemeToggle from '@/Components/ThemeToggle.vue';
import type { BreadcrumbLink } from '@/types'
import { useBranding } from '@/composables/useBranding'
import { useThemeEngine } from '@/composables/useThemeEngine'

defineProps<{
    title: string;
    breadcrumbs?: BreadcrumbLink[];
}>()

useFlashMessages()
useThemeEngine()
const { faviconUrl } = useBranding()

const themeStore = useThemeStore()
const page = usePage()
themeStore.setPrimaryColor(page.props.branding.primary_color)
</script>

<template>

    <Head>
        <link v-if="faviconUrl" rel="icon" :href="faviconUrl" />
    </Head>
    <div vaul-drawer-wrapper>
        <SidebarProvider>
            <AppSidebar />
            <SidebarInset>
                <header class="flex items-center gap-4 px-4 border-b h-14 bg-background sm:h-16 sm:px-6">
                    <SidebarTrigger class="w-5 h-5" />
                    <Separator orientation="vertical" class="h-6" />
                    <AppBreadcrumb :links="breadcrumbs" />

                    <div class="flex items-center gap-2 ml-auto">
                        <ThemeToggle />
                    </div>
                </header>
                <main class="flex flex-col flex-1 gap-4 p-4 sm:gap-6 sm:p-6">
                    <div class="flex items-center">
                        <h1 class="text-lg font-semibold md:text-xl">{{ title }}</h1>
                        <div class="flex items-center gap-2 ml-auto">
                            <slot name="headerActions" />
                        </div>
                    </div>
                    <slot />
                </main>
            </SidebarInset>
        </SidebarProvider>

        <Toaster rich-colors position="top-right" />
    </div>
</template>

Your Access Expired	Date. in : 15-12-2025
Regist : 09-12-2024	Expired : 01-12-2027