[ADD] localdatabase

package.json

@@ -35,6 +35,6 @@
 		"vue-js-modal": "^1.3.9",
 		"vue2-datepicker": "^2.0.3",
 		"vuex": "^3.0.1",
-		"vuex-persistedstate": "^2.5.2"
+		"vuex-persistedstate": "^2.5.4"
 	}
 }

src/App.vue

@@ -40,7 +40,7 @@
                             :selected='selectedStore'
                             @onSelect='selectStore'
                         )
-                connection-status
+                connection-status(@onChangeNet='changeNetStatus')
                 .wizard-footer-right
                     wizard-button(
                         v-if='!props.isLastStep'
@@ -140,6 +140,7 @@
                 'toggleSettingsVisibility',
                 'changeSetting',
                 'changeInitialPayment',
+                'changeNetStatus',
                 'selectStore',
                 'endProcess',
                 'resetProcess'

src/components/common/ConnectionStatus.vue

@@ -23,7 +23,7 @@
                 clearInterval(this.intevalId)
             },
             notifyNetStatus() {
-                this.$emit('onNet', this.isWired)
+                this.$emit('onChangeNet', this.isWired)
             }
         },
         watch: {

src/index.js

@@ -34,6 +34,15 @@ openerp.eiru_pos = (instance, local) => {
                 },
                 data: {
                     mode: this.mode
+                },
+                created() {
+                    // if ('serviceWorker' in navigator) {
+                    //     navigator.serviceWorker.register('./sw.js').then(ok => {
+                    //         console.log(ok)
+                    //     }).then(e => {
+                    //         console.log(e)
+                    //     })
+                    // }
                 }
             });
         },

src/store/actions.js

@@ -263,6 +263,9 @@ const actions = {
         }
 
         dispatch('initProcess')
+    },
+    changeNetStatus({ commit }, isWired) {
+        commit('setNetStatus', isWired)
     }
 }
 

src/store/getters.js

@@ -17,6 +17,9 @@ const getters = {
     isSaleStep3(state) {
         return state.mode === 'rel_3'
     },
+    isWired(state) {
+        return state.isWired
+    },
     loading(state) {
         return state.loading
     },

src/store/index.js

@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
+import createPersistedState from 'vuex-persistedstate'
 
 import state from '@/store/state'
 import getters from '@/store/getters'
@@ -40,12 +41,12 @@ const store = new Vuex.Store({
         chequeTypeModule,
         storeModule
     },
+    plugins: [
+        createPersistedState({
+            key: 'pos_data'
+        })
+    ],
     strict: true
 })
 
-// store.subscribe((mutation, state) => {
-//     console.log(mutation)
-//     console.log(state)
-// })
-
 export default store

src/store/mutations.js

@@ -22,6 +22,9 @@ const mutations = {
     },
     updateSettings(state, settings) {
         state.settings = settings
+    },
+    setNetStatus(state, isWired) {
+        state.isWired = isWired
     }
 }
 

src/store/state.js

@@ -7,7 +7,8 @@ const state = {
     completed: false,
     result: '',
     askForPrint: false,
-    error: false
+    error: false,
+    isWired: false
 }
 
 export default state

src/utils/db.js

@@ -1,8 +1,12 @@
+const storageId = 'pos-storage'
+
+/**
+ * 
+ * @param {*} data 
+ */
 const create = data => {
-    console.log(data)
 }
 
-
 export default {
     create
 }

yarn.lock

@@ -4358,9 +4358,9 @@ vue@^2.5.13:
   version "2.5.13"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.13.tgz#95bd31e20efcf7a7f39239c9aa6787ce8cf578e1"
 
-vuex-persistedstate@^2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/vuex-persistedstate/-/vuex-persistedstate-2.5.2.tgz#751752f03bdf6d7fc855106f0666f2ce13b415b5"
+vuex-persistedstate@^2.5.4:
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/vuex-persistedstate/-/vuex-persistedstate-2.5.4.tgz#a19710ad7f9a08cea4e65fc585924d9fdac7384a"
   dependencies:
     deepmerge "^2.1.0"
     shvl "^1.3.0"