feat: login component, icon svg symbols, project structure

client/js/store/modules/alert.js

@@ -1,32 +0,0 @@
-'use strict'
-
-import debounce from 'lodash/debounce'
-
-export default {
-  state: {
-    shown: false,
-    style: 'green',
-    icon: 'check',
-    msg: ''
-  },
-  getters: {},
-  mutations: {
-    alertChange: (state, opts) => {
-      state.shown = (opts.shown === true)
-      state.style = opts.style || 'green'
-      state.icon = opts.icon || 'check'
-      state.msg = opts.msg || ''
-    }
-  },
-  actions: {
-    alert({ commit, dispatch }, opts) {
-      opts.shown = true
-      commit('alertChange', opts)
-      dispatch('alertDismiss')
-    },
-    alertDismiss: debounce(({ commit }) => {
-      let opts = { shown: false }
-      commit('alertChange', opts)
-    }, 3000)
-  }
-}

client/js/store/modules/navigator.js

@@ -0,0 +1,40 @@
+import debounce from 'lodash/debounce'
+
+export default {
+  namespaced: true,
+  state: {
+    subtitleShown: false,
+    subtitleStyle: '',
+    subtitleIcon: false,
+    subtitleText: '',
+    subtitleStatic: 'Welcome'
+  },
+  getters: {},
+  mutations: {
+    subtitleChange (state, opts) {
+      state.subtitleShown = (opts.shown === true)
+      state.subtitleStyle = opts.style || ''
+      state.subtitleIcon = opts.icon || false
+      state.subtitleText = opts.msg || ''
+    },
+    subtitleStatic (state, text) {
+      state.subtitleText = text
+      state.subtitleStatic = text
+    }
+  },
+  actions: {
+    alert ({ commit, dispatch }, opts) {
+      opts.shown = true
+      commit('subtitleChange', opts)
+      dispatch('alertDismiss')
+    },
+    alertDismiss: debounce(({ commit, state }) => {
+      let opts = {
+        shown: false,
+        style: state.subtitleStyle,
+        msg: state.subtitleStatic
+      }
+      commit('subtitleChange', opts)
+    }, 5000)
+  }
+}