35 lines
1.2 KiB
Smarty

{{define "title"}}Lists{{end}}
{{define "main"}}
<h1>Lists</h1>
<div class="users-list-previews">
{{range .}}
{{$max_display_users := 10}}
<div class="users-list-preview" hx-get="/lists/{{.ID}}" hx-trigger="click" hx-target="body" hx-push-url="true">
<span class="list-name">{{.Name}}</span>
<span class="num-users">({{(len .Users)}})</span>
<div class="first-N-profile-images" hx-trigger="click consume">
{{range $i, $user := .Users}}
{{/* Only render the first 10-ish users */}}
{{if (lt $i $max_display_users)}}
<a class="unstyled-link" href="/{{$user.Handle}}">
<img
class="profile-image"
{{if $user.IsContentDownloaded}}
src="/content/{{$user.GetProfileImageLocalPath}}"
{{else}}
src="{{$user.ProfileImageUrl}}"
{{end}}
/>
</a>
{{end}}
{{end}}
{{if (gt (len .Users) $max_display_users)}}
<span class="ellipsis">...</span>
{{end}}
</div>
</div>
{{end}}
</div>
{{end}}