From 3d8bf4ef32eb24fc2e9732ab806cbf7914c0a709 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 4 Apr 2020 21:56:52 +0200
Subject: userlist. adding avatars

---
 public/assets/js/lib/views/users/users.js |  4 ++++
 views/pages/keywords.ejs                  |  6 ++----
 views/pages/users.ejs                     | 10 +++++++++-
 views/partials/threads.ejs                |  1 +
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/public/assets/js/lib/views/users/users.js b/public/assets/js/lib/views/users/users.js
index a45123d..d512e9a 100644
--- a/public/assets/js/lib/views/users/users.js
+++ b/public/assets/js/lib/views/users/users.js
@@ -54,6 +54,7 @@ var UsersView = View.extend({
       var commentCount = stats.comments ? hush_null(stats.comments, 'c') : ['','']
       var firstseen_datetime = verbose_date(user.firstseen)
       var lastseen = get_age(user.lastseen)
+      var avatar = user.avatar
       var t = this.template
         .replace(/{{username}}/g, sanitizeHTML(user.username))
         .replace(/{{id}}/g, user.id)
@@ -81,6 +82,9 @@ var UsersView = View.extend({
       if (!user.firstseen) {
         $t.find('.date').html('')
       }
+      if (!user.avatar) {
+        $t.find('.avatar').addClass('hidden')
+      }
       this.$el.append($t)
     })
     $("body").removeClass('loading')
diff --git a/views/pages/keywords.ejs b/views/pages/keywords.ejs
index 8f4ebf2..eca35fb 100644
--- a/views/pages/keywords.ejs
+++ b/views/pages/keywords.ejs
@@ -1,15 +1,13 @@
 <% include ../partials/header %>
 
 <div class="subtitle">
-  <a href="/">Bucky</a>
+  <a href="/">Index</a>
   &middot;
-  <a href="/users">users</a>
+  <a href="/users">Users</a>
   &middot;
   <a href="/inbox">Inbox</a>
   &middot;
   <a href="/profile">Profile</a>
-  &middot;
-  <a class='all_link'></a>
 </div>
 
 <div id="content">
diff --git a/views/pages/users.ejs b/views/pages/users.ejs
index 97a3731..778a9b8 100644
--- a/views/pages/users.ejs
+++ b/views/pages/users.ejs
@@ -1,7 +1,7 @@
 <% include ../partials/header %>
 
 <div class="subtitle">
-  <a href="/">Bucky</a>
+  <a href="/">Index</a>
   &middot;
   <a href="/keywords">Keywords</a>
   &middot;
@@ -16,6 +16,7 @@
   <div id="user_list">
     <script type="text/html" class="template">
       <div class="user_row">
+        <a href="/profile/{{username}}"><div class="avatar" style="background-image:url({{avatar}})"></div></a>
         <div class="username"><a href="/profile/{{username}}">{{username}}</a></div>
         <div class='dot'>
           &middot;
@@ -51,6 +52,13 @@
   flex-direction: row;
   margin-top: 10px;
 }
+.user_row .avatar {
+  width: 48px;
+  height: 48px;
+}
+.user_row .avatar.hidden {
+  opacity: 0;
+}
 .user_row .username {
   min-width: 70px;
   justify-content: flex-end;
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>
-- 
cgit v1.2.3-70-g09d2