diff options
Diffstat (limited to 'views')
| -rw-r--r-- | views/hootstream/filters.ejs | 29 | ||||
| -rw-r--r-- | views/hootstream/hootform.ejs | 8 | ||||
| -rw-r--r-- | views/hootstream/index.ejs | 11 | ||||
| -rw-r--r-- | views/hootstream/templates.ejs | 59 | ||||
| -rw-r--r-- | views/pages/stream.ejs | 6 | ||||
| -rw-r--r-- | views/partials/hootstream.ejs | 73 |
6 files changed, 108 insertions, 78 deletions
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> + · + </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 |