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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
import Vue from 'vue';
import VueApollo from 'vue-apollo';
import { gqlClient } from '../../issues/list/graphql';
import StatusDropdown from './components/status_dropdown.vue';
import SubscriptionsDropdown from './components/subscriptions_dropdown.vue';
import MoveIssuesButton from './components/move_issues_button.vue';
import issuableBulkUpdateActions from './issuable_bulk_update_actions';
import IssuableBulkUpdateSidebar from './issuable_bulk_update_sidebar';
export function initBulkUpdateSidebar(prefixId) {
const el = document.querySelector('.issues-bulk-update');
if (!el) {
return;
}
issuableBulkUpdateActions.init({ prefixId });
new IssuableBulkUpdateSidebar(); // eslint-disable-line no-new
}
export function initStatusDropdown() {
const el = document.querySelector('.js-status-dropdown');
if (!el) {
return null;
}
return new Vue({
el,
name: 'StatusDropdownRoot',
render: (createElement) => createElement(StatusDropdown),
});
}
export function initSubscriptionsDropdown() {
const el = document.querySelector('.js-subscriptions-dropdown');
if (!el) {
return null;
}
return new Vue({
el,
name: 'SubscriptionsDropdownRoot',
render: (createElement) => createElement(SubscriptionsDropdown),
});
}
export function initMoveIssuesButton() {
const el = document.querySelector('.js-move-issues');
if (!el) {
return null;
}
const { dataset } = el;
Vue.use(VueApollo);
const apolloProvider = new VueApollo({
defaultClient: gqlClient,
});
return new Vue({
el,
name: 'MoveIssuesRoot',
apolloProvider,
render: (createElement) =>
createElement(MoveIssuesButton, {
props: {
projectFullPath: dataset.projectFullPath,
projectsFetchPath: dataset.projectsFetchPath,
},
}),
});
}
|