start with nuxt

store/README.md

@@ -0,0 +1,10 @@
+# STORE
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your Vuex Store files.
+Vuex Store option is implemented in the Nuxt.js framework.
+
+Creating a file in this directory automatically activates the option in the framework.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).

store/index.js

@@ -0,0 +1,167 @@
+import moment from 'dayjs'
+import { intersection } from 'lodash'
+import api from '~/plugins/api'
+import Vue from 'vue'
+
+Vue.config.errorHandler = function (err, vm, info) {
+  // handle error
+  // `info` is a Vue-specific error info, e.g. which lifecycle hook
+  // the error was found in. Only available in 2.2.0+
+  console.error(err)
+  console.error(info)
+}
+
+export const state = () => ({
+  events: [],
+  user: {},
+  logged: false,
+  token: '',
+  tags: [],
+  places: [],
+  filters: {
+    tags: [],
+    places: []
+  }
+})
+
+export const getters = {
+  token: state => state.token,
+  // filter current + future events only
+  // plus, filter matches search tag/place
+  filteredEvents: (state) => {
+    const events = state.events.map((e) => {
+      const end_datetime = e.end_datetime || moment(e.start_datetime).add('3', 'hour')
+      const past = (moment().diff(end_datetime, 'minutes') > 0)
+      e.past = past
+      return e
+    })
+    if (!state.filters.tags.length && !state.filters.places.length) {
+      return events
+    }
+    return events.filter((e) => {
+      if (state.filters.tags.length) {
+        const m = intersection(e.tags.map(t => t.tag), state.filters.tags)
+        if (m.length > 0) return true
+      }
+      if (state.filters.places.length) {
+        if (state.filters.places.find(p => p === e.place.name)) {
+          return true
+        }
+      }
+      return 0
+    })
+  }
+
+}
+
+export const 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)
+    } else {
+      state.filters.tags = state.filters.tags.filter(t => t !== 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
+  }
+}
+
+export const actions = {
+  // called on server request
+  // get current month's event
+  async nuxtServerInit({ commit }, { req }) {
+    // set user if logged! TODO
+
+    const now = new Date()
+    const events = await api.getAllEvents(now.getMonth() - 1, now.getFullYear())
+    commit('setEvents', events)
+  },
+  async updateEvents({ commit }, date) {
+    console.log('dentro updateEvents ', date.month, api)
+    try {
+      const events = await api.getAllEvents(date.month - 1, date.year)
+      console.log('dopo getAll events', events)
+      commit('setEvents', events)
+    } catch (e) {
+      console.log(e)
+    }
+  },
+  async updateMeta({ commit }) {
+    const { tags, places } = await api.getMeta()
+    commit('update', { tags, places })
+  },
+  async addEvent({ commit }, formData) {
+    const event = await api.addEvent(formData)
+    if (this.state.logged) {
+      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)
+  }
+}
+// export const getters = {
+//   filteredEvents: state => state.events
+// }