From 7f2a6ba43866455e76a91610c8a34f48791b2424 Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Thu, 25 Sep 2025 16:45:37 +0200
Subject: [PATCH] Added Maintenance Modes TO APP

---
 layouts/mobile.vue | 191 +++++++++++++++++++++++++++++++++++----------
 1 file changed, 149 insertions(+), 42 deletions(-)

diff --git a/layouts/mobile.vue b/layouts/mobile.vue
index 552706d..543a637 100644
--- a/layouts/mobile.vue
+++ b/layouts/mobile.vue
@@ -78,56 +78,163 @@ const footerLinks = [/*{
 </script>
 
 <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">
-      <UDashboardPanel grow>
-        <slot />
-      </UDashboardPanel>
-    </UDashboardPage>
+          <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">
+            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
-        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'"
-      />
+
+        </UCard>
+      </UContainer>
     </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 -->
-    <HelpSlideover/>
-    <!-- ~/components/NotificationsSlideover.vue -->
-    <NotificationsSlideover />
+      <!-- ~/components/HelpSlideover.vue -->
+      <HelpSlideover/>
+      <!-- ~/components/NotificationsSlideover.vue -->
+      <NotificationsSlideover />
 
 
-  </UDashboardLayout>
+    </UDashboardLayout>
+  </div>
+
   <div
       v-else
       class="flex flex-col"