import 'es6-promise/auto';
import { createStore } from 'vuex';

const debug = process.env.NODE_ENV !== 'production';

const store = createStore({
   strict: debug,
   state: {
     newCalendarRanges: [],
     updateCalendarRanges: [],
     deleteCalendarRanges: []
   },
   mutations: {
      updateRange(state, payload) {
         state.updateCalendarRanges.push({start: payload.start, end: payload.end});
      },
      addRange(state, payload) {
         state.newCalendarRanges.push({start: payload.start, end: payload.end});
      }
   },
   actions: {
      createRange({ commit }, payload) {
         console.log('### action createRange', payload);
         commit('addRange', payload);
      },
      updateRange({ commit }, payload) {
         console.log('### action updateRange', payload);
         commit('updateRange', payload);
      },
      saveRanges({ commit }, payload) {
         console.log('### action saveRange', payload);
         postRange()
      },

  }
});

export default store;