From eedd94ba0fdfa4248af0b9a251a344948ed500fc Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Mon, 4 Sep 2023 17:31:43 +0200
Subject: [PATCH] Implement maintenance

---
 .../migration.sql                             |  2 ++
 prisma/schema.prisma                          |  1 +
 src/components/header/Header.vue              |  6 ++---
 src/layouts/maintenance.vue                   |  2 +-
 src/middleware/maintenance.global.ts          | 23 +++++++++++++++++++
 src/middlewares/maintenance.ts                | 17 --------------
 src/server/trpc/routers/maintenance.ts        |  2 +-
 7 files changed, 31 insertions(+), 22 deletions(-)
 create mode 100644 prisma/migrations/20230904151655_maintenance_add_activation/migration.sql
 create mode 100644 src/middleware/maintenance.global.ts
 delete mode 100644 src/middlewares/maintenance.ts

diff --git a/prisma/migrations/20230904151655_maintenance_add_activation/migration.sql b/prisma/migrations/20230904151655_maintenance_add_activation/migration.sql
new file mode 100644
index 0000000..ee0995c
--- /dev/null
+++ b/prisma/migrations/20230904151655_maintenance_add_activation/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Maintenance" ADD COLUMN     "enabled" BOOLEAN NOT NULL DEFAULT true;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 93bc8cc..37f3982 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -15,6 +15,7 @@ model Maintenance {
   beginAt   DateTime @default(now())
   endAt     DateTime @default(now())
   createdAt DateTime @default(now())
+  enabled   Boolean  @default(true)
 }
 
 model Announcement {
diff --git a/src/components/header/Header.vue b/src/components/header/Header.vue
index 134f599..a292afb 100644
--- a/src/components/header/Header.vue
+++ b/src/components/header/Header.vue
@@ -2,14 +2,14 @@
   <header class="z-30 sticky top-0 left-0 flex justify-center w-full">
     <div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
       <Logo />
-      <NavBar v-if="navbar" />
+      <NavBar v-if="navigation" />
       <div class="flex gap-2">
         <ClientOnly>
           <div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300">
             <ColorPicker />
             <ColorModeButton />
           </div>
-          <MobileNavBar />
+          <MobileNavBar v-if="navigation" />
         </ClientOnly>
       </div>
     </div>
@@ -19,7 +19,7 @@
 <script setup lang="ts">
 
 defineProps({
-  navbar: {
+  navigation: {
     type: Boolean,
     default: true,
   },
diff --git a/src/layouts/maintenance.vue b/src/layouts/maintenance.vue
index d4345f8..2872203 100644
--- a/src/layouts/maintenance.vue
+++ b/src/layouts/maintenance.vue
@@ -12,7 +12,7 @@ const getColor = computed(() => appConfig.ui.primary)
       </div>
     </section>
     <div class="relative z-50 min-h-[100svh]">
-      <Header :navbar="false" />
+      <Header :navigation="false" />
       <UContainer>
         <NuxtPage />
       </UContainer>
diff --git a/src/middleware/maintenance.global.ts b/src/middleware/maintenance.global.ts
new file mode 100644
index 0000000..f6a0349
--- /dev/null
+++ b/src/middleware/maintenance.global.ts
@@ -0,0 +1,23 @@
+export default defineNuxtRouteMiddleware(async (to) => {
+  let isMaintenance = ref<Boolean>(true)
+  const { $trpc } = useNuxtApp()
+
+  try {
+    isMaintenance.value = await $trpc.maintenance.is.query()
+  } catch (error) {
+    return navigateTo('/maintenance')
+  }
+
+  if (isMaintenance.value && to.path !== '/maintenance') {
+    return navigateTo('/maintenance', {
+      redirectCode: 301,
+    })
+  }
+
+  if (!isMaintenance.value && to.path === '/maintenance') {
+    return navigateTo('/', {
+      redirectCode: 301,
+      replace: true,
+    })
+  }
+})
diff --git a/src/middlewares/maintenance.ts b/src/middlewares/maintenance.ts
deleted file mode 100644
index ac82de5..0000000
--- a/src/middlewares/maintenance.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export default defineNuxtRouteMiddleware(async (to, from) => {
-  let isMaintenance = true
-  const { $trpc } = useNuxtApp()
-
-  try {
-    isMaintenance = await $trpc.maintenance.is.query()
-  } catch (error) {
-    return navigateTo('/maintenance')
-  }
-
-  if (isMaintenance) {
-    return navigateTo('/maintenance')
-  }
-  if (!isMaintenance && to.path === '/maintenance') {
-    return navigateTo('/')
-  }
-})
diff --git a/src/server/trpc/routers/maintenance.ts b/src/server/trpc/routers/maintenance.ts
index c23eb45..29de3ac 100644
--- a/src/server/trpc/routers/maintenance.ts
+++ b/src/server/trpc/routers/maintenance.ts
@@ -17,6 +17,6 @@ export default router({
         },
       })
       const today = new Date()
-      return !!maintenance && maintenance.beginAt.getTime() < today.getTime() && maintenance.endAt.getTime() > today.getTime()
+      return !!maintenance && maintenance.enabled && maintenance.beginAt.getTime() < today.getTime() && maintenance.endAt.getTime() > today.getTime()
     }),
 })