40 lines
1.4 KiB
HTML
40 lines
1.4 KiB
HTML
|
{{define "zoom-control"}}
|
||
|
|
<!-- Zoom Control (Fixed Bottom Center, Draggable) -->
|
||
|
|
<div id="zoom-control" class="zoom-control no-print" role="group" aria-label="{{if eq .Lang "es"}}Control de zoom{{else}}Zoom control{{end}}">
|
||
|
|
<button
|
||
|
|
id="zoom-close"
|
||
|
|
class="zoom-close-btn"
|
||
|
|
aria-label="{{if eq .Lang "es"}}Cerrar control de zoom{{else}}Close zoom control{{end}}"
|
||
|
|
title="{{if eq .Lang "es"}}Cerrar{{else}}Close{{end}}">
|
||
|
|
<iconify-icon icon="mdi:close" width="16" height="16"></iconify-icon>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<span class="zoom-value zoom-value-min" aria-hidden="true">25</span>
|
||
|
|
|
||
|
|
<input
|
||
|
|
type="range"
|
||
|
|
id="zoom-slider"
|
||
|
|
class="zoom-slider"
|
||
|
|
min="25"
|
||
|
|
max="175"
|
||
|
|
step="1"
|
||
|
|
value="100"
|
||
|
|
aria-label="{{if eq .Lang "es"}}Ajustar nivel de zoom del CV{{else}}Adjust CV zoom level{{end}}"
|
||
|
|
aria-valuemin="25"
|
||
|
|
aria-valuemax="175"
|
||
|
|
aria-valuenow="100"
|
||
|
|
aria-valuetext="100%">
|
||
|
|
|
||
|
|
<span class="zoom-value zoom-value-max" aria-hidden="true">175</span>
|
||
|
|
|
||
|
|
<button
|
||
|
|
id="zoom-reset"
|
||
|
|
class="zoom-reset-btn"
|
||
|
|
aria-label="{{if eq .Lang "es"}}Restablecer zoom al 100%{{else}}Reset zoom to 100%{{end}}"
|
||
|
|
title="{{if eq .Lang "es"}}Restablecer{{else}}Reset{{end}}"
|
||
|
|
aria-live="polite">
|
||
|
|
<span id="zoom-value-current">100</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
{{end}}
|