diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2020-09-12 03:08:44 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2020-09-12 03:08:44 +0300 |
commit | 0f5dcf55e543e2cb30697d4c8ea8ce509cf25375 (patch) | |
tree | 213f71f90ed2f6d356a90b0d09e8dbf5d14e816e /app/assets/javascripts/groups | |
parent | a66475b6beb46d77b9ff3fe30453be2d52779048 (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 | 26 | ||||
-rw-r--r-- | app/assets/javascripts/groups/members/index.js | 32 |
2 files changed, 58 insertions, 0 deletions
diff --git a/app/assets/javascripts/groups/members/components/app.vue b/app/assets/javascripts/groups/members/components/app.vue new file mode 100644 index 00000000000..e8570f7246f --- /dev/null +++ b/app/assets/javascripts/groups/members/components/app.vue @@ -0,0 +1,26 @@ +<script> +export default { + name: 'GroupMembersApp', + props: { + groupId: { + type: Number, + required: true, + }, + currentUserId: { + type: Number, + required: false, + default: null, + }, + members: { + type: Array, + required: true, + }, + }, +}; +</script> + +<template> + <span> + <!-- Temporary empty template --> + </span> +</template> diff --git a/app/assets/javascripts/groups/members/index.js b/app/assets/javascripts/groups/members/index.js new file mode 100644 index 00000000000..68fab42b543 --- /dev/null +++ b/app/assets/javascripts/groups/members/index.js @@ -0,0 +1,32 @@ +import Vue from 'vue'; +import App from './components/app.vue'; +import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils'; + +export default el => { + if (!el) { + return () => {}; + } + + 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, + }, + }); + }, + }); +}; |