Feat: write data on edit

package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "core-js": "^3.6.5",
     "date-fns": "^2.23.0",
+    "papaparse": "^5.3.1",
     "vls": "^0.7.4",
     "vue": "^3.0.0",
     "vue-router": "^4.0.8",

src/components/CreateMonth.vue

@@ -74,10 +74,14 @@ export default {
     ...mapActions('travail', {
         'createMonth': 'createMonth',
     }),
+    ...mapActions('config', {
+        'writeData': 'writeData',
+    }),
     save: function () {
         console.log("save")
         console.log(this.monthCopy)
         this.createMonth({date: this.monthDate, month: this.monthCopy})
+        this.writeData()
     },
     cancel: function () {
       this.monthCopy = this.theEmptyMonth

src/components/MonthPresentation.vue

@@ -69,12 +69,16 @@ export default {
   methods: {
     ...mapActions('travail', {
         'updateMonth': 'updateMonth',
+    }),
+    ...mapActions('config', {
+        'writeData': 'writeData',
     }),
       toggleEdit: function () {
           this.editing = !this.editing
           },
       save: function () {
           this.updateMonth({date: this.TheDate, month: {...this.monthCopy}})
+          this.writeData()
           this.toggleEdit()
           },
       cancel: function () {

src/components/hightlights.vue

@@ -71,6 +71,8 @@ export default {
             retrocessionMean: "retrocessionMean",
         })
       },
+      mounted () {
+      },
       methods: {
       },
 }

src/components/monthSelector.vue

@@ -41,7 +41,7 @@ export default {
         })
     },
     watch: {
-        range: function (newRange, oldRange) {
+        range: function () {
             this.start = this.range.start
             this.end = this.range.end
         },

src/store/config/index.js

@@ -0,0 +1,42 @@
+import path from 'path'
+import Papa from 'papaparse'
+import { writeFile } from 'fs'
+
+const config = {
+    namespaced: true,
+    state() {
+        return {
+            //userDir: '~/.config/sousmargot/',
+            userDir: './userDir/',
+            dataFile: 'datas.csv'
+        }
+    },
+    getters: {
+        userDir (state) { return state.userDir },
+        dataFilePath (state) { return path.join(state.userDir, state.dataFile) },
+    },
+    mutations: {
+    },
+    actions: {
+        loadConfig (context) {
+            // load config file at  ~/.config/sousmargot/config.json
+            return context.state.userDir
+        },
+        writeData (context) {
+            // overwrite the dataFile with months datas
+            const months = context.rootGetters['travail/monthsAll']
+            const unpackMonths = Object.keys(months).map(k => {return { ...months[k], date: k}})
+            const csv = Papa.unparse(unpackMonths)
+            writeFile(context.getters.dataFilePath, csv, (err) => {
+                if (err)  {
+                    console.log(err) 
+                } else {
+                    console.log("Datas sauvegardées")
+                }
+            })
+        },
+    },
+}
+
+export default config
+

src/store/index.js

@@ -1,10 +1,12 @@
 import { createStore } from 'vuex'
 import travailStore from "./travail"
+import configStore from "./config"
 
 // Create a new store instance.
 const store = createStore({
     modules:{
         travail: travailStore,
+        config: configStore,
     }
 })
 

src/store/travail/index.js

@@ -1,3 +1,6 @@
+import { readFile } from 'fs'
+import Papa from 'papaparse'
+
 function monthCA(month) {
     if (month.ca_react) {
         return month.ca_react
@@ -19,54 +22,54 @@ const travail = {
                 remuneration: 0, // rémunération décidée
             },
             months: {
-                "2021-01": {
-                    ca_theo: null, // ca théorique basé sur les séances effectuées
-                    nbr_seances: null, // Nombre de séances effectuées sur le mois
-                    ca_retro: 6747, // ca au moment de la rétrocession
-                    ca_react: null, // ca réactualisé
-                    retro: 893, // montant de la rétrocession
-                    remuneration: 2000, // rémunération décidée
-                },
-                "2021-02": {
-                    ca_theo: null, // ca théorique basé sur les séances effectuées
-                    nbr_seances: null, // Nombre de séances effectuées sur le mois
-                    ca_retro: 5183, // ca au moment de la rétrocession
-                    ca_react: null, // ca réactualisé
-                    retro: 665, // montant de la rétrocession
-                    remuneration: 1500, // rémunération décidée
-                },
-                "2021-03": {
-                    ca_theo: null, // ca théorique basé sur les séances effectuées
-                    nbr_seances: null, // Nombre de séances effectuées sur le mois
-                    ca_retro: 7088, // ca au moment de la rétrocession
-                    ca_react: null, // ca réactualisé
-                    retro: 855, // montant de la rétrocession
-                    remuneration: 2000, // rémunération décidée
-                },
-                "2021-04": {
-                    ca_theo: null, // ca théorique basé sur les séances effectuées
-                    nbr_seances: null, // Nombre de séances effectuées sur le mois
-                    ca_retro: 4194, // ca au moment de la rétrocession
-                    ca_react: 5630, // ca réactualisé
-                    retro: 627, // montant de la rétrocession
-                    remuneration: 2000, // rémunération décidée
-                },
-                "2021-05": {
-                    ca_theo: null, // ca théorique basé sur les séances effectuées
-                    nbr_seances: null, // Nombre de séances effectuées sur le mois
-                    ca_retro: 5564, // ca au moment de la rétrocession
-                    ca_react: 6335, // ca réactualisé
-                    retro: 699, // montant de la rétrocession
-                    remuneration: 2800, // rémunération décidée
-                },
-                "2021-06": {
-                    ca_theo: null, // ca théorique basé sur les séances effectuées
-                    nbr_seances: null, // Nombre de séances effectuées sur le mois
-                    ca_retro: 5442, // ca au moment de la rétrocession
-                    ca_react: 6335, // ca réactualisé
-                    retro: 638, // montant de la rétrocession
-                    remuneration: 2800, // rémunération décidée
-                },
+                //"2021-01": {
+                //    ca_theo: null, // ca théorique basé sur les séances effectuées
+                //    nbr_seances: null, // Nombre de séances effectuées sur le mois
+                //    ca_retro: 6747, // ca au moment de la rétrocession
+                //    ca_react: null, // ca réactualisé
+                //    retro: 893, // montant de la rétrocession
+                //    remuneration: 2000, // rémunération décidée
+                //},
+                //"2021-02": {
+                //    ca_theo: null, // ca théorique basé sur les séances effectuées
+                //    nbr_seances: null, // Nombre de séances effectuées sur le mois
+                //    ca_retro: 5183, // ca au moment de la rétrocession
+                //    ca_react: null, // ca réactualisé
+                //    retro: 665, // montant de la rétrocession
+                //    remuneration: 1500, // rémunération décidée
+                //},
+                //"2021-03": {
+                //    ca_theo: null, // ca théorique basé sur les séances effectuées
+                //    nbr_seances: null, // Nombre de séances effectuées sur le mois
+                //    ca_retro: 7088, // ca au moment de la rétrocession
+                //    ca_react: null, // ca réactualisé
+                //    retro: 855, // montant de la rétrocession
+                //    remuneration: 2000, // rémunération décidée
+                //},
+                //"2021-04": {
+                //    ca_theo: null, // ca théorique basé sur les séances effectuées
+                //    nbr_seances: null, // Nombre de séances effectuées sur le mois
+                //    ca_retro: 4194, // ca au moment de la rétrocession
+                //    ca_react: 5630, // ca réactualisé
+                //    retro: 627, // montant de la rétrocession
+                //    remuneration: 2000, // rémunération décidée
+                //},
+                //"2021-05": {
+                //    ca_theo: null, // ca théorique basé sur les séances effectuées
+                //    nbr_seances: null, // Nombre de séances effectuées sur le mois
+                //    ca_retro: 5564, // ca au moment de la rétrocession
+                //    ca_react: 6335, // ca réactualisé
+                //    retro: 699, // montant de la rétrocession
+                //    remuneration: 2800, // rémunération décidée
+                //},
+                //"2021-06": {
+                //    ca_theo: null, // ca théorique basé sur les séances effectuées
+                //    nbr_seances: null, // Nombre de séances effectuées sur le mois
+                //    ca_retro: 5442, // ca au moment de la rétrocession
+                //    ca_react: 6335, // ca réactualisé
+                //    retro: 638, // montant de la rétrocession
+                //    remuneration: 2800, // rémunération décidée
+                //},
             },
             range: {
                 start: "2021-01",
@@ -87,12 +90,17 @@ const travail = {
         },
         months: (state, getters) => {
             // Get in range months
-            return Object.keys(state.months)
+            const a = Object.keys(state.months)
                 .filter(a => getters.MonthsDate.includes(a))
                 .reduce((acc, v) => {
                     acc[v] = state.months[v];
                     return acc;
                 }, {})
+            return a
+        },
+        monthsAll: (state) => {
+            // Get in range months
+            return state.months
         },
         getMonth: (state) => (date) => {
             return state.months[date]
@@ -103,17 +111,19 @@ const travail = {
         },
         ca: (state, getters) => {
             // Total CA (ca_react if sets, ca_retro otherwise)
-            return Object.values(getters.months).map(a => monthCA(a)).reduce(
-                (acc, v) => acc + v,
-                0
+            const a = Object.values(getters.months).map(a => monthCA(a)).reduce(
+                (acc, v) => acc + v
+                ,0
             )
+            return a
         },
         caMean: (state, getters) => {
             // Mean of CA
-            return Math.floor(Object.values(state.months).map(a => monthCA(a)).reduce(
-                (acc, v) => acc + v,
-                0
-            ) / getters.count)
+            if (getters.count > 0) {
+                return Math.floor(getters.ca / getters.count)
+            } else {
+                return "..."
+            }
         },
         caTheo: (state, getters) => {
             // Total theorical CA
@@ -131,10 +141,7 @@ const travail = {
         },
         remunerationMean: (state, getters) => {
             // Mean of remuneration
-            return Math.floor(Object.values(getters.months).map(a => a.remuneration).reduce(
-                (acc, v) => acc + v,
-                0
-            ) / getters.count)
+            return Math.floor(getters.remuneration / getters.count)
         },
         retrocession: (state, getters) => {
             // Total retrocession
@@ -147,17 +154,19 @@ const travail = {
         },
         retrocessionMean: (state, getters) => {
             // Mean of retrocession
-            return Math.floor(
-                Object.values(getters.months)
-                .map(a => a.retro)
-                .reduce(
-                    (acc, v) => acc + v,
-                    0
-                ) / getters.count
+            return Math.floor(getters.retrocession / getters.count
             )
         },
     },
     mutations: {
+        cleanMonths (state) {
+            // erase months
+            state.months = []
+        },
+        importMonths(state, months) {
+            // overwrite months
+            state.months = months
+        },
         updateMonth(state, { date, month }) {
             state.months[date] = month
         },
@@ -169,6 +178,23 @@ const travail = {
         }, 
     },
     actions: {
+        cleanMonths (context) {
+            context.commit("cleanMonths")
+        },
+        loadMonths (context) {
+            // import all months from storage
+            readFile(context.rootGetters["config/dataFilePath"], (err, data) => {
+                if (err) throw err;
+                const months = Papa.parse(data.toString(), {header: true, dynamicTyping:true, skipEmptyLines:true})
+                    .data
+                    .reduce(
+                        (acc, el) => {
+                            acc[el.date] = el;
+                            return acc
+                        }, {})
+                context.commit("importMonths", months)
+            })
+        },
         updateMonth(context, { date, month }) {
             // update month's datas 
             if (date in context.state.months) {
@@ -180,9 +206,7 @@ const travail = {
         createMonth(context, { date, month }) {
             // Create a new month
             if (!(date in context.state.months)) {
-                console.log(date)
                 context.commit('createMonth', { date, month })
-                console.log(context.state.months)
             } else {
                 console.log("This month already exists")
             }
@@ -190,7 +214,6 @@ const travail = {
         setRange(context, range) {
             context.commit("setRange", range)
         },
-
     },
 }
 

src/views/home.vue

@@ -1,5 +1,6 @@
 <template>
 <h1>Home</h1>
+<button @click="writeData" ></button>
 <section id="selector">
    <month-selector> 
    </month-selector> 
@@ -18,7 +19,7 @@
 </template>
 
 <script>
-import { mapGetters, mapActions } from 'vuex'
+import { mapActions } from 'vuex'
 import MonthsList from '../components/MonthsUl.vue'
 import CreateMonth from '../components/CreateMonth.vue'
 import MonthSelector from '../components/monthSelector.vue'
@@ -30,19 +31,23 @@ export default {
         CreateMonth: CreateMonth,
         MonthSelector: MonthSelector,
         highlights: Highlights,
-        },
+    },
     data () {
         return {}
-        },
+    },
     computed: {
-        ...mapGetters({
-            count: "datas/count",
-        })
-      },
-      methods: {
-        ...mapActions({
-        })
-      },
+    },
+    methods: {
+        ...mapActions('config', {
+            'writeData': 'writeData',
+        }),
+        ...mapActions('travail', {
+            'loadMonths': 'loadMonths',
+        }),
+    },
+    mounted () {
+        this.loadMonths()
+    }, 
 }
 </script>
 

userDir/datas.csv

@@ -0,0 +1 @@
+ca_theo, nbr_seances, ca_retro, ca_react, retro, remuneration,

vue.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  pluginOptions: {
+    electronBuilder: {
+      nodeIntegration: true
+    }
+  }
+}