ui: fix psdoc_reply & overflow (#100)

packages/ui-default/components/discussion/CommentBox.js

@@ -31,75 +31,75 @@ function init() {
 }
 
 export default class CommentBox extends DOMAttachedObject {
-    static DOMAttachKey = 'vjCommentBoxInstance';
+  static DOMAttachKey = 'vjCommentBoxInstance';
 
-    constructor($dom, options = {}) {
-      super($dom);
-      init();
-      this.$box = $template.clone();
-      this.$box.data('instance', this);
-      this.options = {
-        initialText: null,
-        mode: null,
-        form: null,
-        onCancel: () => null,
-        ...options,
-      };
-      if (this.options.initialText) this.setText(this.options.initialText);
-      if (this.options.mode) {
-        const submitButton = this.$box.find('.dczcomments__box__submit');
-        submitButton.val(submitButton.attr(`data-value-${this.options.mode}`));
-      }
+  constructor($dom, options = {}) {
+    super($dom);
+    init();
+    this.$box = $template.clone();
+    this.$box.data('instance', this);
+    this.options = {
+      initialText: null,
+      mode: null,
+      form: null,
+      onCancel: () => null,
+      ...options,
+    };
+    if (this.options.initialText) this.setText(this.options.initialText);
+    if (this.options.mode) {
+      const submitButton = this.$box.find('.dczcomments__box__submit');
+      submitButton.val(submitButton.attr(`data-value-${this.options.mode}`));
     }
+  }
 
-    getTextareaHandler() {
-      const $textarea = this.$box.find('textarea');
-      return TextareaHandler.getOrConstruct($textarea);
-    }
+  getTextareaHandler() {
+    const $textarea = this.$box.find('textarea');
+    return TextareaHandler.getOrConstruct($textarea);
+  }
 
-    focus() {
-      this.getTextareaHandler().focus();
-      return this;
-    }
+  focus() {
+    this.getTextareaHandler().focus();
+    return this;
+  }
 
-    setText(text) {
-      this.getTextareaHandler().val(text);
-      return this;
-    }
+  setText(text) {
+    this.getTextareaHandler().val(text);
+    return this;
+  }
 
-    getText() {
-      return this.getTextareaHandler().val();
-    }
+  getText() {
+    return this.getTextareaHandler().val();
+  }
 
-    insertText(text) {
-      const handler = this.getTextareaHandler();
-      handler.val(handler.val() + text);
-      return this;
-    }
+  insertText(text) {
+    const handler = this.getTextareaHandler();
+    handler.val(handler.val() + text);
+    return this;
+  }
 
-    appendTo($dom) {
-      this.$box.appendTo($dom);
-      this.$box.trigger('vjContentNew');
-      return this;
-    }
+  appendTo($dom) {
+    this.$box.appendTo($dom);
+    this.$box.trigger('vjContentNew');
+    return this;
+  }
 
-    async onSubmit() {
-      try {
-        await request.post('', {
-          ...this.options.form,
-          content: this.getText(),
-        });
-        window.location.reload();
-      } catch (error) {
-        Notification.error(error.message);
-      }
+  async onSubmit() {
+    try {
+      await request.post('', {
+        ...this.options.form,
+        content: this.getText(),
+      });
+      window.location.reload();
+    } catch (error) {
+      Notification.error(error.message);
     }
+  }
 
-    async onCancel(ev) {
-      await this.options.onCancel(ev);
-      this.$box.remove();
-      this.detach();
-    }
+  async onCancel(ev) {
+    await this.options.onCancel(ev);
+    this.$box.remove();
+    this.detach();
+  }
 }
 
 _.assign(CommentBox, DOMAttachedObject);