juanatsap
59 lines
2.5 KiB
HTML
59 lines
2.5 KiB
HTML
{{define "view-controls"}}
|
|
<!-- Center: View controls with labels -->
|
|
<div class="view-controls-center">
|
|
<!-- CV Length toggle -->
|
|
<div class="selector-group">
|
|
<label class="selector-label">{{if eq .Lang "es"}}Longitud{{else}}Length{{end}}:</label>
|
|
<label class="icon-toggle">
|
|
<input type="checkbox"
|
|
id="lengthToggle"
|
|
{{if eq .CVLengthClass "cv-long"}}checked{{end}}
|
|
hx-post="/toggle/length"
|
|
hx-target=".cv-paper"
|
|
hx-swap="outerHTML"
|
|
hx-indicator="#loading">
|
|
<span class="icon-toggle-slider">
|
|
<iconify-icon icon="mdi:file-document-outline" width="16" height="16" class="icon-left"></iconify-icon>
|
|
<iconify-icon icon="mdi:file-document-multiple-outline" width="16" height="16" class="icon-right"></iconify-icon>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
|
|
<!-- Logo toggle -->
|
|
<div class="selector-group">
|
|
<label class="selector-label">{{if eq .Lang "es"}}Logos{{else}}Logos{{end}}:</label>
|
|
<label class="icon-toggle">
|
|
<input type="checkbox"
|
|
id="logoToggle"
|
|
{{if .ShowLogos}}checked{{end}}
|
|
hx-post="/toggle/logos"
|
|
hx-target=".cv-paper"
|
|
hx-swap="outerHTML"
|
|
hx-indicator="#loading">
|
|
<span class="icon-toggle-slider">
|
|
<iconify-icon icon="mdi:image-off-outline" width="16" height="16" class="icon-left"></iconify-icon>
|
|
<iconify-icon icon="mdi:image-multiple-outline" width="16" height="16" class="icon-right"></iconify-icon>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
|
|
<!-- Theme toggle -->
|
|
<div class="selector-group">
|
|
<label class="selector-label">{{if eq .Lang "es"}}Vista{{else}}View{{end}}:</label>
|
|
<label class="icon-toggle">
|
|
<input type="checkbox"
|
|
id="themeToggle"
|
|
{{if .ThemeClean}}checked{{end}}
|
|
hx-post="/toggle/theme"
|
|
hx-target="body"
|
|
hx-swap="outerHTML"
|
|
hx-indicator="#loading">
|
|
<span class="icon-toggle-slider">
|
|
<iconify-icon icon="mdi:page-layout-sidebar-left" width="16" height="16" class="icon-left"></iconify-icon>
|
|
<iconify-icon icon="mdi:page-layout-body" width="16" height="16" class="icon-right"></iconify-icon>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{{end}}
|