Export old code into es6 modules

1 files changed, 383 insertions, 386 deletions

diff --git a/app/assets/javascripts/search_autocomplete.js b/app/assets/javascripts/search_autocomplete.js
index e40a3596200..98b524f7e3f 100644
--- a/app/assets/javascripts/search_autocomplete.js
+++ b/app/assets/javascripts/search_autocomplete.js
@@ -8,448 +8,445 @@ import { isInGroupsPage, isInProjectPage, getGroupSlug, getProjectSlug } from '.
  * When the user clicks `x` button it cleans the input and closes the dropdown.
  */
 
-((global) => {
-  const KEYCODE = {
-    ESCAPE: 27,
-    BACKSPACE: 8,
-    ENTER: 13,
-    UP: 38,
-    DOWN: 40,
-  };
-
-  class SearchAutocomplete {
-    constructor({ wrap, optsEl, autocompletePath, projectId, projectRef } = {}) {
-      this.bindEventContext();
-      this.wrap = wrap || $('.search');
-      this.optsEl = optsEl || this.wrap.find('.search-autocomplete-opts');
-      this.autocompletePath = autocompletePath || this.optsEl.data('autocomplete-path');
-      this.projectId = projectId || (this.optsEl.data('autocomplete-project-id') || '');
-      this.projectRef = projectRef || (this.optsEl.data('autocomplete-project-ref') || '');
-      this.dropdown = this.wrap.find('.dropdown');
-      this.dropdownToggle = this.wrap.find('.js-dropdown-search-toggle');
-      this.dropdownContent = this.dropdown.find('.dropdown-content');
-      this.locationBadgeEl = this.getElement('.location-badge');
-      this.scopeInputEl = this.getElement('#scope');
-      this.searchInput = this.getElement('.search-input');
-      this.projectInputEl = this.getElement('#search_project_id');
-      this.groupInputEl = this.getElement('#group_id');
-      this.searchCodeInputEl = this.getElement('#search_code');
-      this.repositoryInputEl = this.getElement('#repository_ref');
-      this.clearInput = this.getElement('.js-clear-input');
-      this.saveOriginalState();
-
-      // Only when user is logged in
-      if (gon.current_user_id) {
-        this.createAutocomplete();
-      }
+const KEYCODE = {
+  ESCAPE: 27,
+  BACKSPACE: 8,
+  ENTER: 13,
+  UP: 38,
+  DOWN: 40,
+};
+
+function setSearchOptions() {
+  var $projectOptionsDataEl = $('.js-search-project-options');
+  var $groupOptionsDataEl = $('.js-search-group-options');
+  var $dashboardOptionsDataEl = $('.js-search-dashboard-options');
+
+  if ($projectOptionsDataEl.length) {
+    gl.projectOptions = gl.projectOptions || {};
+
+    var projectPath = $projectOptionsDataEl.data('project-path');
+
+    gl.projectOptions[projectPath] = {
+      name: $projectOptionsDataEl.data('name'),
+      issuesPath: $projectOptionsDataEl.data('issues-path'),
+      issuesDisabled: $projectOptionsDataEl.data('issues-disabled'),
+      mrPath: $projectOptionsDataEl.data('mr-path'),
+    };
+  }
 
-      this.searchInput.addClass('disabled');
-      this.saveTextLength();
-      this.bindEvents();
-      this.dropdownToggle.dropdown();
-    }
+  if ($groupOptionsDataEl.length) {
+    gl.groupOptions = gl.groupOptions || {};
 
-    // Finds an element inside wrapper element
-    bindEventContext() {
-      this.onSearchInputBlur = this.onSearchInputBlur.bind(this);
-      this.onClearInputClick = this.onClearInputClick.bind(this);
-      this.onSearchInputFocus = this.onSearchInputFocus.bind(this);
-      this.onSearchInputKeyUp = this.onSearchInputKeyUp.bind(this);
-      this.onSearchInputKeyDown = this.onSearchInputKeyDown.bind(this);
-    }
-    getElement(selector) {
-      return this.wrap.find(selector);
-    }
+    var groupPath = $groupOptionsDataEl.data('group-path');
 
-    saveOriginalState() {
-      return this.originalState = this.serializeState();
-    }
+    gl.groupOptions[groupPath] = {
+      name: $groupOptionsDataEl.data('name'),
+      issuesPath: $groupOptionsDataEl.data('issues-path'),
+      mrPath: $groupOptionsDataEl.data('mr-path'),
+    };
+  }
 
-    saveTextLength() {
-      return this.lastTextLength = this.searchInput.val().length;
+  if ($dashboardOptionsDataEl.length) {
+    gl.dashboardOptions = {
+      issuesPath: $dashboardOptionsDataEl.data('issues-path'),
+      mrPath: $dashboardOptionsDataEl.data('mr-path'),
+    };
+  }
+}
+
+export default class SearchAutocomplete {
+  constructor({ wrap, optsEl, autocompletePath, projectId, projectRef } = {}) {
+    setSearchOptions();
+    this.bindEventContext();
+    this.wrap = wrap || $('.search');
+    this.optsEl = optsEl || this.wrap.find('.search-autocomplete-opts');
+    this.autocompletePath = autocompletePath || this.optsEl.data('autocomplete-path');
+    this.projectId = projectId || (this.optsEl.data('autocomplete-project-id') || '');
+    this.projectRef = projectRef || (this.optsEl.data('autocomplete-project-ref') || '');
+    this.dropdown = this.wrap.find('.dropdown');
+    this.dropdownToggle = this.wrap.find('.js-dropdown-search-toggle');
+    this.dropdownContent = this.dropdown.find('.dropdown-content');
+    this.locationBadgeEl = this.getElement('.location-badge');
+    this.scopeInputEl = this.getElement('#scope');
+    this.searchInput = this.getElement('.search-input');
+    this.projectInputEl = this.getElement('#search_project_id');
+    this.groupInputEl = this.getElement('#group_id');
+    this.searchCodeInputEl = this.getElement('#search_code');
+    this.repositoryInputEl = this.getElement('#repository_ref');
+    this.clearInput = this.getElement('.js-clear-input');
+    this.saveOriginalState();
+
+    // Only when user is logged in
+    if (gon.current_user_id) {
+      this.createAutocomplete();
     }
 
-    createAutocomplete() {
-      return this.searchInput.glDropdown({
-        filterInputBlur: false,
-        filterable: true,
-        filterRemote: true,
-        highlight: true,
-        enterCallback: false,
-        filterInput: 'input#search',
-        search: {
-          fields: ['text'],
-        },
-        id: this.getSearchText,
-        data: this.getData.bind(this),
-        selectable: true,
-        clicked: this.onClick.bind(this),
-      });
+    this.searchInput.addClass('disabled');
+    this.saveTextLength();
+    this.bindEvents();
+    this.dropdownToggle.dropdown();
+  }
+
+  // Finds an element inside wrapper element
+  bindEventContext() {
+    this.onSearchInputBlur = this.onSearchInputBlur.bind(this);
+    this.onClearInputClick = this.onClearInputClick.bind(this);
+    this.onSearchInputFocus = this.onSearchInputFocus.bind(this);
+    this.onSearchInputKeyUp = this.onSearchInputKeyUp.bind(this);
+    this.onSearchInputKeyDown = this.onSearchInputKeyDown.bind(this);
+  }
+  getElement(selector) {
+    return this.wrap.find(selector);
+  }
+
+  saveOriginalState() {
+    return this.originalState = this.serializeState();
+  }
+
+  saveTextLength() {
+    return this.lastTextLength = this.searchInput.val().length;
+  }
+
+  createAutocomplete() {
+    return this.searchInput.glDropdown({
+      filterInputBlur: false,
+      filterable: true,
+      filterRemote: true,
+      highlight: true,
+      enterCallback: false,
+      filterInput: 'input#search',
+      search: {
+        fields: ['text'],
+      },
+      id: this.getSearchText,
+      data: this.getData.bind(this),
+      selectable: true,
+      clicked: this.onClick.bind(this),
+    });
+  }
+
+  getSearchText(selectedObject, el) {
+    return selectedObject.id ? selectedObject.text : '';
+  }
+
+  getData(term, callback) {
+    if (!term) {
+      const contents = this.getCategoryContents();
+      if (contents) {
+        this.searchInput.data('glDropdown').filter.options.callback(contents);
+        this.enableAutocomplete();
+      }
+      return;
     }
 
-    getSearchText(selectedObject, el) {
-      return selectedObject.id ? selectedObject.text : '';
+    // Prevent multiple ajax calls
+    if (this.loadingSuggestions) {
+      return;
     }
 
-    getData(term, callback) {
-      if (!term) {
-        const contents = this.getCategoryContents();
-        if (contents) {
-          this.searchInput.data('glDropdown').filter.options.callback(contents);
-          this.enableAutocomplete();
-        }
-        return;
-      }
+    this.loadingSuggestions = true;
 
-      // Prevent multiple ajax calls
-      if (this.loadingSuggestions) {
+    return $.get(this.autocompletePath, {
+      project_id: this.projectId,
+      project_ref: this.projectRef,
+      term: term,
+    }, (response) => {
+      var firstCategory, i, lastCategory, len, suggestion;
+      // Hide dropdown menu if no suggestions returns
+      if (!response.length) {
+        this.disableAutocomplete();
         return;
       }
 
-      this.loadingSuggestions = true;
-
-      return $.get(this.autocompletePath, {
-        project_id: this.projectId,
-        project_ref: this.projectRef,
-        term: term,
-      }, (response) => {
-        var firstCategory, i, lastCategory, len, suggestion;
-        // Hide dropdown menu if no suggestions returns
-        if (!response.length) {
-          this.disableAutocomplete();
-          return;
-        }
-
-        const data = [];
-        // List results
-        firstCategory = true;
-        for (i = 0, len = response.length; i < len; i += 1) {
-          suggestion = response[i];
-          // Add group header before list each group
-          if (lastCategory !== suggestion.category) {
-            if (!firstCategory) {
-              data.push('separator');
-            }
-            if (firstCategory) {
-              firstCategory = false;
-            }
-            data.push({
-              header: suggestion.category,
-            });
-            lastCategory = suggestion.category;
+      const data = [];
+      // List results
+      firstCategory = true;
+      for (i = 0, len = response.length; i < len; i += 1) {
+        suggestion = response[i];
+        // Add group header before list each group
+        if (lastCategory !== suggestion.category) {
+          if (!firstCategory) {
+            data.push('separator');
+          }
+          if (firstCategory) {
+            firstCategory = false;
           }
           data.push({
-            id: (suggestion.category.toLowerCase()) + "-" + suggestion.id,
-            category: suggestion.category,
-            text: suggestion.label,
-            url: suggestion.url,
-          });
-        }
-        // Add option to proceed with the search
-        if (data.length) {
-          data.push('separator');
-          data.push({
-            text: "Result name contains \"" + term + "\"",
-            url: "/search?search=" + term + "&project_id=" + (this.projectInputEl.val()) + "&group_id=" + (this.groupInputEl.val()),
+            header: suggestion.category,
           });
+          lastCategory = suggestion.category;
         }
-        return callback(data);
-      })
-      .always(() => { this.loadingSuggestions = false; });
-    }
-
-    getCategoryContents() {
-      const userId = gon.current_user_id;
-      const userName = gon.current_username;
-      const { projectOptions, groupOptions, dashboardOptions } = gl;
-
-      // Get options
-      let options;
-      if (isInGroupsPage() && groupOptions) {
-        options = groupOptions[getGroupSlug()];
-      } else if (isInProjectPage() && projectOptions) {
-        options = projectOptions[getProjectSlug()];
-      } else if (dashboardOptions) {
-        options = dashboardOptions;
+        data.push({
+          id: (suggestion.category.toLowerCase()) + "-" + suggestion.id,
+          category: suggestion.category,
+          text: suggestion.label,
+          url: suggestion.url,
+        });
       }
-
-      const { issuesPath, mrPath, name, issuesDisabled } = options;
-      const baseItems = [];
-
-      if (name) {
-        baseItems.push({
-          header: `${name}`,
+      // Add option to proceed with the search
+      if (data.length) {
+        data.push('separator');
+        data.push({
+          text: "Result name contains \"" + term + "\"",
+          url: "/search?search=" + term + "&project_id=" + (this.projectInputEl.val()) + "&group_id=" + (this.groupInputEl.val()),
         });
       }
+      return callback(data);
+    })
+    .always(() => { this.loadingSuggestions = false; });
+  }
 
-      const issueItems = [
-        {
-          text: 'Issues assigned to me',
-          url: `${issuesPath}/?assignee_username=${userName}`,
-        },
-        {
-          text: "Issues I've created",
-          url: `${issuesPath}/?author_username=${userName}`,
-        },
-      ];
-      const mergeRequestItems = [
-        {
-          text: 'Merge requests assigned to me',
-          url: `${mrPath}/?assignee_username=${userName}`,
-        },
-        {
-          text: "Merge requests I've created",
-          url: `${mrPath}/?author_username=${userName}`,
-        },
-      ];
-
-      let items;
-      if (issuesDisabled) {
-        items = baseItems.concat(mergeRequestItems);
-      } else {
-        items = baseItems.concat(...issueItems, 'separator', ...mergeRequestItems);
-      }
-      return items;
+  getCategoryContents() {
+    const userId = gon.current_user_id;
+    const userName = gon.current_username;
+    const { projectOptions, groupOptions, dashboardOptions } = gl;
+
+    // Get options
+    let options;
+    if (isInGroupsPage() && groupOptions) {
+      options = groupOptions[getGroupSlug()];
+    } else if (isInProjectPage() && projectOptions) {
+      options = projectOptions[getProjectSlug()];
+    } else if (dashboardOptions) {
+      options = dashboardOptions;
     }
 
-    serializeState() {
-      return {
-        // Search Criteria
-        search_project_id: this.projectInputEl.val(),
-        group_id: this.groupInputEl.val(),
-        search_code: this.searchCodeInputEl.val(),
-        repository_ref: this.repositoryInputEl.val(),
-        scope: this.scopeInputEl.val(),
-        // Location badge
-        _location: this.locationBadgeEl.text(),
-      };
+    const { issuesPath, mrPath, name, issuesDisabled } = options;
+    const baseItems = [];
+
+    if (name) {
+      baseItems.push({
+        header: `${name}`,
+      });
     }
 
-    bindEvents() {
-      this.searchInput.on('keydown', this.onSearchInputKeyDown);
-      this.searchInput.on('keyup', this.onSearchInputKeyUp);
-      this.searchInput.on('focus', this.onSearchInputFocus);
-      this.searchInput.on('blur', this.onSearchInputBlur);
-      this.clearInput.on('click', this.onClearInputClick);
-      this.locationBadgeEl.on('click', () => this.searchInput.focus());
+    const issueItems = [
+      {
+        text: 'Issues assigned to me',
+        url: `${issuesPath}/?assignee_username=${userName}`,
+      },
+      {
+        text: "Issues I've created",
+        url: `${issuesPath}/?author_username=${userName}`,
+      },
+    ];
+    const mergeRequestItems = [
+      {
+        text: 'Merge requests assigned to me',
+        url: `${mrPath}/?assignee_username=${userName}`,
+      },
+      {
+        text: "Merge requests I've created",
+        url: `${mrPath}/?author_username=${userName}`,
+      },
+    ];
+
+    let items;
+    if (issuesDisabled) {
+      items = baseItems.concat(mergeRequestItems);
+    } else {
+      items = baseItems.concat(...issueItems, 'separator', ...mergeRequestItems);
     }
+    return items;
+  }
 
-    enableAutocomplete() {
-      // No need to enable anything if user is not logged in
-      if (!gon.current_user_id) {
-        return;
-      }
+  serializeState() {
+    return {
+      // Search Criteria
+      search_project_id: this.projectInputEl.val(),
+      group_id: this.groupInputEl.val(),
+      search_code: this.searchCodeInputEl.val(),
+      repository_ref: this.repositoryInputEl.val(),
+      scope: this.scopeInputEl.val(),
+      // Location badge
+      _location: this.locationBadgeEl.text(),
+    };
+  }
 
-      // If the dropdown is closed, we'll open it
-      if (!this.dropdown.hasClass('open')) {
-        this.loadingSuggestions = false;
-        this.dropdownToggle.dropdown('toggle');
-        return this.searchInput.removeClass('disabled');
-      }
+  bindEvents() {
+    this.searchInput.on('keydown', this.onSearchInputKeyDown);
+    this.searchInput.on('keyup', this.onSearchInputKeyUp);
+    this.searchInput.on('focus', this.onSearchInputFocus);
+    this.searchInput.on('blur', this.onSearchInputBlur);
+    this.clearInput.on('click', this.onClearInputClick);
+    this.locationBadgeEl.on('click', () => this.searchInput.focus());
+  }
+
+  enableAutocomplete() {
+    // No need to enable anything if user is not logged in
+    if (!gon.current_user_id) {
+      return;
     }
 
-    // Saves last length of the entered text
-    onSearchInputKeyDown() {
-      return this.saveTextLength();
+    // If the dropdown is closed, we'll open it
+    if (!this.dropdown.hasClass('open')) {
+      this.loadingSuggestions = false;
+      this.dropdownToggle.dropdown('toggle');
+      return this.searchInput.removeClass('disabled');
     }
+  }
 
-    onSearchInputKeyUp(e) {
-      switch (e.keyCode) {
-        case KEYCODE.BACKSPACE:
-          // when trying to remove the location badge
-          if (this.lastTextLength === 0 && this.badgePresent()) {
-            this.removeLocationBadge();
-          }
-          // When removing the last character and no badge is present
-          if (this.lastTextLength === 1) {
-            this.disableAutocomplete();
-          }
-          // When removing any character from existin value
-          if (this.lastTextLength > 1) {
-            this.enableAutocomplete();
-          }
-          break;
-        case KEYCODE.ESCAPE:
-          this.restoreOriginalState();
-          break;
-        case KEYCODE.ENTER:
+  // Saves last length of the entered text
+  onSearchInputKeyDown() {
+    return this.saveTextLength();
+  }
+
+  onSearchInputKeyUp(e) {
+    switch (e.keyCode) {
+      case KEYCODE.BACKSPACE:
+        // when trying to remove the location badge
+        if (this.lastTextLength === 0 && this.badgePresent()) {
+          this.removeLocationBadge();
+        }
+        // When removing the last character and no badge is present
+        if (this.lastTextLength === 1) {
+          this.disableAutocomplete();
+        }
+        // When removing any character from existin value
+        if (this.lastTextLength > 1) {
+          this.enableAutocomplete();
+        }
+        break;
+      case KEYCODE.ESCAPE:
+        this.restoreOriginalState();
+        break;
+      case KEYCODE.ENTER:
+        this.disableAutocomplete();
+        break;
+      case KEYCODE.UP:
+      case KEYCODE.DOWN:
+        return;
+      default:
+        // Handle the case when deleting the input value other than backspace
+        // e.g. Pressing ctrl + backspace or ctrl + x
+        if (this.searchInput.val() === '') {
           this.disableAutocomplete();
-          break;
-        case KEYCODE.UP:
-        case KEYCODE.DOWN:
-          return;
-        default:
-          // Handle the case when deleting the input value other than backspace
-          // e.g. Pressing ctrl + backspace or ctrl + x
-          if (this.searchInput.val() === '') {
-            this.disableAutocomplete();
-          } else {
-            // We should display the menu only when input is not empty
-            if (e.keyCode !== KEYCODE.ENTER) {
-              this.enableAutocomplete();
-            }
+        } else {
+          // We should display the menu only when input is not empty
+          if (e.keyCode !== KEYCODE.ENTER) {
+            this.enableAutocomplete();
           }
-      }
-      this.wrap.toggleClass('has-value', !!e.target.value);
+        }
     }
+    this.wrap.toggleClass('has-value', !!e.target.value);
+  }
 
-    onSearchInputFocus() {
-      this.isFocused = true;
-      this.wrap.addClass('search-active');
-      if (this.getValue() === '') {
-        return this.getData();
-      }
+  onSearchInputFocus() {
+    this.isFocused = true;
+    this.wrap.addClass('search-active');
+    if (this.getValue() === '') {
+      return this.getData();
     }
+  }
 
-    getValue() {
-      return this.searchInput.val();
-    }
+  getValue() {
+    return this.searchInput.val();
+  }
 
-    onClearInputClick(e) {
-      e.preventDefault();
-      this.wrap.toggleClass('has-value', !!e.target.value);
-      return this.searchInput.val('').focus();
-    }
+  onClearInputClick(e) {
+    e.preventDefault();
+    this.wrap.toggleClass('has-value', !!e.target.value);
+    return this.searchInput.val('').focus();
+  }
 
-    onSearchInputBlur(e) {
-      this.isFocused = false;
-      this.wrap.removeClass('search-active');
-      // If input is blank then restore state
-      if (this.searchInput.val() === '') {
-        return this.restoreOriginalState();
-      }
+  onSearchInputBlur(e) {
+    this.isFocused = false;
+    this.wrap.removeClass('search-active');
+    // If input is blank then restore state
+    if (this.searchInput.val() === '') {
+      return this.restoreOriginalState();
     }
+  }
 
-    addLocationBadge(item) {
-      var badgeText, category, value;
-      category = item.category != null ? item.category + ": " : '';
-      value = item.value != null ? item.value : '';
-      badgeText = "" + category + value;
-      this.locationBadgeEl.text(badgeText).show();
-      return this.wrap.addClass('has-location-badge');
-    }
+  addLocationBadge(item) {
+    var badgeText, category, value;
+    category = item.category != null ? item.category + ": " : '';
+    value = item.value != null ? item.value : '';
+    badgeText = "" + category + value;
+    this.locationBadgeEl.text(badgeText).show();
+    return this.wrap.addClass('has-location-badge');
+  }
 
-    hasLocationBadge() {
-      return this.wrap.is('.has-location-badge');
-    }
+  hasLocationBadge() {
+    return this.wrap.is('.has-location-badge');
+  }
 
-    restoreOriginalState() {
-      var i, input, inputs, len;
-      inputs = Object.keys(this.originalState);
-      for (i = 0, len = inputs.length; i < len; i += 1) {
-        input = inputs[i];
-        this.getElement("#" + input).val(this.originalState[input]);
-      }
-      if (this.originalState._location === '') {
-        return this.locationBadgeEl.hide();
-      } else {
-        return this.addLocationBadge({
-          value: this.originalState._location,
-        });
-      }
+  restoreOriginalState() {
+    var i, input, inputs, len;
+    inputs = Object.keys(this.originalState);
+    for (i = 0, len = inputs.length; i < len; i += 1) {
+      input = inputs[i];
+      this.getElement("#" + input).val(this.originalState[input]);
     }
-
-    badgePresent() {
-      return this.locationBadgeEl.length;
+    if (this.originalState._location === '') {
+      return this.locationBadgeEl.hide();
+    } else {
+      return this.addLocationBadge({
+        value: this.originalState._location,
+      });
     }
+  }
 
-    resetSearchState() {
-      var i, input, inputs, len, results;
-      inputs = Object.keys(this.originalState);
-      results = [];
-      for (i = 0, len = inputs.length; i < len; i += 1) {
-        input = inputs[i];
-        // _location isnt a input
-        if (input === '_location') {
-          break;
-        }
-        results.push(this.getElement("#" + input).val(''));
+  badgePresent() {
+    return this.locationBadgeEl.length;
+  }
+
+  resetSearchState() {
+    var i, input, inputs, len, results;
+    inputs = Object.keys(this.originalState);
+    results = [];
+    for (i = 0, len = inputs.length; i < len; i += 1) {
+      input = inputs[i];
+      // _location isnt a input
+      if (input === '_location') {
+        break;
       }
-      return results;
+      results.push(this.getElement("#" + input).val(''));
     }
+    return results;
+  }
 
-    removeLocationBadge() {
-      this.locationBadgeEl.hide();
-      this.resetSearchState();
-      this.wrap.removeClass('has-location-badge');
-      return this.disableAutocomplete();
-    }
+  removeLocationBadge() {
+    this.locationBadgeEl.hide();
+    this.resetSearchState();
+    this.wrap.removeClass('has-location-badge');
+    return this.disableAutocomplete();
+  }
 
-    disableAutocomplete() {
-      if (!this.searchInput.hasClass('disabled') && this.dropdown.hasClass('open')) {
-        this.searchInput.addClass('disabled');
-        this.dropdown.removeClass('open').trigger('hidden.bs.dropdown');
-        this.restoreMenu();
-      }
+  disableAutocomplete() {
+    if (!this.searchInput.hasClass('disabled') && this.dropdown.hasClass('open')) {
+      this.searchInput.addClass('disabled');
+      this.dropdown.removeClass('open').trigger('hidden.bs.dropdown');
+      this.restoreMenu();
     }
+  }
 
-    restoreMenu() {
-      var html;
-      html = '<ul><li class="dropdown-menu-empty-item"><a>Loading...</a></li></ul>';
-      return this.dropdownContent.html(html);
-    }
+  restoreMenu() {
+    var html;
+    html = '<ul><li class="dropdown-menu-empty-item"><a>Loading...</a></li></ul>';
+    return this.dropdownContent.html(html);
+  }
 
-    onClick(item, $el, e) {
-      if (location.pathname.indexOf(item.url) !== -1) {
-        if (!e.metaKey) e.preventDefault();
-        if (!this.badgePresent) {
-          if (item.category === 'Projects') {
-            this.projectInputEl.val(item.id);
-            this.addLocationBadge({
-              value: 'This project',
-            });
-          }
-          if (item.category === 'Groups') {
-            this.groupInputEl.val(item.id);
-            this.addLocationBadge({
-              value: 'This group',
-            });
-          }
+  onClick(item, $el, e) {
+    if (location.pathname.indexOf(item.url) !== -1) {
+      if (!e.metaKey) e.preventDefault();
+      if (!this.badgePresent) {
+        if (item.category === 'Projects') {
+          this.projectInputEl.val(item.id);
+          this.addLocationBadge({
+            value: 'This project',
+          });
+        }
+        if (item.category === 'Groups') {
+          this.groupInputEl.val(item.id);
+          this.addLocationBadge({
+            value: 'This group',
+          });
         }
-        $el.removeClass('is-active');
-        this.disableAutocomplete();
-        return this.searchInput.val('').focus();
       }
+      $el.removeClass('is-active');
+      this.disableAutocomplete();
+      return this.searchInput.val('').focus();
     }
   }
-
-  global.SearchAutocomplete = SearchAutocomplete;
-
-  $(function() {
-    var $projectOptionsDataEl = $('.js-search-project-options');
-    var $groupOptionsDataEl = $('.js-search-group-options');
-    var $dashboardOptionsDataEl = $('.js-search-dashboard-options');
-
-    if ($projectOptionsDataEl.length) {
-      gl.projectOptions = gl.projectOptions || {};
-
-      var projectPath = $projectOptionsDataEl.data('project-path');
-
-      gl.projectOptions[projectPath] = {
-        name: $projectOptionsDataEl.data('name'),
-        issuesPath: $projectOptionsDataEl.data('issues-path'),
-        issuesDisabled: $projectOptionsDataEl.data('issues-disabled'),
-        mrPath: $projectOptionsDataEl.data('mr-path'),
-      };
-    }
-
-    if ($groupOptionsDataEl.length) {
-      gl.groupOptions = gl.groupOptions || {};
-
-      var groupPath = $groupOptionsDataEl.data('group-path');
-
-      gl.groupOptions[groupPath] = {
-        name: $groupOptionsDataEl.data('name'),
-        issuesPath: $groupOptionsDataEl.data('issues-path'),
-        mrPath: $groupOptionsDataEl.data('mr-path'),
-      };
-    }
-
-    if ($dashboardOptionsDataEl.length) {
-      gl.dashboardOptions = {
-        issuesPath: $dashboardOptionsDataEl.data('issues-path'),
-        mrPath: $dashboardOptionsDataEl.data('mr-path'),
-      };
-    }
-  });
-})(window.gl || (window.gl = {}));
+}