From 04c439057d9529f1231a6c95d311cfb3fa7174b1 Mon Sep 17 00:00:00 2001
From: julian laplace <julescarbon@gmail.com>
Date: Wed, 26 Oct 2022 21:20:05 +0200
Subject: initial play icon

---
 views/hootstream/filters.ejs   | 29 +++++++++++++++++
 views/hootstream/hootform.ejs  |  8 +++++
 views/hootstream/index.ejs     | 11 +++++++
 views/hootstream/templates.ejs | 59 ++++++++++++++++++++++++++++++++++
 views/pages/stream.ejs         |  6 +---
 views/partials/hootstream.ejs  | 73 ------------------------------------------
 6 files changed, 108 insertions(+), 78 deletions(-)
 create mode 100644 views/hootstream/filters.ejs
 create mode 100644 views/hootstream/hootform.ejs
 create mode 100644 views/hootstream/index.ejs
 create mode 100644 views/hootstream/templates.ejs
 delete mode 100644 views/partials/hootstream.ejs

(limited to 'views')

diff --git a/views/hootstream/filters.ejs b/views/hootstream/filters.ejs
new file mode 100644
index 0000000..27177aa
--- /dev/null
+++ b/views/hootstream/filters.ejs
@@ -0,0 +1,29 @@
+<div id="hootfilters">
+   <label>
+    <input type="checkbox" name="images" />
+    <span>images</span>
+  </label>
+  <label>
+    <input type="checkbox" name="music" />
+    <span>music</span>
+  </label>
+  <label>
+    <input type="checkbox" name="hoots" />
+    <span>hoots</span>
+  </label>
+ <label>
+    <input type="checkbox" name="comments" />
+    <span>comments</span>
+  </label>
+  <div>
+    &middot;
+  </div>
+  <div>
+    sort by
+  </div>
+  <div className="sort{{sort_direction}}">
+    <label><input type="radio" name="sort"><span>name</span></label>
+    <label><input type="radio" name="sort"><span>date</span></label>
+    <label><input type="radio" name="sort"><span>size</span></label>
+  </div>
+</div>
\ No newline at end of file
diff --git a/views/hootstream/hootform.ejs b/views/hootstream/hootform.ejs
new file mode 100644
index 0000000..2dbad9e
--- /dev/null
+++ b/views/hootstream/hootform.ejs
@@ -0,0 +1,8 @@
+<div id="hootform">
+  <form autocomplete="off">
+    <input type="text" name="comment" autocomplete="off" required>
+    <button class="hoot"><%= hoot_text %></button>
+  </form>
+  <div class="errors"></div>
+</div>
+
diff --git a/views/hootstream/index.ejs b/views/hootstream/index.ejs
new file mode 100644
index 0000000..165e7e7
--- /dev/null
+++ b/views/hootstream/index.ejs
@@ -0,0 +1,11 @@
+<% include ../hootstream/filters %>
+
+<div class="bluebox alert"></div>
+
+<div id="hootstream">
+  <div id="audio"></div>
+  <div id="hootevents">
+  </div>
+  <% include ./hootform %>
+  <% include ./templates %>
+</div>
\ No newline at end of file
diff --git a/views/hootstream/templates.ejs b/views/hootstream/templates.ejs
new file mode 100644
index 0000000..9e9a114
--- /dev/null
+++ b/views/hootstream/templates.ejs
@@ -0,0 +1,59 @@
+<script class="hootTemplate" type="text/html">
+  <div class="{{className}}">
+    <a class="userLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
+      {{username}}
+    </a>
+    <a class="avatarLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
+      <div class="avatar" title="{{username}}" style="background-image:url({{image}});opacity:{{showAvatar}};"></div>
+    </a>
+    <div class="text" style="opacity: {{hoot_opacity}}">{{hoot}}</div>
+    <div class="age date" style="opacity: {{age_opacity}}">{{age}}</div>
+  </div>
+</script>
+
+<script class="threadTemplate" type="text/html">
+  <div class="{{className}}">
+    <a class="userLink" href="/stream/profile/{{username}}" style="opacity: {{thread_opacity}}">
+      {{username}}
+    </a>
+    <a class="avatarLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
+      <div class="avatar" title="{{username}}" style="background-image:url({{image}});opacity:{{showAvatar}};"></div>
+    </a>
+    <div class="text" style="opacity: {{age_opacity}}">{{hoot}}</div>
+    <div class="keyword">{{keyword_link}}</div>
+    <div class="commentCount" style="opacity: {{comment_opacity}}">{{comment_count}}</div>
+    <div class="fileCount" style="opacity: {{file_opacity}}">{{file_count}}</div>
+    <div class="age date" style="opacity: {{age_opacity}}">{{age}}</div>
+  </div>
+</script>
+
+<script class="lastlogTemplate" type="text/html">
+  <div class="{{className}}" style="opacity: {{opacity}}">
+    <a class="userLink" href="/stream/profile/{{username}}">
+      {{username}}
+    </a>
+    <div class="text">{{hoot}}</div>
+    <div class="age date">{{age}}</div>
+  </div>
+</script>
+
+<script class="fileTemplate" type="text/html">
+  <div class="fileRow">
+    <div class="filename" style="opacity: {{age_opacity}}">
+      <a href="{{link}}" title="{{id}}" class="file">{{filename}}</a>
+    </div>
+    <div class="size" style="opacity: {{age_opacity}}">
+      {{size}}
+    </div>
+    <div class="age {{date_class}}" style="opacity: {{age_opacity}}">
+      {{age}}
+    </div>
+  </div>
+</script>
+
+<script class="imageTemplate" type="text/html">
+  <div class="image"><a href="{{link}}"><img src="{{src}}"></a></div>
+</script>
+
+<script class="hootImages" type="text/html">
+</script>
\ No newline at end of file
diff --git a/views/pages/stream.ejs b/views/pages/stream.ejs
index 575d88a..cd16530 100644
--- a/views/pages/stream.ejs
+++ b/views/pages/stream.ejs
@@ -1,9 +1,5 @@
 <% include ../partials/header %>
 
