- starting project list...

- ordering some functions
- fix error TS2339

quasar.extensions.json was the problem !
inside had:
{
  "@quasar/typescript": {
    "webpack": "plugin",
    "rename": true
  }
}

src/store/Modules/Interface/ProgressBar.ts

@@ -0,0 +1,111 @@
+import Vue from 'vue'
+import { IProgressState } from '@types'
+import { storeBuilder } from '../Store/Store'
+const css = require('@css')
+
+let TIMER = null
+let TIMEOUT = null
+let CUT = null
+
+// State
+const state: IProgressState = {
+  percent: 0,
+  show: false,
+  canSuccess: true,
+  duration: 3000,
+  height: '2px',
+  color: css.mainStyle,
+  failedColor: css.red1
+}
+
+const b = storeBuilder.module<IProgressState>('ProgressModule', state)
+const stateGetter = b.state()
+
+// Getters
+namespace Getters {
+  export const getters = {}
+}
+
+// Mutations
+namespace Mutations {
+  function start(state: IProgressState) {
+    if (!state.show) {
+      clearTimeout(TIMEOUT)
+      state.show = true
+      state.canSuccess = true
+      if (TIMER) {
+        clearInterval(TIMER)
+        state.percent = 0
+      }
+      CUT = 20000 / Math.floor(state.duration)
+      TIMER = setInterval(() => {
+        Mutations.mutations.increase(CUT * Math.random())
+        if (state.percent > 80) {
+          Mutations.mutations.pause()
+        }
+      }, 200)
+    }
+  }
+  function set(state: IProgressState, num: number) {
+    state.show = true
+    state.canSuccess = true
+    state.percent = Math.floor(num)
+  }
+  function increase(state: IProgressState, num: number) {
+    state.percent = state.percent + Math.floor(num)
+  }
+  function decrease(state: IProgressState, num: number) {
+    state.percent = state.percent - Math.floor(num)
+  }
+  function finish(state: IProgressState) {
+    state.percent = 100
+    Mutations.mutations.hide()
+  }
+  function pause(state: IProgressState) {
+    clearInterval(TIMER)
+  }
+  function hide(state: IProgressState) {
+    clearInterval(TIMER)
+    TIMER = null
+    TIMEOUT = setTimeout(() => {
+      state.show = false
+      state.percent = 0
+      Vue.nextTick(() => {
+        setTimeout(() => {
+          state.percent = 0
+        }, 200)
+      })
+    }, 500)
+  }
+  function fail(state: IProgressState) {
+    state.canSuccess = false
+    mutations.finish()
+  }
+
+  export const mutations = {
+    start: b.commit(start),
+    set: b.commit(set),
+    finish: b.commit(finish),
+    increase: b.commit(increase),
+    decrease: b.commit(decrease),
+    pause: b.commit(pause),
+    hide: b.commit(hide),
+    fail: b.commit(fail)
+  }
+}
+
+// Actions
+namespace Actions {
+  export const actions = {
+  }
+}
+
+// Module
+const ProgressModule = {
+  get state() { return stateGetter()},
+  getters: Getters.getters,
+  mutations: Mutations.mutations,
+  actions: Actions.actions
+}
+
+export default ProgressModule

src/store/Modules/Interface/index.ts

@@ -0,0 +1,4 @@
+// export {default as NotificationsStore} from './NotificationsStore';
+export {default as ProgressBar} from './ProgressBar'
+// export {default as AlertsStore} from './AlertsStore';
+// export {default as GoogleMaps, getMapInstance, geoLocate} from './GoogleMaps/GoogleMaps';