Update graph when saving draft

resources/js/components/Evaluations/Single/Components/Buttons.vue

@@ -96,8 +96,12 @@ export default {
                 this.toaster(this, 'Impossible de sauvegarder l\'évaluation', 'bg-warning')
             }
 
+            this.$store.commit('removeGraphData', {id: this.evaluation.id})
+
+            this.$store.dispatch('getAllGraphsForEvaluation', this.evaluation.id)
+
             this.drafting = false
-            this.$router.push('/evaluations')
+            //this.$router.push('/evaluations')
         },
         async next () {
             this.saving = true
@@ -132,6 +136,7 @@ export default {
                 }
 
                 this.saving = false
+                this.$store.dispatch('getAllGraphsForEvaluation', this.evaluation.id)
             }
         },
         async edit () {

resources/js/components/Evaluations/Single/Components/Step4/CyberRiskGraphElement.vue

 <template>
-    <div class="graph-element row">
+    <div class="graph-element row" v-if="singleData.labels.length">
         <div class="graph-legend col-3 mr-0 pr-0 text-muted">
             <span :title="fullLabel">{{singleData.labels[0]}}</span>
         </div>
@@ -83,7 +83,7 @@ export default {
                 ]
             }
         }
-    }
+    },
 }
 </script>
 <style scoped>

resources/js/components/Evaluations/Single/Components/Step4/MeasureLevelSelector.vue

@@ -14,7 +14,7 @@
                     :expected-level="measureLevel.expected_level"
                 />
                 <!-- EN ATTENTE RETOUR CLIENT -->
-                <p class="text-center my-4">Efficacité <i class="fas fa-angle-double-right px-2"></i> Efficacité</p>
+<!--                <p class="text-center my-4">Efficacité <i class="fas fa-angle-double-right px-2"></i> Efficacité</p>-->
 
                 <MeasureActionForm
                     ref="MeasureActionForm"

resources/js/components/Menu/PageHeader.vue

@@ -57,7 +57,6 @@ export default {
             const measure = this.$store.state.measures.all.find(m => m.id === parseInt(this.$route.params.id, 10))
             const evaluation = this.$store.state.evaluations.all.find(e => e.id === parseInt(this.$route.params.id, 10))
             const ter = this.$store.state.territories.all.find(v => v.id === parseInt(this.$route.params.id, 10))
-            console.log('bb',ter, org)
 
             switch (this.$route.meta.type) {
             case 'user':

resources/js/stores/graphs.js

 import axios from 'axios'
+import Vue from "vue";
 
 export default {
     state: { },
     mutations: {
         setGraphData (state, {name, data, id}) {
             if (typeof state[id] === 'undefined') {
-                state[id] = {};
+                Vue.set(state, id, {})
             }
 
-            state[id] = {...state[id], [name]: data}
+            const newData = {...state[id], [name]: data}
+            Vue.set(state, id, newData)
+            state[id] = newData
         },
         removeGraphData (state, {id}) {
-            if (typeof state[id] !== 'undefined') {
-                delete state[id];
-            }
+            state[id] = {}
+            Vue.delete(state, id)
         }
     },
     actions: {
@@ -21,6 +23,20 @@ export default {
             const req = await axios.get(`/api/evaluations/${id}/graphs/${name}`)
             commit('setGraphData', { name, data: req.data, id })
             return req.data
+        },
+        async getAllGraphsForEvaluation ({ commit }, id) {
+            const graphs = [
+                'risks',
+                'measures',
+                'futurerisks',
+                'exposition',
+                'attack',
+            ]
+            graphs.forEach((name) => {
+                axios.get(`/api/evaluations/${id}/graphs/${name}`).then(res => {
+                    commit('setGraphData', { name, data: res.data, id })
+                })
+            })
         }
     }
 }