diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue index dc7e5ad1c..6881aecba 100644 --- a/admin/src/pages/Creation.vue +++ b/admin/src/pages/Creation.vue @@ -28,7 +28,7 @@ -
+
{{ $t('multiple_creation_text') }}
@@ -62,11 +62,6 @@ export default { CreationFormular, UserTable, }, - props: { - userSelectedInMassCreation: { - type: Array, - }, - }, data() { return { showArrays: false, @@ -109,7 +104,7 @@ export default { { key: 'bookmark', label: this.$t('remove') }, ], itemsList: [], - itemsMassCreationReverse: this.userSelectedInMassCreation, + itemsMassCreationReverse: [], radioSelectedMass: '', criteria: '', creation: [null, null, null], @@ -141,7 +136,7 @@ export default { showDetails: false, } }) - this.updateItem(this.userSelectedInMassCreation, 'mounted') + this.updateItem(this.$store.state.userSelectedInMassCreation, 'mounted') }) .catch((error) => { this.$toasted.error(error.message) @@ -150,22 +145,24 @@ export default { updateItem(e, event) { let index = 0 let findArr = {} + const letItemList = this.$store.state.userSelectedInMassCreation switch (event) { case 'push': findArr = this.itemsList.find((item) => e.userId === item.userId) index = this.itemsList.indexOf(findArr) this.itemsList.splice(index, 1) - this.userSelectedInMassCreation.push(findArr) + letItemList.push(findArr) break case 'remove': - findArr = this.userSelectedInMassCreation.find((item) => e.userId === item.userId) - index = this.userSelectedInMassCreation.indexOf(findArr) - this.userSelectedInMassCreation.splice(index, 1) + findArr = letItemList.find((item) => e.userId === item.userId) + index = letItemList.indexOf(findArr) + letItemList.splice(index, 1) this.itemsList.push(findArr) break case 'mounted': - this.userSelectedInMassCreation.map((value, key) => { + if (this.$store.state.userSelectedInMassCreation === []) return + letItemList.forEach((value, key) => { findArr = this.itemsList.find((item) => value.userId === item.userId) index = this.itemsList.indexOf(findArr) this.itemsList.splice(index, 1) @@ -174,11 +171,13 @@ export default { default: throw new Error(event) } - this.itemsMassCreationReverse = this.userSelectedInMassCreation + this.lala = letItemList + this.itemsMassCreationReverse = letItemList this.itemsMassCreationReverse.reverse() + this.$store.commit('userSelectedInMassCreation', letItemList) }, removeAllBookmark() { - this.userSelectedInMassCreation = [] + this.$store.commit('userSelectedInMassCreation', []) this.getUsers() }, }, diff --git a/admin/src/router/routes.js b/admin/src/router/routes.js index 2d7667329..72e7b1ac5 100644 --- a/admin/src/router/routes.js +++ b/admin/src/router/routes.js @@ -18,7 +18,6 @@ const routes = [ { path: '/creation', component: () => import('@/pages/Creation.vue'), - props: { userSelectedInMassCreation: [] }, }, { path: '/creation-confirm', diff --git a/admin/src/store/store.js b/admin/src/store/store.js index fe5629e19..5a7ba2e91 100644 --- a/admin/src/store/store.js +++ b/admin/src/store/store.js @@ -24,9 +24,15 @@ export const mutations = { moderator: (state, moderator) => { state.moderator = moderator }, + userSelectedInMassCreation: (state, userSelectedInMassCreation) => { + state.userSelectedInMassCreation = userSelectedInMassCreation + }, } export const actions = { + login: ({ dispatch, commit }, data) => { + commit('userSelectedInMassCreation', data) + }, logout: ({ commit, state }) => { commit('token', null) commit('moderator', null) @@ -44,6 +50,7 @@ const store = new Vuex.Store({ token: CONFIG.DEBUG_DISABLE_AUTH ? 'validToken' : null, moderator: null, openCreations: 0, + userSelectedInMassCreation: [], }, // Syncronous mutation of the state mutations,