Cleanup

app/templates/admin/corpora.html.j2

@@ -18,6 +18,13 @@
 <script>
   let corpusListElement = document.querySelector('#corpus-list');
   let corpusList = new CorpusList(corpusListElement);
-  corpusList.add({{ corpora|tojson }});
+  corpusList.add(
+    [
+      {% for corpus in corpora %}
+      {{ corpus.to_json_serializeable(backrefs=True)|tojson }}
+      {% if not loop.last %},{% endif %}
+      {% endfor %}
+    ]
+  );
 </script>
 {% endblock scripts %}

app/templates/admin/user.html.j2

@@ -9,12 +9,18 @@
     </div>
     <div class="col s12 l10">
       <h1 id="title">{{ title }}</h1>
-      <span class="chip hoverable tooltipped no-autoinit" id="user-role-chip">{{ user.role.name }}</span>
-      <span class="chip white-text" id="user-confirmed-chip" style="background-color: {{ '#4caf50' if user.confirmed else '#f44336' }};">{{ 'confirmed' if user.confirmed else 'unconfirmed' }}</span>
-      <p id="description">{{ user.about_me }}</p>
+      <p>
+        <span class="chip hoverable tooltipped no-autoinit" id="user-role-chip">{{ user.role.name }}</span>
+        {% if user.confirmed %}
+        <span class="chip white-text" id="user-confirmed-chip" style="background-color: #4caf50;">confirmed</span>
+        {% else %}
+        <span class="chip white-text" id="user-confirmed-chip" style="background-color: #f44336;">unconfirmed</span>
+        {% endif %}
+      </p>
+      <p>{{ user.about_me }}</p>
     </div>
 
-    <div class="col s12">&nbsp;</div>
+    <div class="col s12 hide-on-med-and-down">&nbsp;</div>
 
     <div class="col s12">
       <ul class="tabs tabs-fixed-width z-depth-1">
@@ -34,8 +40,8 @@
             <li>Email: {{ user.email }}</li>
             <li>Id: {{ user.id }}</li>
             <li>Hashid: {{ user.hashid }}</li>
-            <li>Member since: {{ user.member_since }}</li>
-            <li>Last seen: {{ user.last_seen }}</li>
+            <li>Member since: {{ user.member_since.strftime('%Y-%m-%d') }}</li>
+            <li>Last seen: {{ user.last_seen.strftime('%Y-%m-%d') }}</li>
           </ul>
         </div>
         <div class="card-action right-align">
@@ -89,7 +95,7 @@
     <p>Do you really want to delete the user {{ user.username }}? All associated data will be permanently deleted!</p>
   </div>
   <div class="modal-footer">
-    <a href="#!" class="btn modal-close waves-effect waves-light">Cancel</a>
+    <a class="btn modal-close waves-effect waves-light">Cancel</a>
     <a href="{{ url_for('.delete_user', user_id=user.id) }}" class="btn red modal-close waves-effect waves-light"><i class="material-icons left">delete</i>Delete</a>
   </div>
 </div>

app/templates/admin/users.html.j2

@@ -23,6 +23,13 @@
 <script>
   let adminUserListElement = document.querySelector('#admin-user-list');
   let adminUserList = new AdminUserList(adminUserListElement);
-  adminUserList.add({{ users|tojson }});
+  adminUserList.add(
+    [
+      {% for user in users %}
+      {{ user.to_json_serializeable(backrefs=True)|tojson }}
+      {% if not loop.last %},{% endif %}
+      {% endfor %}
+    ]
+  );
 </script>
 {% endblock scripts %}