Added Maintenance Modes TO APP
This commit is contained in:
@@ -78,56 +78,163 @@ const footerLinks = [/*{
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<UDashboardLayout class="safearea" v-if="!auth.loading">
|
<div v-if="!auth.loading">
|
||||||
|
<div v-if="auth.activeTenantData?.locked === 'maintenance_tenant'">
|
||||||
|
<UContainer class="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
|
||||||
|
<UCard class="max-w-lg text-center p-10">
|
||||||
|
<UColorModeImage
|
||||||
|
light="/Logo_Hell_Weihnachten.png"
|
||||||
|
dark="/Logo_Dunkel_Weihnachten.png"
|
||||||
|
class=" mx-auto my-10"
|
||||||
|
v-if="month === '12'"
|
||||||
|
/>
|
||||||
|
<UColorModeImage
|
||||||
|
light="/Logo.png"
|
||||||
|
dark="/Logo_Dark.png"
|
||||||
|
class="mx-auto my-10"
|
||||||
|
v-else
|
||||||
|
/>
|
||||||
|
<div class="flex justify-center mb-6">
|
||||||
|
<UIcon name="i-heroicons-exclamation-triangle-solid" class="w-16 h-16 text-yellow-500" />
|
||||||
|
</div>
|
||||||
|
|
||||||
<UDashboardPage style="height: 90vh">
|
<h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
|
||||||
<UDashboardPanel grow>
|
Wartungsarbeiten
|
||||||
<slot />
|
</h1>
|
||||||
</UDashboardPanel>
|
<p class="text-gray-600 dark:text-gray-300 mb-8">
|
||||||
</UDashboardPage>
|
Dieser FEDEO Mandant wird derzeit gewartet. Bitte versuche es in einigen Minuten erneut oder verwende einen anderen Mandanten.
|
||||||
|
</p>
|
||||||
|
<div class="mx-auto text-left flex flex-row justify-between my-3" v-for="tenant in auth.tenants">
|
||||||
|
{{tenant.name}}
|
||||||
|
<UButton
|
||||||
|
:disabled="tenant.locked"
|
||||||
|
@click="auth.switchTenant(tenant.id)"
|
||||||
|
>Wählen</UButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="mobileFooter bg-white dark:bg-gray-950">
|
|
||||||
<UButton
|
</UCard>
|
||||||
icon="i-heroicons-home"
|
</UContainer>
|
||||||
to="/mobile/"
|
|
||||||
variant="ghost"
|
|
||||||
:color="route.fullPath === '/mobile' ? 'primary' : 'gray'"
|
|
||||||
/>
|
|
||||||
<UButton
|
|
||||||
icon="i-heroicons-clipboard-document-check"
|
|
||||||
to="/standardEntity/tasks"
|
|
||||||
variant="ghost"
|
|
||||||
:color="route.fullPath === '/standardEntity/tasks' ? 'primary' : 'gray'"
|
|
||||||
/>
|
|
||||||
<UButton
|
|
||||||
icon="i-heroicons-rectangle-stack"
|
|
||||||
to="/standardEntity/projects"
|
|
||||||
variant="ghost"
|
|
||||||
:color="route.fullPath === '/standardEntity/projects' ? 'primary' : 'gray'"
|
|
||||||
/>
|
|
||||||
<!-- <UButton
|
|
||||||
icon="i-heroicons-clock"
|
|
||||||
to="/workingtimes"
|
|
||||||
variant="ghost"
|
|
||||||
:color="route.fullPath === '/workingtimes' ? 'primary' : 'gray'"
|
|
||||||
/>-->
|
|
||||||
<UButton
|
|
||||||
icon="i-heroicons-bars-4"
|
|
||||||
to="/mobile/menu"
|
|
||||||
variant="ghost"
|
|
||||||
:color="route.fullPath === '/mobile/menu' ? 'primary' : 'gray'"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else-if="auth.activeTenantData?.locked === 'maintenance'">
|
||||||
|
<UContainer class="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
|
||||||
|
<UCard class="max-w-lg text-center p-10">
|
||||||
|
<UColorModeImage
|
||||||
|
light="/Logo_Hell_Weihnachten.png"
|
||||||
|
dark="/Logo_Dunkel_Weihnachten.png"
|
||||||
|
class=" mx-auto my-10"
|
||||||
|
v-if="month === '12'"
|
||||||
|
/>
|
||||||
|
<UColorModeImage
|
||||||
|
light="/Logo.png"
|
||||||
|
dark="/Logo_Dark.png"
|
||||||
|
class="mx-auto my-10"
|
||||||
|
v-else
|
||||||
|
/>
|
||||||
|
<div class="flex justify-center mb-6">
|
||||||
|
<UIcon name="i-heroicons-exclamation-triangle-solid" class="w-16 h-16 text-yellow-500" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
|
||||||
|
Wartungsarbeiten
|
||||||
|
</h1>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 mb-8">
|
||||||
|
FEDEO wird derzeit gewartet. Bitte versuche es in einigen Minuten erneut.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</UCard>
|
||||||
|
</UContainer>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="auth.activeTenantData?.locked === 'no_subscription'">
|
||||||
|
<UContainer class="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
|
||||||
|
<UCard class="max-w-lg text-center p-10">
|
||||||
|
<UColorModeImage
|
||||||
|
light="/Logo_Hell_Weihnachten.png"
|
||||||
|
dark="/Logo_Dunkel_Weihnachten.png"
|
||||||
|
class=" mx-auto my-10"
|
||||||
|
v-if="month === '12'"
|
||||||
|
/>
|
||||||
|
<UColorModeImage
|
||||||
|
light="/Logo.png"
|
||||||
|
dark="/Logo_Dark.png"
|
||||||
|
class="mx-auto my-10"
|
||||||
|
v-else
|
||||||
|
/>
|
||||||
|
<div class="flex justify-center mb-6">
|
||||||
|
<UIcon name="i-heroicons-credit-card" class="w-16 h-16 text-red-600" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
|
||||||
|
Kein Aktives Abonnement für diesen Mandant.
|
||||||
|
</h1>
|
||||||
|
<p class="text-gray-600 dark:text-gray-300 mb-8">
|
||||||
|
Bitte wenden Sie sich an den FEDEO Support um ein Abonnement zu erhalten oder verwenden Sie einen anderen Mandanten.
|
||||||
|
</p>
|
||||||
|
<div class="mx-auto text-left flex flex-row justify-between my-3" v-for="tenant in auth.tenants">
|
||||||
|
{{tenant.name}}
|
||||||
|
<UButton
|
||||||
|
:disabled="tenant.locked"
|
||||||
|
@click="auth.switchTenant(tenant.id)"
|
||||||
|
>Wählen</UButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</UCard>
|
||||||
|
</UContainer>
|
||||||
|
</div>
|
||||||
|
<UDashboardLayout class="safearea" v-else>
|
||||||
|
|
||||||
|
<UDashboardPage style="height: 90vh">
|
||||||
|
<UDashboardPanel grow>
|
||||||
|
<slot />
|
||||||
|
</UDashboardPanel>
|
||||||
|
</UDashboardPage>
|
||||||
|
|
||||||
|
<div class="mobileFooter bg-white dark:bg-gray-950">
|
||||||
|
<UButton
|
||||||
|
icon="i-heroicons-home"
|
||||||
|
to="/mobile/"
|
||||||
|
variant="ghost"
|
||||||
|
:color="route.fullPath === '/mobile' ? 'primary' : 'gray'"
|
||||||
|
/>
|
||||||
|
<UButton
|
||||||
|
icon="i-heroicons-clipboard-document-check"
|
||||||
|
to="/standardEntity/tasks"
|
||||||
|
variant="ghost"
|
||||||
|
:color="route.fullPath === '/standardEntity/tasks' ? 'primary' : 'gray'"
|
||||||
|
/>
|
||||||
|
<UButton
|
||||||
|
icon="i-heroicons-rectangle-stack"
|
||||||
|
to="/standardEntity/projects"
|
||||||
|
variant="ghost"
|
||||||
|
:color="route.fullPath === '/standardEntity/projects' ? 'primary' : 'gray'"
|
||||||
|
/>
|
||||||
|
<!-- <UButton
|
||||||
|
icon="i-heroicons-clock"
|
||||||
|
to="/workingtimes"
|
||||||
|
variant="ghost"
|
||||||
|
:color="route.fullPath === '/workingtimes' ? 'primary' : 'gray'"
|
||||||
|
/>-->
|
||||||
|
<UButton
|
||||||
|
icon="i-heroicons-bars-4"
|
||||||
|
to="/mobile/menu"
|
||||||
|
variant="ghost"
|
||||||
|
:color="route.fullPath === '/mobile/menu' ? 'primary' : 'gray'"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ~/components/HelpSlideover.vue -->
|
<!-- ~/components/HelpSlideover.vue -->
|
||||||
<HelpSlideover/>
|
<HelpSlideover/>
|
||||||
<!-- ~/components/NotificationsSlideover.vue -->
|
<!-- ~/components/NotificationsSlideover.vue -->
|
||||||
<NotificationsSlideover />
|
<NotificationsSlideover />
|
||||||
|
|
||||||
|
|
||||||
</UDashboardLayout>
|
</UDashboardLayout>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
v-else
|
v-else
|
||||||
class="flex flex-col"
|
class="flex flex-col"
|
||||||
|
|||||||
Reference in New Issue
Block a user