refactor: vue comp: page-loader + modal-create-page

client/js/store/index.js

@@ -5,6 +5,7 @@ import alert from './modules/alert'
 import anchor from './modules/anchor'
 import modalCreatePage from './modules/modal-create-page'
 import modalCreateUser from './modules/modal-create-user'
+import pageLoader from './modules/page-loader'
 
 Vue.use(Vuex)
 
@@ -24,6 +25,7 @@ export default new Vuex.Store({
     alert,
     anchor,
     modalCreatePage,
-    modalCreateUser
+    modalCreateUser,
+    pageLoader
   }
 })

client/js/store/modules/page-loader.js

@@ -0,0 +1,17 @@
+'use strict'
+
+export default {
+  namespaced: true,
+  state: {
+    shown: true,
+    msg: 'Loading...'
+  },
+  getters: {},
+  mutations: {
+    shownChange: (state, shownState) => { state.shown = shownState },
+    msgChange: (state, newText) => { state.msg = newText }
+  },
+  actions: {
+    complete({ commit }) { commit('shownChange', false) }
+  }
+}