diff options
Diffstat (limited to 'views')
| -rw-r--r-- | views/pages/keywords.ejs | 12 | ||||
| -rw-r--r-- | views/pages/users.ejs | 139 | ||||
| -rw-r--r-- | views/partials/hootbox.ejs | 2 | ||||
| -rw-r--r-- | views/partials/scripts.ejs | 2 | ||||
| -rw-r--r-- | views/partials/threads.ejs | 1 |
5 files changed, 154 insertions, 2 deletions
diff --git a/views/pages/keywords.ejs b/views/pages/keywords.ejs index 89f44a2..9a1f90a 100644 --- a/views/pages/keywords.ejs +++ b/views/pages/keywords.ejs @@ -1,6 +1,16 @@ <% include ../partials/header %> -<div class="subtitle"></div> +<div class="subtitle"> + <a href="/">< Home</a> + · + <a href="/keywords">Keywords</a> + · + <a href="/users">Users</a> + · + <a href="/inbox">Inbox</a> + · + <a href="/profile">Profile</a> +</div> <div id="content"> <div id="keyword_list"> diff --git a/views/pages/users.ejs b/views/pages/users.ejs new file mode 100644 index 0000000..7c8f417 --- /dev/null +++ b/views/pages/users.ejs @@ -0,0 +1,139 @@ +<% include ../partials/header %> + +<div class="subtitle"> + <a href="/">< Home</a> + · + <a href="/keywords">Keywords</a> + · + <a href="/users">Users</a> + · + <a href="/inbox">Inbox</a> + · + <a href="/profile">Profile</a> + ·:· + <a class='all_link'></a> +</div> + +<div id="content"> + <div id="user_list" class="ledger"> + <script type="text/html" class="template"> + <div class="user_main_row"> + <div><a href="/profile/{{username}}" class="avatar" style="background-image:url({{avatar}})"></a></div> + <div> + <div class="user_row"> + <div class="username"><a href="/profile/{{username}}">{{username}}</a></div> + <div class='realname'> + {{realname}} + </div> + <div class="count {{threadcount_class}}"> + {{threadcount}} + </div> + <div class="count {{commentcount_class}}"> + {{commentcount}} + </div> + <div class="count {{filecount_class}}"> + {{filecount}} + </div> + <div class="size {{filesize_class}}"> + {{filesize}} + </div> + </div> + <div class="user_sub_row"> + <div class="location"> + {{location}} + </div> + <div class="date {{lastseen_date_class}}"> + seen {{lastseen}} ago + </div> + <div class="date {{firstseen_date_class}}"> + joined {{firstseen_date}} <small>{{firstseen_time}}</small> + </div> + </div> + </div> + </div> + </script> + </div> +</div> + +<% include ../partials/footer %> + +<style> +.user_main_row { + display: flex; + flex-flow: row; + margin-bottom: 10px; +} +.user_row { + display: flex; + flex-flow: row wrap; + align-items: center; + margin-top: 10px; +} +.user_sub_row { + padding-left: 110px; +} +.user_sub_row div { + margin-top: 5px; +} +.user_main_row .avatar { + display: block; + width: 40px; + height: 40px; + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} +.user_main_row .avatar.hidden { + opacity: 0; + height: 0; +} +.user_row .username { + min-width: 100px; + margin-left: 10px; +} +.user_row .username a { + font-size: 12px; + font-weight: bold; + display: block; + text-align: right; + margin-right: 5px; + margin-top: -3px; +} +@media (prefers-color-scheme: dark) { + .user_row .username a { + color: #fff; + } +} +.user_row .realname { + min-width: 150px; +} +.user_row .location { + min-width: 150px; +} +.user_row .date { + min-width: 160px; +} +.user_row div { + display: flex; +} +.user_row .dot { + margin-right: 5px; +} +.user_row .date small { + font-size: 9px; + margin-left: 3px; +} +.user_row .views { + min-width: 40px; + justify-content: center; +} +.user_row .count { + min-width: 50px; + justify-content: flex-end; + margin-right: 10px; +} +.user_row .size { + min-width: 60px; + justify-content: flex-end; +} +</style> diff --git a/views/partials/hootbox.ejs b/views/partials/hootbox.ejs index fe0298b..826b89a 100644 --- a/views/partials/hootbox.ejs +++ b/views/partials/hootbox.ejs @@ -1,7 +1,7 @@ <div class="bluebox" id="hootbox"> <form autocomplete="off"> <input type="text" name="comment" autocomplete="off"> - <button><%= hoot_text %></button> + <button class="hoot"><%= hoot_text %></button> <div class="errors"></div> </form> <table id="hoots"> diff --git a/views/partials/scripts.ejs b/views/partials/scripts.ejs index 7a8e8da..ce606f8 100644 --- a/views/partials/scripts.ejs +++ b/views/partials/scripts.ejs @@ -37,6 +37,8 @@ <script src="/assets/js/lib/views/profile/profile.js"></script> <script src="/assets/js/lib/views/profile/profile_edit.js"></script> +<script src="/assets/js/lib/views/users/users.js"></script> + <script src="/assets/js/lib/views/details/details.js"></script> <script src="/assets/js/lib/views/details/settings.js"></script> <script src="/assets/js/lib/views/details/comments.js"></script> diff --git a/views/partials/threads.ejs b/views/partials/threads.ejs index bf065f5..a5f5bee 100644 --- a/views/partials/threads.ejs +++ b/views/partials/threads.ejs @@ -9,6 +9,7 @@ <td colspan="4"> <a href="/post/">Start a new thread!</a> | <a href="/keywords">Keywords</a> | + <a href="/users">Users</a> | <a href="/mail">Inbox</a> | <a href="/profile">Profile</a> | <a href="/logout" class="logout">Logout</a> |