Page statut + libelles CNED visio

data/applicationsGeneral.js

@@ -4,7 +4,7 @@ export default [
     "title": "Visio écoles",
     "url": "https://ecole.cned.fr/",
     "category": "webconference",
-    "subtitle": "Classes virtuelles écoles",
+    "subtitle": "Classes CNED écoles",
     "icon": "webconference",
   },
   {
@@ -12,7 +12,7 @@ export default [
     "title": "Visio collèges",
     "url": "https://college.cned.fr/",
     "category": "webconference",
-    "subtitle": "Classes virtuelles collèges",
+    "subtitle": "Classes CNED collèges",
     "icon": "webconference",
   },
   {
@@ -20,7 +20,7 @@ export default [
     "title": "Visio lycée",
     "url": "https://lycee.cned.fr/",
     "category": "webconference",
-    "subtitle": "Classes virtuelles lycées",
+    "subtitle": "Classes CNED lycées",
     "icon": "webconference",
   },
   /*

layouts/default.vue

 <template>
   <div>
     <navbar/>
-    <main class="main-content">
-      <nuxt/>
-    </main>
-    <platform-access :academies="academies" :go-to-external-platform="goToExternalPlatform"/>
     <message class="situation-message" v-if="message" :type="messageType">
       <template slot="message">
-        <icon :aria-label="$t('common.warning')" class="is-hidden-mobile" :type="messageType" icon="alert-circle-outline" inline/>
+        <icon :aria-label="$t('common.warning')" class="is-hidden-mobile" :type="messageType" icon="check-circle" inline/>
         <div v-html="message">
         </div>
       </template>
     </message>
+    <main class="main-content">
+      <nuxt/>
+    </main>
+    <platform-access :academies="academies" :go-to-external-platform="goToExternalPlatform"/>
     <app-footer/>
   </div>
 </template>
@@ -29,7 +29,7 @@ export default {
     PlatformAccess
   },
   data() {
-    let messageType = "is-warning";
+    let messageType = "is-success";
     let message = `${this.$t('situation.errorMessage')} ${this.$t("situation.errorMessageLink")}`;
 
     return {
@@ -45,10 +45,5 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
-  .situation-message {
-    margin-top: 3rem;
-  }
-</style>
 <style lang="scss" src="~/assets/styles/main.scss">
 </style>
\ No newline at end of file

locales/fr.json

@@ -30,10 +30,10 @@
   },
   "situation": {
     "appErrorMessage": "Application momentanément indisponible.",
-    "errorMessage": "La plateforme et les outils apps.education.fr sont en cours de rétablissement.",
-    "errorMessageLink": "<a href='/situation'>Situation de la plateforme apps.education.fr</a>",
+    "errorMessage": "L'ensemble des services apps.education.fr est disponible.",
+    "errorMessageLink": "<a href='/statut'>Statut de la plateforme apps.education.fr</a>",
     "page": {
-      "title": "Situation de la plateforme"
+      "title": "Statut de la plateforme"
     }
   },
   "home": {

nuxt.config.js

@@ -97,7 +97,7 @@ export default {
       routes.push({
         name: 'incident',
         path: '/incident',
-        component: resolve(__dirname, 'pages/situation.vue')
+        component: resolve(__dirname, 'pages/statut.vue')
       })
     }
   },

pages/situation.vue → pages/statut.vue

@@ -14,7 +14,20 @@
         <div class="column is-two-thirds">
           <article class="incident-article">
             <h2 class="is-title is-main is-mb-2 has-text-primary-darker">
-              Rétablissement progressif des services
+              La plateforme apps.education.fr est fonctionnelle
+            </h2>
+            <div class="incident-text">
+              <p>L'ensemble de ses services sont accessibles, toujours en version beta, en attendant le déploiement de leur version définitive.</p>
+            </div>
+            <p class="is-mt-2">
+              <b>Vous pouvez cliquez sur le bouton ci-dessous pour sélectionner votre académie et consulter la liste des applications et services qui restent disponibles.
+              </b>
+            </p>
+            <div class="action-container">
+              <platform-btn/>
+            </div>
+            <h2 class="is-title is-main is-mt-2 is-mb-2 has-text-primary-darker">
+              Incidents antérieurs
             </h2>
             <div class="incident-text">
               <p>
@@ -47,13 +60,6 @@
                 Nationale œuvrent depuis plusieurs mois sur la version définitive de
                 Nextcloud  dont le stockage sera réparti sur 3 centres de données.
               </p>
-              <p class="is-mt-2">
-                <b>Vous pouvez cliquez sur le bouton ci-dessous pour sélectionner votre académie et consulter la liste des applications et services qui restent disponibles.
-                </b>
-              </p>
-              <div class="action-container">
-                <platform-btn/>
-              </div>
               <h2>
                 <strong>Articles et communiqués de presse liés à l'incident</strong>
               </h2>
@@ -130,30 +136,30 @@ export default {
   }
 }
 
-  .situation-intro {
-    @include from ($desktop) {
-      background: url("~assets/images/background-bp.png");
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-height: 30vh;
-    }
-    .content {
-      position: relative;
-    }
-    .situation-intro-title {
-      position: relative;
-      z-index: 2;
-      text-align: center;
-    }
-    .rectangle {
-      min-height: 50px;
-      width: 90%;
-      position: relative;
-      top: -48px;
-      z-index: 1;
-      left: 98px;
-    }
+.situation-intro {
+  @include from ($desktop) {
+    background: url("~assets/images/background-bp.png");
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 30vh;
   }
+  .content {
+    position: relative;
+  }
+  .situation-intro-title {
+    position: relative;
+    z-index: 2;
+    text-align: center;
+  }
+  .rectangle {
+    min-height: 50px;
+    width: 90%;
+    position: relative;
+    top: -48px;
+    z-index: 1;
+    left: 98px;
+  }
+}
 
 </style>
\ No newline at end of file