diff options
| author | Simon Rettberg | 2022-12-06 11:40:55 +0100 |
|---|---|---|
| committer | Simon Rettberg | 2022-12-06 11:40:55 +0100 |
| commit | 51049ea72c6102bc499832a638787305063c2420 (patch) | |
| tree | 9c71b085a2b12199c7d7e03e80ec41d817d4284a /modules-available/locationinfo/templates | |
| parent | [locationinfo] Minor JS tweaks (diff) | |
| download | slx-admin-51049ea72c6102bc499832a638787305063c2420.tar.gz slx-admin-51049ea72c6102bc499832a638787305063c2420.tar.xz slx-admin-51049ea72c6102bc499832a638787305063c2420.zip | |
[locationinfo] Add Slider to configure browser zoom in URL panel
Closes #3915
Diffstat (limited to 'modules-available/locationinfo/templates')
| -rw-r--r-- | modules-available/locationinfo/templates/page-config-panel-url.html | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/modules-available/locationinfo/templates/page-config-panel-url.html b/modules-available/locationinfo/templates/page-config-panel-url.html index 05913921..3aaf8620 100644 --- a/modules-available/locationinfo/templates/page-config-panel-url.html +++ b/modules-available/locationinfo/templates/page-config-panel-url.html @@ -216,6 +216,24 @@ {{/bookmarks}} </div> + <div class="list-group-item"> + <div class="row"> + <div class="col-sm-4"> + <label for="zoom-factor">{{lang_zoomFactor}}</label> + </div> + <div class="col-sm-7 col-xs-10"> + <input class="form-control" id="zoom-factor" type="range" min="50" max="300" step="5" + name="zoom-factor" value="{{zoom-factor}}"> + </div> + <div class="col-sm-1 col-xs-2" id="zoom-value"> + + </div> + <div class="col-sm-12 small text-muted spacebottop"> + {{lang_zoomFactorTooltip}} + </div> + </div> + </div> + </div> </div> <div class="text-right"> @@ -233,6 +251,13 @@ document.addEventListener("DOMContentLoaded", function () { // load value to dropdown menus $('#browser option[value="{{browser}}"]').prop("selected", true); browserChange(); + var $zv = $('#zoom-value'); + var $zf = $('#zoom-factor'); + var sliderUpdate = function() { + $zv.text($zf.val() + '%'); + }; + $zf.on('input', sliderUpdate); + sliderUpdate(); }); // Hide interactive-input if slx-browser is selected |