1 files changed, 36 insertions, 4 deletions
diff --git a/public/assets/js/lib/views/stream/hootstream.js b/public/assets/js/lib/views/stream/hootstream.js
index 016c987..4be70bd 100644
--- a/public/assets/js/lib/views/stream/hootstream.js
+++ b/public/assets/js/lib/views/stream/hootstream.js
@@ -3,6 +3,10 @@ const IMAGE_REGEXP = /(.gif|.jpg|.jpeg|.png)$/gi;
 var HootStream = View.extend({
   el: "#hootstream",
 
+  events: {
+    "click a": "onClickLink",
+  },
+
   initialize: function ({ parent }) {
     this.parent = parent;
     this.$hootevents = this.$("#hootevents");
@@ -10,6 +14,25 @@ var HootStream = View.extend({
     this.threadTemplate = this.$(".threadTemplate").html();
     this.lastlogTemplate = this.$(".lastlogTemplate").html();
     this.fileTemplate = this.$(".fileTemplate").html();
+    this.onClickLink = this.onClickLink.bind(this);
+  },
+
+  onClickLink: function (event) {
+    // console.log(event.target.className, event.target.href);
+    const url = new URL(event.target.href);
+    switch (event.target.className) {
+      case "file":
+        // play audio?
+        break;
+      case "userLink":
+      case "threadLink":
+      case "keywordLink":
+        event.preventDefault();
+        console.log(">>", url.pathname);
+        app.router.go(url.pathname);
+        break;
+    }
+    // this.parent.onKeyword(keyword)
   },
 
   load: function (data) {
@@ -34,6 +57,10 @@ var HootStream = View.extend({
   },
 
   render: (template, object) => {
+    if (!template) {
+      console.log("No template", object);
+      return $("<div>No template</div>");
+    }
     const rendered = Object.entries(object).reduce(
       (newTemplate, [key, value]) =>
         newTemplate.replace(new RegExp(`{{${key}}}`, "g"), value),
@@ -99,9 +126,9 @@ var HootStream = View.extend({
       "<div class='divider dark'></div>",
       this.renderHoot({
         template: this.threadTemplate,
-        hoot: `<a class="threadLink" href="/details/${thread.id}">${thread.title}</a>`,
+        hoot: `<a class="threadLink" href="/stream/thread/${thread.id}">${thread.title}</a>`,
         keyword_link: thread.keyword
-          ? `<a class="keywordLink" href="/stream/${thread.keyword}">${thread.keyword}</a>`
+          ? `<a class="keywordLink" href="/stream/keyword/${thread.keyword}">${thread.keyword}</a>`
           : "",
         username: thread.username,
         className: postedToday ? "isRecent" : "",
@@ -155,7 +182,7 @@ var HootStream = View.extend({
     });
   },
 
-  agglutinate: ({ threads, comments, files, hootbox, lastlog }) =>
+  agglutinate: ({ query, threads, comments, files, hootbox, lastlog }) =>
     [
       ...threads.map((thread) => [
         thread.id,
@@ -172,7 +199,12 @@ var HootStream = View.extend({
         IMAGE_REGEXP.test(file.filename) ? "images" : "files",
         file,
       ]),
-      ...hootbox.map((hoot) => [1, hoot.date, "hoot", hoot]),
+      ...(query.has_query ? [] : hootbox).map((hoot) => [
+        1,
+        hoot.date,
+        "hoot",
+        hoot,
+      ]),
       ...lastlog.map((user) => [1, user.lastseen, "lastlog", user]),
     ]
       .sort((a, b) => b[1] - a[1])