device-epd/app/src/store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios'
import timezones from 'countries-and-timezones'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    stats: {},
    settings: {},
    notifications: {},
  },
  mutations: {
    setStats (state, payload) {
      state.stats = payload
    },
    setSettings (state, payload) {
      state.settings = payload
    },
    notification (state, payload) {
      state.notifications = payload
    },
    updateSettings (state, payload) {
      state.settings = { ...state.settings, ...payload }
    },
  },
  actions: {
    async loadStats ({ commit }) {
      try {
        const response = await axios.get('/stats')
        commit('setStats', response.data)
      } catch (error) {
        commit('setStats', {})
      }
    },
    async loadSettings ({ commit }) {
      try {
        const response = await axios.get('/api/settings')
        commit('setSettings', response.data)
      } catch (error) {
        commit('setSettings', {})
      }
    },
    async saveSettings ({ commit, state }) {
      try {
        await axios.put('/api/settings', state.settings, {
          headers: {
            'Content-Type': 'application/json',
          },
        })
        commit('notification', 'settings saved')
      } catch (error) {
        console.warn(error)
      }
    },
  },
  getters: {
    isSettingSupported: (state) => (key) => {
      const getDescendantProp = (obj, path) => {
        const arr = path.split(/[.[]['"]?/)
        let o = obj
        while (arr.length && o) {
          o = o[arr.shift().replace(/['"]?]$/, '')]
        }
        return o
      }

      return getDescendantProp(state.settings, key) !== undefined
    },
    getAvailableLanguages () {
      const list = []
      // const en = languages.en

      list.push({
        code: 'EN',
        name: 'English',
        native: 'English',
      })

      /*
      Object.keys(languages).forEach((code) => {
        list.push({
          code: code,
          name: languages[code].name,
          native: languages[code].native,
        })
      })
       */
      return list
    },

    getAvailableCountries () {
      return Object.values(timezones.getAllCountries())
    },

    getAvailableTimezones () {
      return Object.values(timezones.getAllTimezones())
    },
    getAvailableTimezone: () => (countryCode) => {
      return timezones.getCountry(countryCode)
    },
    getTimezoneByCountry: () => (country) => {
      return timezones.getTimezonesForCountry(country)
    },
    getTimezone: () => (timezone) => {
      return timezones.getTimezone(timezone)
    },
  },
})

// sensor push data
/*
const connection = new WebSocket('ws://' + window.location.host + '/ws')
connection.onmessage = (message) => {
  const log = JSON.parse(message.data)
  log.last_update = new Date()

  store.commit('updateSensor', log)
  store.commit('addSensorHistory', log)
  store.commit('notification', log)
}

store.watch(
  state => state.pushUpdate,
  (value) => {
    if (value) {
      console.info('TODO:: enable websocket')
    } else {
      console.info('TODO:: disable websocket')
    }
  },
)
*/
export default store