photoprism/assets/templates/app.gohtml
Michael Mayer 0b390f356f UX: Add role attributes to progress bars in templates/app.gohtml
Signed-off-by: Michael Mayer <michael@photoprism.app>
2025-04-14 17:41:49 +02:00

35 lines
No EOL
1.4 KiB
Text

<div id="app">
<div id="photoprism" class="splash-screen container{{if .config.SiteCaption}} theme-{{ .config.Settings.UI.Theme }}{{end}}">
<noscript>
<div id="noscript-info" class="splash-info">
<a href="https://enable-javascript.com/" target="_blank">Please enable JavaScript in your browser.</a>
</div>
</noscript>
<div id="splash-info" class="has-js splash-info">
{{if .error }}<span class="legal-info">{{ .error }}</span>
{{else if .config.LegalInfo}}
{{if .config.LegalUrl}}<a href="{{ .config.LegalUrl }}" target="_blank" class="legal-info">{{ .config.LegalInfo }}</a>
{{else}}<span class="legal-info">{{ .config.LegalInfo }}</span>{{end}}
{{else}}
<div class="about">
{{ .config.About }}
</div>
<div class="days">
{{template "quotes.gohtml" .}}
</div>
{{end}}
</div>
<script>
const el = document.getElementById("splash-info");
el.classList.add("day-" + new Date().getDay());
el.style.setProperty("display", "block");
</script>
<div class="splash-center">
<div class="splash-logo">
{{template "logo.gohtml" .}}
</div>
<progress id="progress" class="html-progress" role="progressbar" max="100"></progress>
</div>
</div>
</div>
<div id="busy-overlay"><div class="splash-center"><progress id="busy-progress" class="html-progress" role="progressbar" max="100"></progress></div></div>