-<div class="subtitle"></div>
-
-<div class="bluebox alert"></div>
-<% include ../partials/hootstream %>
-<% include ../partials/threads %>
+<% include ../hootstream/index %>
 
 <% include ../partials/footer %>
diff --git a/views/partials/hootstream.ejs b/views/partials/hootstream.ejs
deleted file mode 100644
index 4a94aa2..0000000
--- a/views/partials/hootstream.ejs
+++ /dev/null
@@ -1,73 +0,0 @@
-<div id="hootstream">
-  <div id="hootform">
-    <form autocomplete="off">
-      <input type="text" name="comment" autocomplete="off" required>
-      <button class="hoot"><%= hoot_text %></button>
-    </form>
-    <div class="errors"></div>
-  </div>
-  <div id="hootevents">
-  </div>
-  <script class="hootTemplate" type="text/html">
-    <div class="{{className}}">
-      <a class="userLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
-        {{username}}
-      </a>
-      <a class="avatarLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
-        <div class="avatar" title="{{username}}" style="background-image:url({{image}});opacity:{{showAvatar}};"></div>
-      </a>
-      <div class="text" style="opacity: {{hoot_opacity}}">{{hoot}}</div>
-      <div class="age date" style="opacity: {{age_opacity}}">{{age}}</div>
-    </div>
-  </script>
-
-  <script class="threadTemplate" type="text/html">
-    <div class="{{className}}">
-      <a class="userLink" href="/stream/profile/{{username}}" style="opacity: {{thread_opacity}}">
-        {{username}}
-      </a>
-      <a class="avatarLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
-        <div class="avatar" title="{{username}}" style="background-image:url({{image}});opacity:{{showAvatar}};"></div>
-      </a>
-      <div class="text" style="opacity: {{age_opacity}}">{{hoot}}</div>
-      <div class="keyword">{{keyword_link}}</div>
-      <div class="commentCount" style="opacity: {{comment_opacity}}">{{comment_count}}</div>
-      <div class="fileCount" style="opacity: {{file_opacity}}">{{file_count}}</div>
-      <div class="age date" style="opacity: {{age_opacity}}">{{age}}</div>
-    </div>
-  </script>
-
-  <script class="lastlogTemplate" type="text/html">
-    <div class="{{className}}" style="opacity: {{opacity}}">
-      <a class="userLink" href="/stream/profile/{{username}}">
-        {{username}}
-      </a>
-      <div class="text">{{hoot}}</div>
-      <div class="age date">{{age}}</div>
-    </div>
-  </script>
-
-  <script class="fileTemplate" type="text/html">
-    <div class="fileRow">
-      <div class="filename" style="opacity: {{age_opacity}}">
-        <a href="{{link}}" title="{{id}}" class="file">{{filename}}</a>
-      </div>
-      <div class="size" style="opacity: {{age_opacity}}">
-        {{size}}
-      </div>
-      <div class="age {{date_class}}" style="opacity: {{age_opacity}}">
-        {{age}}
-      </div>
-    </div>
-  </script>
-
-  <script class="imageTemplate" type="text/html">
-    <div class="image"><a href="{{link}}"><img src="{{src}}"></a></div>
-  </script>
-
-  <script class="hootFirstPost" type="text/html">
-  </script>
-
-  <script class="hootImages" type="text/html">
-  </script>
-</div>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2