Start to add disclaimer dialog

components/Disclaimer.vue

+<template>
+  <v-dialog :value="showDisclaimerDialog" max-width="800px">
+    <v-card>
+      <v-card-title class="text-h5 grey lighten-2">
+        Initial Version
+      </v-card-title>
+
+      <v-card-text>
+        <p class="text-justify">
+          This is the initial version of the EUbOPEN Portal.
+        </p>
+      </v-card-text>
+
+      <v-divider></v-divider>
+
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="primary" text @click="closeDisclaimerDialog"> OK </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  computed: mapState({
+    showDisclaimerDialog: (state) => state.disclaimer.showDisclaimerDialog,
+  }),
+  methods: {
+    closeDisclaimerDialog() {
+      this.$store.dispatch('disclaimer/setShowDisclaimer', false)
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss"></style>

layouts/default.vue

@@ -12,6 +12,7 @@
       </v-container>
     </v-main>
     <Footer />
+    <Disclaimer />
   </v-app>
 </template>
 
@@ -20,6 +21,7 @@ import MainAppBar from '~/web-components-submodule/components/common/Masthead/Ma
 import Footer from '~/components/footer/Footer.vue'
 import Notifications from '~/web-components-submodule/components/common/Notifications.vue'
 import Logo from '~/components/Logo.vue'
+import Disclaimer from '~/components/Disclaimer.vue'
 
 export default {
   components: {
@@ -27,6 +29,7 @@ export default {
     Footer,
     Notifications,
     Logo,
+    Disclaimer,
   },
 }
 </script>

store/disclaimer.js

+export const state = () => ({
+  showDisclaimerDialog: true,
+})
+
+export const mutations = {
+  SET_SHOW_DISCLAIMER_DIALOG(state, showDisclaimerDialog) {
+    state.showDisclaimerDialog = showDisclaimerDialog
+  },
+}
+
+export const actions = {
+  setShowDisclaimer({ commit, state, dispatch }, show) {
+    commit('SET_SHOW_DISCLAIMER_DIALOG', show)
+  },
+}