summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/project_select.js
blob: 2b2c365dd5471687d564c10ec29bb6eeaeccb3fe (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
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/* eslint-disable func-names */

import $ from 'jquery';
import Api from './api';
import ProjectSelectComboButton from './project_select_combo_button';
import { s__ } from './locale';

const projectSelect = () => {
  $('.ajax-project-select').each(function(i, select) {
    let placeholder;
    const simpleFilter = $(select).data('simpleFilter') || false;
    const isInstantiated = $(select).data('select2');
    this.groupId = $(select).data('groupId');
    this.userId = $(select).data('userId');
    this.includeGroups = $(select).data('includeGroups');
    this.allProjects = $(select).data('allProjects') || false;
    this.orderBy = $(select).data('orderBy') || 'id';
    this.withIssuesEnabled = $(select).data('withIssuesEnabled');
    this.withMergeRequestsEnabled = $(select).data('withMergeRequestsEnabled');
    this.withShared =
      $(select).data('withShared') === undefined ? true : $(select).data('withShared');
    this.includeProjectsInSubgroups = $(select).data('includeProjectsInSubgroups') || false;
    this.allowClear = $(select).data('allowClear') || false;

    placeholder = s__('ProjectSelect|Search for project');
    if (this.includeGroups) {
      placeholder += s__('ProjectSelect| or group');
    }

    $(select).select2({
      placeholder,
      minimumInputLength: 0,
      query: query => {
        let projectsCallback;
        const finalCallback = function(projects) {
          const data = {
            results: projects,
          };
          return query.callback(data);
        };
        if (this.includeGroups) {
          projectsCallback = function(projects) {
            const groupsCallback = function(groups) {
              const data = groups.concat(projects);
              return finalCallback(data);
            };
            return Api.groups(query.term, {}, groupsCallback);
          };
        } else {
          projectsCallback = finalCallback;
        }
        if (this.groupId) {
          return Api.groupProjects(
            this.groupId,
            query.term,
            {
              search_namespaces: true,
              with_issues_enabled: this.withIssuesEnabled,
              with_merge_requests_enabled: this.withMergeRequestsEnabled,
              with_shared: this.withShared,
              include_subgroups: this.includeProjectsInSubgroups,
            },
            projectsCallback,
          );
        } else if (this.userId) {
          return Api.userProjects(
            this.userId,
            query.term,
            {
              with_issues_enabled: this.withIssuesEnabled,
              with_merge_requests_enabled: this.withMergeRequestsEnabled,
              with_shared: this.withShared,
              include_subgroups: this.includeProjectsInSubgroups,
            },
            projectsCallback,
          );
        }
        return Api.projects(
          query.term,
          {
            order_by: this.orderBy,
            with_issues_enabled: this.withIssuesEnabled,
            with_merge_requests_enabled: this.withMergeRequestsEnabled,
            membership: !this.allProjects,
          },
          projectsCallback,
        );
      },
      id(project) {
        if (simpleFilter) return project.id;
        return JSON.stringify({
          name: project.name,
          url: project.web_url,
        });
      },
      text(project) {
        return project.name_with_namespace || project.name;
      },

      initSelection(el, callback) {
        return Api.project(el.val()).then(({ data }) => callback(data));
      },

      allowClear: this.allowClear,

      dropdownCssClass: 'ajax-project-dropdown',
    });
    if (isInstantiated || simpleFilter) return select;
    return new ProjectSelectComboButton(select);
  });
};

export default () =>
  import(/* webpackChunkName: 'select2' */ 'select2/select2')
    .then(projectSelect)
    .catch(() => {});