Added resolvable discussion frontend

1 files changed, 32 insertions, 0 deletions

diff --git a/app/assets/javascripts/comment_type_toggle.js b/app/assets/javascripts/comment_type_toggle.js
new file mode 100644
index 00000000000..75b6f60cabb
--- /dev/null
+++ b/app/assets/javascripts/comment_type_toggle.js
@@ -0,0 +1,32 @@
+import DropLab from '@gitlab-org/droplab';
+import InputSetter from '@gitlab-org/droplab/dist/plugins/InputSetter';
+
+class CommentTypeToggle {
+  constructor(trigger, list, input, button, secondaryButton) {
+    this.trigger = trigger;
+    this.list = list;
+    this.input = input;
+    this.button = button;
+    this.secondaryButton = secondaryButton;
+  }
+
+  initDroplab() {
+    this.droplab = new DropLab();
+    this.droplab.init(this.trigger, this.list, [InputSetter], {
+      InputSetter: [{
+        input: this.input,
+        valueAttribute: 'data-value',
+      },
+      {
+        input: this.button,
+        valueAttribute: 'data-button-text',
+      },
+      {
+        input: this.secondaryButton,
+        valueAttribute: 'data-secondary-button-text',
+      }],
+    });
+  }
+}
+
+export default CommentTypeToggle;