1 files changed, 31 insertions, 0 deletions
diff --git a/app/assets/javascripts/templates/issuable_template_selectors.js b/app/assets/javascripts/templates/issuable_template_selectors.js
new file mode 100644
index 00000000000..97f6d37364d
--- /dev/null
+++ b/app/assets/javascripts/templates/issuable_template_selectors.js
@@ -0,0 +1,31 @@
+/* eslint-disable no-new, comma-dangle, class-methods-use-this, no-param-reassign */
+
+((global) => {
+  class IssuableTemplateSelectors {
+    constructor({ $dropdowns, editor } = {}) {
+      this.$dropdowns = $dropdowns || $('.js-issuable-selector');
+      this.editor = editor || this.initEditor();
+
+      this.$dropdowns.each((i, dropdown) => {
+        const $dropdown = $(dropdown);
+        new gl.IssuableTemplateSelector({
+          pattern: /(\.md)/,
+          data: $dropdown.data('data'),
+          wrapper: $dropdown.closest('.js-issuable-selector-wrap'),
+          dropdown: $dropdown,
+          editor: this.editor
+        });
+      });
+    }
+
+    initEditor() {
+      const editor = $('.markdown-area');
+      // Proxy ace-editor's .setValue to jQuery's .val
+      editor.setValue = editor.val;
+      editor.getValue = editor.val;
+      return editor;
+    }
+  }
+
+  global.IssuableTemplateSelectors = IssuableTemplateSelectors;
+})(window.gl || (window.gl = {}));