1 files changed, 36 insertions, 0 deletions
diff --git a/app/assets/javascripts/blob/blob_ci_yaml.js.es6 b/app/assets/javascripts/blob/blob_ci_yaml.js.es6
index 37531aaec9b..62e686b8d9b 100644
--- a/app/assets/javascripts/blob/blob_ci_yaml.js.es6
+++ b/app/assets/javascripts/blob/blob_ci_yaml.js.es6
@@ -38,4 +38,40 @@
 
   global.BlobCiYamlSelectors = BlobCiYamlSelectors;
 
+    class BlobDockerfileSelector extends gl.TemplateSelector {
+        requestFile(query) {
+            return Api.dockerfileYml(query.name, this.requestFileSuccess.bind(this));
+        }
+
+        requestFileSuccess(file) {
+            return super.requestFileSuccess(file);
+        }
+    }
+
+    global.BlobDockerfileSelector = BlobDockerfileSelector;
+
+    class BlobDockerfileSelectors {
+        constructor({ editor, $dropdowns } = {}) {
+            this.editor = editor;
+            this.$dropdowns = $dropdowns || $('.js-dockerfile-selector');
+            this.initSelectors();
+        }
+
+        initSelectors() {
+            const editor = this.editor;
+            this.$dropdowns.each((i, dropdown) => {
+                const $dropdown = $(dropdown);
+                return new BlobDockerfileSelector({
+                    editor,
+                    pattern: /(Dockerfile)/,
+                    data: $dropdown.data('data'),
+                    wrapper: $dropdown.closest('.js-dockerfile-selector-wrap'),
+                    dropdown: $dropdown
+                });
+            });
+        }
+    }
+
+    global.BlobDockerfileSelectors = BlobDockerfileSelectors;
+
 })(window.gl || (window.gl = {}));