import Vue from 'vue'
import Vuex from 'vuex'

import * as api from './api'

Vue.use(Vuex)

const state = {
	appLoaded: false,

	appName: 'cryChan',

	appBoardsList: [],
	appPagesList: [],

	appPage: {}
}

const mutations = {
	SET_BOARDS_LIST (state) {
		state.appBoardsList = [
			{ slug: 'b', name: 'Random', isHide: false },
			{ slug: 'mu', name: 'Music', isHide: false }
		]
	},
	SET_PAGES_LIST (state, payload) {
		state.appPagesList = payload.pages_list
	},
	SET_PAGE (state, payload) {
		state.appPage[payload.page_slug] = payload.page_data
	}
}

const actions = {
	FETCH_HEADER ({ commit }) {
		commit('SET_BOARDS_LIST')
		api.pages.getList()
		.then(function(pages_list) {
			commit('SET_PAGES_LIST', { pages_list })
		})
		.catch(function(error) {
			console.log(error)
		})
	},
	FETCH_PAGE ({ commit }, page_slug) {
		api.pages.getPage(page_slug)
		.then(function(page_data) {
			commit('SET_PAGE', { page_slug, page_data })
		})
		.catch(function(error) {
			console.log(error)
		})
	}
}

const store = new Vuex.Store({
	state,
	mutations,
	actions
})

export default store