Pagina utenti caricata da json

views/utenti.html

@@ -12,6 +12,17 @@
         Questa è la lista di tutti gli utenti con un account su Poisson. Scrivi nome, cognome o username di un utente per filtrare la lista in tempo reale. Altrimenti di base in cima compariranno gli utenti con più "follower".
     </p>
     <div class="search">
+        <div class="compound padded">
+            <div class="icon">
+                <i class="fas fa-sort"></i>
+            </div>
+            <div class="divider"></div>
+            <select>
+                <option value="name">Cronologico</option>
+                <option value="name">Nome</option>
+                <option value="name">Cognome</option>
+            </select>
+        </div>
         <div class="compound">
             <input type="text" id="search-field" placeholder="Cerca..." autocomplete="off">
             <button class="icon">
@@ -19,12 +30,20 @@
             </button>
         </div>
     </div>
-    <div class="user-list">
-        <code>TODO: Lista work in progress</code>
+    <div class="user-list card-list">
+        {{ $config := .Config }}
+        {{ range .Utenti }}
+        <div class="user-item card">
+            <a class="full-name" href="{{ $config.UserPagesBaseUrl }}{{ .Uid }}">{{ .Nome }} {{ .Cognome }}</a>
+        </div>
+        {{ end }}
     </div>
 </section>
-<script>
 
-</script>
+<!-- 
+<script src="//unpkg.com/alpinejs" defer></script>
+<script src="https://cdn.jsdelivr.net/npm/fuse.js/dist/fuse.js" defer></script>
 
+<script type="module" src="/public/js/utenti.js"></script> 
+-->
 {{end}}