summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/groups/members/index.js
blob: 9ce0e3c1179c7d6ae21d29a4313bbbc16c03338c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import Vue from 'vue';
import Vuex from 'vuex';
import { GlToast } from '@gitlab/ui';
import { parseDataAttributes } from 'ee_else_ce/groups/members/utils';
import App from './components/app.vue';
import membersStore from '~/members/store';

export const initGroupMembersApp = (
  el,
  {
    tableFields = [],
    tableAttrs = {},
    tableSortableFields = [],
    requestFormatter = () => {},
    filteredSearchBar = { show: false },
  },
) => {
  if (!el) {
    return () => {};
  }

  Vue.use(Vuex);
  Vue.use(GlToast);

  const store = new Vuex.Store(
    membersStore({
      ...parseDataAttributes(el),
      currentUserId: gon.current_user_id || null,
      tableFields,
      tableAttrs,
      tableSortableFields,
      requestFormatter,
      filteredSearchBar,
    }),
  );

  return new Vue({
    el,
    components: { App },
    store,
    render: createElement => createElement('app'),
  });
};