diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2020-09-17 21:10:12 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2020-09-17 21:10:12 +0300 |
commit | 708ee0bcb2c20cc73db53c092a26f916139d15d4 (patch) | |
tree | c0692fcc8b91d4936ffb9b4032a205dbb3ddc683 /app/assets/javascripts/groups | |
parent | e14148b7edcfc4aff7ec966c399b3913318fb293 (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/groups')
-rw-r--r-- | app/assets/javascripts/groups/members/components/app.vue | 15 | ||||
-rw-r--r-- | app/assets/javascripts/groups/members/index.js | 34 |
2 files changed, 16 insertions, 33 deletions
diff --git a/app/assets/javascripts/groups/members/components/app.vue b/app/assets/javascripts/groups/members/components/app.vue index e8570f7246f..e94b28f5773 100644 --- a/app/assets/javascripts/groups/members/components/app.vue +++ b/app/assets/javascripts/groups/members/components/app.vue @@ -1,21 +1,6 @@ <script> export default { name: 'GroupMembersApp', - props: { - groupId: { - type: Number, - required: true, - }, - currentUserId: { - type: Number, - required: false, - default: null, - }, - members: { - type: Array, - required: true, - }, - }, }; </script> diff --git a/app/assets/javascripts/groups/members/index.js b/app/assets/javascripts/groups/members/index.js index 68fab42b543..4ca1756f10c 100644 --- a/app/assets/javascripts/groups/members/index.js +++ b/app/assets/javascripts/groups/members/index.js @@ -1,5 +1,7 @@ import Vue from 'vue'; +import Vuex from 'vuex'; import App from './components/app.vue'; +import membersModule from '~/vuex_shared/modules/members'; import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils'; export default el => { @@ -7,26 +9,22 @@ export default el => { return () => {}; } + Vue.use(Vuex); + + const { members, groupId } = el.dataset; + + const store = new Vuex.Store({ + ...membersModule({ + members: convertObjectPropsToCamelCase(JSON.parse(members), { deep: true }), + sourceId: parseInt(groupId, 10), + currentUserId: gon.current_user_id || null, + }), + }); + return new Vue({ el, components: { App }, - data() { - const { members, groupId, currentUserId } = this.$options.el.dataset; - - return { - members: convertObjectPropsToCamelCase(JSON.parse(members), { deep: true }), - groupId: parseInt(groupId, 10), - ...(currentUserId ? { currentUserId: parseInt(currentUserId, 10) } : {}), - }; - }, - render(createElement) { - return createElement('app', { - props: { - members: this.members, - groupId: this.groupId, - currentUserId: this.currentUserId, - }, - }); - }, + store, + render: createElement => createElement('app'), }); }; |