From c70d7cbe1482cd9a8812ddc22039223b6351d0c9 Mon Sep 17 00:00:00 2001
From: Max batleforc <maxleriche.60@gmail.com>
Date: Mon, 27 Jan 2025 23:22:44 +0100
Subject: [PATCH] feat: setup maintenance bandeau

---
 apps/front/src/component/helper/WarnBan.vue | 18 ++++++++++++++++++
 apps/front/src/stores/page.ts               |  2 ++
 apps/front/src/views/BlogHomeView.vue       |  4 ++++
 apps/front/src/views/BlogView.vue           |  2 ++
 apps/front/src/views/DocHomeView.vue        |  2 ++
 apps/front/src/views/DocView.vue            |  4 ++--
 6 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 apps/front/src/component/helper/WarnBan.vue

diff --git a/apps/front/src/component/helper/WarnBan.vue b/apps/front/src/component/helper/WarnBan.vue
new file mode 100644
index 0000000..cd17d2c
--- /dev/null
+++ b/apps/front/src/component/helper/WarnBan.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+defineProps({
+  className: {
+    type: String,
+    default: '',
+  },
+  text: {
+    type: String,
+    default: '',
+  },
+});
+</script>
+
+<template>
+  <h1 class="font-bold p-4 text-white bg-red-600 text-center" :class="className">
+    🚧🚧 WARNING : {{ text }} 🚧🚧
+  </h1>
+</template>
\ No newline at end of file
diff --git a/apps/front/src/stores/page.ts b/apps/front/src/stores/page.ts
index 3223c10..d949d48 100644
--- a/apps/front/src/stores/page.ts
+++ b/apps/front/src/stores/page.ts
@@ -9,6 +9,7 @@ export interface PageState {
   pageV2?: PageV2;
   pagePath: string;
   v2Switch: boolean;
+  maintenance: boolean;
 }
 
 export const usePageStore = defineStore('page', {
@@ -16,6 +17,7 @@ export const usePageStore = defineStore('page', {
     pageLoading: false,
     pagePath: '',
     v2Switch: true,
+    maintenance: false,
   }),
   actions: {
     fetchPage(path: string) {
diff --git a/apps/front/src/views/BlogHomeView.vue b/apps/front/src/views/BlogHomeView.vue
index 4d0c962..fbc6d69 100644
--- a/apps/front/src/views/BlogHomeView.vue
+++ b/apps/front/src/views/BlogHomeView.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
+import WarnBan from '../component/helper/WarnBan.vue';
 import PageMetadata from '../component/Page/PageMetadata.vue';
 import { useBlogStore } from '../stores/blog';
 import { useDocStore } from '../stores/doc';
+import { usePageStore } from '../stores/page';
 
 
 const docStore = useDocStore();
 const blogStore = useBlogStore();
+const pageStore = usePageStore();
 
 if (!docStore.inited && !docStore.docLoading) {
   docStore.init();
@@ -19,6 +22,7 @@ if (!blogStore.inited && !blogStore.blogLoading) {
 
 <template>
   <div id="title">
+    <WarnBan v-if="pageStore.maintenance" text="Maintenance en cours" />
     <div class="flex flex-row justify-center"
       v-if="blogStore.inited && !blogStore.blogLoading && blogStore.getBlogContent !== undefined">
       <ul class="flex flex-col w-full">
diff --git a/apps/front/src/views/BlogView.vue b/apps/front/src/views/BlogView.vue
index 4139d8d..0ca375a 100644
--- a/apps/front/src/views/BlogView.vue
+++ b/apps/front/src/views/BlogView.vue
@@ -6,6 +6,7 @@ import { usePageStore } from '../stores/page';
 import { computed, watch } from 'vue';
 import PageRender from '../component/Page/PageRender.vue';
 import PageV2Render from '../component/PageV2/PageV2Render.vue';
+import WarnBan from '../component/helper/WarnBan.vue';
 
 const route = useRoute();
 const docStore = useDocStore();
@@ -42,6 +43,7 @@ watch(pathReactive, (newVal) => {
 <template>
   <div id="title" class="docContainer" v-if="docStore.inited && blogStore.inited">
     <div class="docContent">
+      <WarnBan v-if="pageStore.maintenance" text="Maintenance en cours" />
       <div class="docRealContent" v-if="pageStore.page !== undefined">
         <PageRender :page="pageStore.page" />
       </div>
diff --git a/apps/front/src/views/DocHomeView.vue b/apps/front/src/views/DocHomeView.vue
index a5a1d8d..0bbd85e 100644
--- a/apps/front/src/views/DocHomeView.vue
+++ b/apps/front/src/views/DocHomeView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import DocSidebar from '../component/Doc/DocSidebar.vue';
 import Footer from '../component/helper/Footer.vue';
+import WarnBan from '../component/helper/WarnBan.vue';
 import PageRender from '../component/Page/PageRender.vue';
 import PageV2Render from '../component/PageV2/PageV2Render.vue';
 import { useDocStore } from '../stores/doc';
@@ -24,6 +25,7 @@ if (docStore.inited && docStore.docContent.has_index && pageStore.pageLoading ==
   <div id="title" class="docContainer" v-if="docStore.inited">
     <DocSidebar />
     <div class="docContent">
+      <WarnBan v-if="pageStore.maintenance" text="Maintenance en cours" />
       <div class="docRealContent" v-if="docStore.docContent.has_index && pageStore.page !== undefined">
         <PageRender :page="pageStore.page" />
       </div>
diff --git a/apps/front/src/views/DocView.vue b/apps/front/src/views/DocView.vue
index 4c0a35d..9703fc7 100644
--- a/apps/front/src/views/DocView.vue
+++ b/apps/front/src/views/DocView.vue
@@ -7,6 +7,7 @@ import { usePageStore } from '../stores/page';
 import PageRender from '../component/Page/PageRender.vue';
 import PageV2Render from '../component/PageV2/PageV2Render.vue';
 import Footer from '../component/helper/Footer.vue';
+import WarnBan from '../component/helper/WarnBan.vue';
 
 const route = useRoute();
 
@@ -38,8 +39,7 @@ watch(pathReactive, (newVal) => {
 
     <DocSidebar />
     <div class="docContent">
-      <h1 class="font-bold p-4 text-white bg-red-600 text-center"> 🚧🚧 WARNING : The Doc page is under construction
-        🚧🚧</h1>
+      <WarnBan v-if="pageStore.maintenance" text="Maintenance en cours" />
       <div class="docRealContent" v-if="pageStore.page !== undefined">
         <PageRender :page="pageStore.page" />
       </div>