From 51049ea72c6102bc499832a638787305063c2420 Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Tue, 6 Dec 2022 11:40:55 +0100
Subject: [locationinfo] Add Slider to configure browser zoom in URL panel

Closes #3915
---
 .../templates/page-config-panel-url.html           | 25 ++++++++++++++++++++++
 1 file changed, 25 insertions(+)

(limited to 'modules-available/locationinfo/templates')

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
-- 
cgit v1.2.3-55-g7522