front end, config

2019-02-26 01:17:52 +01:00
parent 887157f2a9
commit bae404f422
58 changed files with 12862 additions and 157 deletions
--- a/client/src/store.js
+++ b/client/src/store.js
@@ -0,0 +1,119 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import VuexPersistence from 'vuex-persist'
+import api from './api'
+Vue.use(Vuex)
+
+const vuexLocal = new VuexPersistence({
+  storage: window.localStorage,
+  reducer: state => ({ logged: state.logged, user: state.user, token: state.token })
+})
+
+export default new Vuex.Store({
+  plugins: [vuexLocal.plugin],
+  getters: {
+    token: state => state.token
+  },
+  state: {
+    logged: false,
+    user: {},
+    token: '',
+    events: [],
+    tags: [],
+    places: [],
+    //
+    filters: {
+      tags: [],
+      places: [],
+      hidePast: false
+    }
+  },
+  mutations: {
+    logout (state) {
+      state.logged = false
+      state.token = ''
+      state.user = {}
+    },
+    login (state, user) {
+      state.logged = true
+      state.user = user.user
+      state.token = user.token
+    },
+    setEvents (state, events) {
+      state.events = events
+    },
+    addEvent (state, event) {
+      state.events.push(event)
+    },
+    updateEvent (state, event) {
+      state.events = state.events.map(e => {
+        if (e.id !== event.id) return e
+        return event
+      })
+    },
+    delEvent (state, eventId) {
+      state.events = state.events.filter(ev => ev.id !== eventId)
+    },
+    update (state, { tags, places }) {
+      state.tags = tags
+      state.places = places
+    },
+    // search
+    addSearchTag (state, tag) {
+      if (!state.filters.tags.find(t => t === tag.tag)) {
+        state.filters.tags.push(tag.tag)
+      }
+    },
+    setSearchTags (state, tags) {
+      state.filters.tags = tags
+    },
+    addSearchPlace (state, place) {
+      if (state.filters.places.find(p => p.name === place.name)) {
+        state.filters.places.push(place)
+      }
+    },
+    setSearchPlaces (state, places) {
+      state.filters.places = places
+    }
+  },
+  actions: {
+    async updateEvents ({ commit }, date) {
+      const events = await api.getAllEvents(date.month - 1, date.year)
+      commit('setEvents', events)
+    },
+    async updateMeta ({ commit }) {
+      const { tags, places } = await api.getMeta()
+      commit('update', { tags, places })
+    },
+    async addEvent ({ commit }, formData) {
+      const event = await api.addEvent(formData)
+      commit('addEvent', event)
+    },
+    async updateEvent ({ commit }, formData) {
+      const event = await api.updateEvent(formData)
+      commit('updateEvent', event)
+    },
+    delEvent ({ commit }, eventId) {
+      commit('delEvent', eventId)
+    },
+    login ({ commit }, user) {
+      commit('login', user)
+    },
+    logout ({ commit }) {
+      commit('logout')
+    },
+    // search
+    addSearchTag ({ commit }, tag) {
+      commit('addSearchTag', tag)
+    },
+    setSearchTags ({ commit }, tags) {
+      commit('setSearchTags', tags)
+    },
+    addSearchPlace ({ commit }, place) {
+      commit('addSearchPlace', place)
+    },
+    setSearchPlaces ({ commit }, places) {
+      commit('setSearchPlaces', places)
+    }
+  }
+})