website/views/utenti.html

{{template "base" .}} {{define "title"}}Utenti • PHC{{end}} {{define "body"}}
<section>
    <h2>
        <i class="fas fa-users"></i>
        Lista degli Utenti
    </h2>
    <p>
        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">
                <i class="fas fa-search"></i>
            </button>
        </div>
    </div>
    <div class="user-list card-list">
        {{ range .Utenti }}
        <div class="user-item card">
            <a class="full-name" href="{{ $.UserPagesBaseUrl }}{{ .Uid }}">
                {{ .Nome }} {{ .Cognome }}
            </a>
            {{ if .IsMacchinista }}
            <div class="icon" title="Macchinista">
                <i class="fas fa-wrench"></i>
            </div>
            {{ end }}
        </div>
        {{ end }}
    </div>
</section>

<!-- 
<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}}