1 files changed, 88 insertions, 0 deletions

diff --git a/app/assets/javascripts/issues/index.js b/app/assets/javascripts/issues/index.js
new file mode 100644
index 00000000000..2ee9ac2a682
--- /dev/null
+++ b/app/assets/javascripts/issues/index.js
@@ -0,0 +1,88 @@
+import $ from 'jquery';
+import IssuableForm from 'ee_else_ce/issuable/issuable_form';
+import loadAwardsHandler from '~/awards_handler';
+import ShortcutsIssuable from '~/behaviors/shortcuts/shortcuts_issuable';
+import ShortcutsNavigation from '~/behaviors/shortcuts/shortcuts_navigation';
+import GLForm from '~/gl_form';
+import { initIssuableHeaderWarnings, initIssuableSidebar } from '~/issuable';
+import IssuableTemplateSelectors from '~/issuable/issuable_template_selectors';
+import { IssueType } from '~/issues/constants';
+import Issue from '~/issues/issue';
+import { initTitleSuggestions, initTypePopover } from '~/issues/new';
+import { initRelatedMergeRequests } from '~/issues/related_merge_requests';
+import {
+  initHeaderActions,
+  initIncidentApp,
+  initIssueApp,
+  initSentryErrorStackTrace,
+} from '~/issues/show';
+import { parseIssuableData } from '~/issues/show/utils/parse_data';
+import LabelsSelect from '~/labels/labels_select';
+import MilestoneSelect from '~/milestones/milestone_select';
+import initNotesApp from '~/notes';
+import { store } from '~/notes/stores';
+import ZenMode from '~/zen_mode';
+import FilteredSearchServiceDesk from './filtered_search_service_desk';
+
+export function initFilteredSearchServiceDesk() {
+  if (document.querySelector('.filtered-search')) {
+    const supportBotData = JSON.parse(
+      document.querySelector('.js-service-desk-issues').dataset.supportBot,
+    );
+    const filteredSearchManager = new FilteredSearchServiceDesk(supportBotData);
+    filteredSearchManager.setup();
+  }
+}
+
+export function initForm() {
+  new GLForm($('.issue-form')); // eslint-disable-line no-new
+  new IssuableForm($('.issue-form')); // eslint-disable-line no-new
+  new IssuableTemplateSelectors({ warnTemplateOverride: true }); // eslint-disable-line no-new
+  new LabelsSelect(); // eslint-disable-line no-new
+  new MilestoneSelect(); // eslint-disable-line no-new
+  new ShortcutsNavigation(); // eslint-disable-line no-new
+
+  initTitleSuggestions();
+  initTypePopover();
+}
+
+export function initShow() {
+  const el = document.getElementById('js-issuable-app');
+
+  if (!el) {
+    return;
+  }
+
+  const { issueType, ...issuableData } = parseIssuableData(el);
+
+  if (issueType === IssueType.Incident) {
+    initIncidentApp(issuableData);
+    initHeaderActions(store, IssueType.Incident);
+  } else {
+    initIssueApp(issuableData, store);
+    initHeaderActions(store);
+  }
+
+  new Issue(); // eslint-disable-line no-new
+  new ShortcutsIssuable(); // eslint-disable-line no-new
+  new ZenMode(); // eslint-disable-line no-new
+  initIssuableHeaderWarnings(store);
+  initIssuableSidebar();
+  initNotesApp();
+  initRelatedMergeRequests();
+  initSentryErrorStackTrace();
+
+  const awardEmojiEl = document.getElementById('js-vue-awards-block');
+
+  if (awardEmojiEl) {
+    import('~/emoji/awards_app')
+      .then((m) => m.default(awardEmojiEl))
+      .catch(() => {});
+  } else {
+    loadAwardsHandler();
+  }
+
+  import(/* webpackChunkName: 'design_management' */ '~/design_management')
+    .then((module) => module.default())
+    .catch(() => {});
+}