Search/templates/images_only.html
partisan 70abf0a2bd
Some checks failed
Run Integration Tests / test (push) Failing after 36s
Fixed inconsistent handling of "No results found" and "End of results" messages
2025-06-16 10:11:05 +02:00

33 lines
No EOL
1.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{{ range $index, $result := .Results }}
<div class="image">
{{ if $.HardCacheEnabled }}
<noscript>
<!-- JavaScript is disabled; serve actual images without placeholders; serve proxy image since HardCache is enabled -->
<img src="{{ $result.ProxyFull }}" data-id="{{ $result.ID }}" data-full="{{ $result.ProxyFull }}"
data-proxy-full="{{ $result.ProxyThumb }}" data-source="{{ $result.Source }}" alt="{{ $result.Title }}"
class="clickable" />
</noscript>
<!-- JavaScript is enabled; use placeholders; serve proxy image since HardCache is enabled -->
<img src="/static/images/placeholder.svg" data-id="{{ $result.ID }}" data-full="{{ $result.ProxyFull }}"
data-proxy-full="{{ $result.ProxyThumb }}" data-source="{{ $result.Source }}" alt="{{ $result.Title }}"
class="clickable placeholder-img" />
{{ else }}
<!-- JavaScript is enabled; use placeholders; serve full image since HardCache is disabled -->
<img src="/static/images/placeholder.svg" data-id="{{ $result.ID }}" data-full="{{ $result.ProxyFull }}"
data-proxy-full="{{ $result.ProxyThumb }}" data-source="{{ $result.Source }}" alt="{{ $result.Title }}"
class="clickable placeholder-img" />
<noscript>
<!-- JavaScript is disabled; serve actual images without placeholders; serve full image since HardCache is disabled -->
<img src="{{ $result.ProxyFull }}" data-id="{{ $result.ID }}" data-full="{{ $result.ProxyFull }}"
data-proxy-full="{{ $result.ProxyThumb }}" data-source="{{ $result.Source }}" alt="{{ $result.Title }}"
class="clickable" />
</noscript>
{{ end }}
<div class="resolution">{{ $result.Width }} × {{ $result.Height }}</div>
<div class="details">
<span class="img_title clickable single-line-ellipsis">{{ $result.Title }}</span>
</div>
</div>
{{ end }}