1 files changed, 32 insertions, 0 deletions
diff --git a/app/assets/javascripts/issuable/issuable_template_selectors.js b/app/assets/javascripts/issuable/issuable_template_selectors.js
new file mode 100644
index 00000000000..92f825e55d3
--- /dev/null
+++ b/app/assets/javascripts/issuable/issuable_template_selectors.js
@@ -0,0 +1,32 @@
+import $ from 'jquery';
+import IssuableTemplateSelector from './issuable_template_selector';
+
+export default class IssuableTemplateSelectors {
+  constructor({ $dropdowns, editor, warnTemplateOverride } = {}) {
+    this.$dropdowns = $dropdowns || $('.js-issuable-selector');
+    this.editor = editor || this.initEditor();
+
+    this.$dropdowns.each((i, dropdown) => {
+      const $dropdown = $(dropdown);
+
+      // eslint-disable-next-line no-new
+      new IssuableTemplateSelector({
+        pattern: /(\.md)/,
+        data: $dropdown.data('data'),
+        wrapper: $dropdown.closest('.js-issuable-selector-wrap'),
+        dropdown: $dropdown,
+        editor: this.editor,
+        warnTemplateOverride,
+      });
+    });
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  initEditor() {
+    const editor = $('.markdown-area');
+    // Proxy ace-editor's .setValue to jQuery's .val
+    editor.setValue = editor.val;
+    editor.getValue = editor.val;
+    return editor;
+  }
+}