mirror of
https://github.com/glanceapp/glance.git
synced 2024-11-29 11:55:05 +01:00
36f8eac3e4
Delay showing page content until JS has finished setting up page elements That then allows the following: Leave relative time to be rendered on the client Leave collapsible lists to be rendered on the client Which massively simplfies the backend templates which were error prone
38 lines
1.9 KiB
HTML
38 lines
1.9 KiB
HTML
{{ template "widget-base.html" . }}
|
|
|
|
{{ define "widget-content" }}
|
|
<ul class="list list-gap-14 list-collapsible" data-collapse-after="{{ .CollapseAfter }}">
|
|
{{ range .Channels }}
|
|
<li>
|
|
<div class="{{ if .IsLive }}twitch-channel-live {{ end }}flex gap-10 items-start thumbnail-container">
|
|
<div class="twitch-channel-avatar-container">
|
|
{{ if .Exists }}
|
|
<img class="twitch-channel-avatar thumbnail" src="{{ .AvatarUrl }}" alt="" loading="lazy">
|
|
{{ else }}
|
|
<svg class="twitch-channel-avatar thumbnail" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
|
|
</svg>
|
|
{{ end }}
|
|
</div>
|
|
<div class="shrink min-width-0">
|
|
<a href="https://twitch.tv/{{ .Login }}" class="size-h3{{ if .IsLive }} color-highlight{{ end }} block text-truncate" target="_blank" rel="noreferrer">{{ .Name }}</a>
|
|
{{ if .Exists }}
|
|
{{ if .IsLive }}
|
|
<a class="text-truncate block" href="https://www.twitch.tv/directory/category/{{ .CategorySlug }}" target="_blank" rel="noreferrer">{{ .Category }}</a>
|
|
<ul class="list-horizontal-text">
|
|
<li {{ dynamicRelativeTimeAttrs .LiveSince }}></li>
|
|
<li>{{ .ViewersCount | formatViewerCount }} viewers</li>
|
|
</ul>
|
|
{{ else }}
|
|
<div>Offline</div>
|
|
{{ end }}
|
|
{{ else }}
|
|
<div class="color-negative">Not found</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|