1 files changed, 20 insertions, 11 deletions
diff --git a/public/assets/js/lib/views/stream/hootstream.js b/public/assets/js/lib/views/stream/hootstream.js
index 37cd4f8..dcac22c 100644
--- a/public/assets/js/lib/views/stream/hootstream.js
+++ b/public/assets/js/lib/views/stream/hootstream.js
@@ -5,6 +5,7 @@ var HootStream = View.extend({
     "click a": "onClickLink",
     "click .filename": "onClickFilename",
     "click .action": "onClickAction",
+    "submit .streamForm form": "onSubmitComment",
   },
 
   initialize: function ({ parent }) {
@@ -15,6 +16,8 @@ var HootStream = View.extend({
     this.lastlogTemplate = this.$(".lastlogTemplate").html();
     this.fileTemplate = this.$(".fileTemplate").html();
     this.imageTemplate = this.$(".imageTemplate").html();
+    this.threadFormTemplate = this.$(".threadFormTemplate").html();
+    this.commentFormTemplate = this.$(".commentFormTemplate").html();
     this.onClickLink = this.onClickLink.bind(this);
     this.onClickFilename = this.onClickFilename.bind(this);
   },
@@ -71,7 +74,7 @@ var HootStream = View.extend({
         this.onExpand(event, thread);
         break;
       case "post":
-        this.onShowForm(event, thread);
+        this.onShowCommentForm(event, thread);
         break;
     }
   },
@@ -80,15 +83,13 @@ var HootStream = View.extend({
     //
     $.get(`/api/stream?thread=${thread}`).then((response) => {
       console.log(response);
-      let sort;
+      let settings;
       try {
-        const settings = JSON.parse(response.threads[0].settings);
-        sort = settings.sort;
-      } catch (error) {
-        // console.error(error);
-        sort = null;
-      }
-      audio.index(this.sortFiles(response.files, sort));
+        settings = JSON.parse(response.threads[0].settings);
+      } catch (error) {}
+      audio.index(
+        this.sortFiles(response.files, settings ? settings.sort : null)
+      );
       audio.play(0);
     });
   },
@@ -116,8 +117,16 @@ var HootStream = View.extend({
     );
   },
 
-  onPost: function (thread) {
-    //
+  onShowCommentForm: function (event, thread) {
+    const $threadTitle = $(event.target).closest(".threadTitle");
+    const $form = $(this.commentFormTemplate);
+    $form.data("thread", thread);
+    $form.insertAfter($threadTitle);
+    $form.find("textarea").focus();
+  },
+
+  onSubmitComment: function (event) {
+    event.preventDefault();
   },
 
   load: function (data, filters) {