user list

1 files changed, 61 insertions, 6 deletions

diff --git a/views/pages/users.ejs b/views/pages/users.ejs
index f18b254..3a3fdda 100644
--- a/views/pages/users.ejs
+++ b/views/pages/users.ejs
@@ -1,6 +1,8 @@
 <% include ../partials/header %>
 
-<div class="subtitle"></div>
+<div class="subtitle">
+  <a class='all_link'></a>
+</div>
 
 <div id="content">
   <div id="user_list">
@@ -10,16 +12,22 @@
         <div class='dot'>
           &middot;
         </div>
-        <div class="date {{date_class}}">
-          member since {{date}} <small>{{time}}</small>
+        <div class='realname'>
+          {{realname}}
+        </div>
+        <div class="date {{firstseen_date_class}}">
+          joined {{firstseen_date}} <small>{{firstseen_time}}</small>
         </div>
-        <div class="threadcount {{threadcount_class}}">
+        <div class="date {{lastseen_date_class}}">
+          seen {{lastseen}} ago
+        </div>
+        <div class="count {{threadcount_class}}">
           {{threadcount}}
         </div>
-        <div class="filecount {{filecount_class}}">
+        <div class="count {{filecount_class}}">
           {{filecount}}
         </div>
-        <div class="commentcount {{commentcount_class}}">
+        <div class="count {{commentcount_class}}">
           {{commentcount}}
         </div>
       </div>
@@ -28,3 +36,50 @@
 </div>
 
 <% include ../partials/footer %>
+
+<style>
+.user_row {
+  display: flex;
+  flex-direction: row;
+  margin-top: 10px;
+}
+.user_row .username {
+  min-width: 70px;
+  justify-content: flex-end;
+  margin-right: 5px;
+}
+.user_row .realname {
+  min-width: 150px;
+}
+.user_row .date {
+  min-width: 160px;
+}
+.user_row div {
+  display: flex;
+}
+.user_row .dot {
+  margin-right: 5px;
+}
+.user_row .username a {
+  font-size: 12px;
+  font-weight: bold;
+  display: block;
+  min-width: 100px;
+  text-align: right;
+  margin-right: 5px;
+  margin-top: -3px;
+}
+.user_row .date small {
+  font-size: 9px;
+  margin-left: 3px;
+}
+.user_row .views {
+  min-width: 40px;
+  justify-content: center;
+}
+.user_row .count {
+  min-width: 40px;
+  justify-content: flex-end;
+  margin-right: 10px;
+}
+</style>