xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-09 14:08:53 -06:00
Code Issues Packages Projects Releases Wiki Activity

add FETCH and PRELOAD CHARACTER actions, fix character commit mispelling, setup MERGE_EPISODES instead of spamming MERGE_EPISODE commits

Browse Source
This commit is contained in:
Xevion
2020-09-17 10:02:18 -05:00
parent 1a3eee0ac4
commit b31635864f
2 changed files with 38 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/mutation_types.js
View File

@@ -2,8 +2,11 @@ export const types = {
FETCH_EPISODE: 'FETCH_EPISODE',
SET_EPISODE: 'SET_EPISODE',
MERGE_EPISODE: 'MERGE_EPISODE',
MERGE_EPISODES: 'MERGE_EPISODES',
SET_PRELOADED: 'SET_PRELOADED',
PRELOAD_CHARACTER: 'PRELOAD_CHARACTER',
PRELOAD: 'PRELOAD',
SET_CHARACTER: 'SET_CHARACTER',
MERGE_CHARACTER: 'MERGE_CHARACTER'
MERGE_CHARACTER: 'MERGE_CHARACTER',
FETCH_CHARACTER: 'FETCH_CHARACTER'
}

48
client/src/store.js
View File

@@ -28,6 +28,20 @@ export default new Vuex.Store({
[types.SET_EPISODE](state, payload) {
state.quoteData[payload.season - 1].episodes[payload.episode - 1] = payload.episodeData
},
// Merge many episodes data simultaneously
[types.MERGE_EPISODES](state, payload) {
for (const season of payload) {
for (const episode of season.episodes) {
const s = season.season_id - 1;
const e = episode.episode_id - 1;
state.quoteData[s].episodes[e] = Object.assign(state.quoteData[s].episodes[e], episode);
// If scenes are included for some reason, mark as a fully loaded episode
if (episode.scenes !== undefined)
state.quoteData[s].episodes[e].loaded = true;
}
}
},
// 'Merge' episode data, overwriting existing attributes as needed
[types.MERGE_EPISODE](state, payload) {
const s = payload.season - 1;
@@ -43,23 +57,23 @@ export default new Vuex.Store({
},
[types.SET_CHARACTER](state, payload) {
state.characters[payload.id] = payload.characterData
}
},
[types.MERGE_CHARACTER](state, payload) {
const id = payload.id;
// If character has not been defined in character list yet, simply set the characterData
if(state.characters[id] === undefined)
state.character[id] = payload.characterData
if (state.characters[id] === undefined)
state.characters[id] = payload.characterData
// Otherwise use intended merge & overwrite effect.
else
state.characters[id] = Object.assign(state.characters[id], payload.characterData)
},
},
actions: {
// Perform async API call to fetch specific Episode data
[types.FETCH_EPISODE](context, payload) {
return new Promise((resolve, reject) => {
// Don't re-fetch API data if it's already loaded
if(context.getters.isFetched(payload.season, payload.episode)) {
if (context.getters.isFetched(payload.season, payload.episode)) {
resolve()
return
}
@@ -87,22 +101,28 @@ export default new Vuex.Store({
axios.get(path)
.then((res) => {
for (const season of res.data)
for (const episode of season.episodes) {
// Create payload and commit for each episode
commit(types.MERGE_EPISODE, {
season: season.season_id,
episode: episode.episode_id,
episodeData: episode
})
}
commit(types.MERGE_EPISODES, res.data)
commit(types.SET_PRELOADED, true);
})
.catch((error) => {
// eslint-disable-next-line no-console
console.error(error);
})
},
[types.PRELOAD_CHARACTER]({commit}) {
const path = `${process.env.VUE_APP_API_URL}/api/characters/`;
axios.get(path)
.then((res) => {
for (const [character_id, character_data] of Object.entries(res.data))
commit(types.MERGE_CHARACTER, {id: character_id, data: character_data})
})
},
[types.FETCH_CHARACTER]({commit}, character_id) {
const path = `${process.env.VUE_APP_API_URL}/api/character/${character_id}/`;
axios.get(path)
.then((res) => {
commit(types.MERGE_CHARACTER, {id: character_id, characterData: res.data})
})
}
},
getters: {