feat: setup maintenance bandeau

batleforc · Jan 27, 2025 · c70d7cb · c70d7cb
1 parent 0665122
commit c70d7cb
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 2 deletions.
diff --git a/apps/front/src/component/helper/WarnBan.vue 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>
diff --git a/apps/front/src/stores/page.ts b/apps/front/src/stores/page.ts
@@ -9,13 +9,15 @@ export interface PageState {
   pageV2?: PageV2;
   pagePath: string;
   v2Switch: boolean;
+  maintenance: boolean;
 }
 
 export const usePageStore = defineStore('page', {
   state: (): PageState => ({
     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
@@ -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
@@ -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
@@ -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
@@ -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>