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 ++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 107 insertions(+)
 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

(limited to 'views/hootstream')

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
-- 
cgit v1.2.3-70-g09d2