New: Added a Maintenance Banner component.

package.json

@@ -18,7 +18,7 @@
   ],
   "dependencies": {
     "vue": "^2.6.12",
-    "vuex": "^3.6.0",
+    "vuex": "^3.6.2",
     "vuex-persist": "^3.1.3"
   },
   "devDependencies": {

src/index.ts

@@ -3,7 +3,7 @@ import Vuex, { Payload, Store } from 'vuex';
 import VuexPersist from 'vuex-persist';
 
 import _user from './modules/_user';
-import _settings from './modules/_settings';
+import banner from './modules/banner';
 import resourcecontentview from './modules/resourcecontentview';
 
 
@@ -15,7 +15,7 @@ const vuexLocalStorage = new VuexPersist({
   storage: window.localStorage,
   // defines which modules are stored persistent
   reducer: (state: any) => ({
-    _settings: state._settings,
+    banner: state.banner,
     resourcecontentview: state.resourcecontentview,
   }),
 });
@@ -23,7 +23,7 @@ const vuexLocalStorage = new VuexPersist({
 const store = new Vuex.Store({
   modules: {
     _user,
-    _settings,
+    banner,
     resourcecontentview,
   },
   plugins: [vuexLocalStorage.plugin],

src/modules/_settings.ts

-const namespaced = true;
-
-const state = {
-  isSidebarVisible: '1',
-  isBannerInvisisble: '0',
-};
-
-const mutations = {
-};
-
-export default {
-  namespaced,
-  state,
-  mutations,
-};

src/modules/banner.ts

+const namespaced = true;
+
+const state = {
+  maintenanceBannerVisible: '',
+  pilotBannerVisible: false,
+};
+
+const mutations = {
+  storeBannerVisibility(state: any, bannerInfo: any) {
+    if (bannerInfo.name === 'coscine.pilotBanner') {
+      state.pilotBannerVisible = bannerInfo.state;
+    }
+    else if (bannerInfo.name === 'coscine.maintenanceBanner') {
+      state.maintenanceBannerVisible = bannerInfo.state;
+    }
+  },
+};
+
+export default {
+  namespaced,
+  state,
+  mutations,
+};