ajout de feedback sur les mises à jour de créations. see #20

docs/.vuepress/store/index.js

@@ -32,6 +32,8 @@ export default new Vuex.Store({
     isThemeDark: false,
     isOpenAboutDialog: false,
     isOpenSupportDialog: false,
+    isOpenSnackbar: false,
+    snackbarText: ''
   },
 
   getters: {
@@ -43,6 +45,7 @@ export default new Vuex.Store({
     isThemeDark: state => state.isThemeDark,
     isOpenAboutDialog: state => state.isOpenAboutDialog,
     isOpenSupportDialog: state => state.isOpenSupportDialog,
+    isOpenSnackbar: state => state.isOpenSnackbar,
   },
 
   actions: {
@@ -70,6 +73,12 @@ export default new Vuex.Store({
     isOpenSupportDialog: ({ commit }, payload) => {
       commit('setIsOpenSupportDialog', payload)
     },
+    isOpenSnackbar: ({ commit }, payload) => {
+      commit('setIsOpenSnackbar', payload)
+    },
+    snackbarText: ({ commit }, payload) => {
+      commit('setSnackbarText', payload)
+    },
   },
 
   mutations: {
@@ -99,5 +108,16 @@ export default new Vuex.Store({
     setIsOpenSupportDialog: (state, payload) => {
       state.isOpenSupportDialog = payload
     },
+    setIsOpenSnackbar: (state, payload) => {
+      state.isOpenSnackbar = payload
+      if (payload === true) {
+        setTimeout(function () {
+          state.isOpenSnackbar = false
+        }, 5000)
+      }
+    },
+    setSnackbarText: (state, payload) => {
+      state.snackbarText = payload
+    },
   },
 })

docs/.vuepress/theme/layouts/CreateMagicItemLayout.vue

@@ -181,6 +181,8 @@ export default {
     updateMagicItemInTreasureChest () {
       if (this.isMagicItemInTreasureChest) {
         this.$store.commit('myMagicItems/updateMagicItem', this.magicItem)
+        this.$store.commit('setSnackbarText', "L'objet a été mis à jour dans la bibliothèque")
+        this.$store.commit('setIsOpenSnackbar', true)
       }
     },
 

docs/.vuepress/theme/layouts/CreateMonsterLayout.vue

@@ -384,6 +384,8 @@ export default {
     updateMonsterInBestiary () {
       if (this.isMonsterInBestiary) {
         this.$store.commit('myMonsters/updateMonster', this.monster)
+        this.$store.commit('setSnackbarText', "Le monstre a été mis à jour dans votre bestiaire")
+        this.$store.commit('setIsOpenSnackbar', true)
       }
     },
 

docs/.vuepress/theme/layouts/CreateSpellLayout.vue

@@ -224,6 +224,8 @@ export default {
     updateSpellInSpellBook () {
       if (this.isSpellInSpellBook) {
         this.$store.commit('mySpells/updateSpell', this.spell)
+        this.$store.commit('setSnackbarText', "Le sort a été mis à jour dans votre grimoire")
+        this.$store.commit('setIsOpenSnackbar', true)
       }
     },
 

docs/.vuepress/theme/layouts/GlobalLayout.vue

@@ -39,6 +39,13 @@
       </v-sheet>
     </v-bottom-sheet>
 
+    <v-snackbar v-model="$store.state.isOpenSnackbar">
+      {{ $store.state.snackbarText }}
+      <v-btn color="red" text @click="$store.commit('setIsOpenSnackbar', true)">
+        Fermer
+      </v-btn>
+    </v-snackbar>
+
   </v-app>
 </template>