From 9bf0141dc897137ad2fdfec4261aa75c193311f1 Mon Sep 17 00:00:00 2001
From: Christian Hofmaier
Date: Wed, 27 Nov 2019 14:51:16 +0100
Subject: [locationinfo] add new kiosk-mode options to url-panels - guest /
 guest+user login - browser selection - interactive mode - bookmarks

---
 .../templates/page-config-panel-url.html           | 143 ++++++++++++++++++++-
 1 file changed, 141 insertions(+), 2 deletions(-)

(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 57b518ce..e34f0477 100644
--- a/modules-available/locationinfo/templates/page-config-panel-url.html
+++ b/modules-available/locationinfo/templates/page-config-panel-url.html
@@ -108,6 +108,89 @@
 					</div>
 				</div>
 
+				<div class="list-group-item">
+					<div class="row">
+						<div class="col-sm-3">
+							<label for="split-login">{{lang_splitlogin}}</label>
+						</div>
+						<div class="col-sm-7">
+							<div class="checkbox">
+								<input id="split-login" type="checkbox" name="split-login" {{split-login_checked}} value="1">
+								<label></label>
+							</div>
+						</div>
+						<div class="col-sm-2">
+							<p class="btn btn-static helptext" title="{{lang_splitloginTooltip}}">
+								<span class="glyphicon glyphicon-question-sign"></span>
+							</p>
+						</div>
+					</div>
+				</div>
+
+				<div class="list-group-item">
+					<div class="row">
+						<div class="col-sm-3">
+							<label for="browser">{{lang_browser}}</label>
+						</div>
+						<div class="col-sm-7">
+							<select class="form-control" name="browser" id="browser" onchange="browserChange()">
+								<option value="slx-browser" id="slx">{{lang_slxbrowser}}</option>
+								<option value="chromium" id="chrome">{{lang_chromium}}</option>
+							</select>
+						</div>
+						<div class="col-sm-2">
+							<p class="btn btn-static helptext" title="{{lang_browserTooltip}}">
+								<span class="glyphicon glyphicon-question-sign"></span>
+							</p>
+						</div>
+					</div>
+				</div>
+
+				<div class="list-group-item b0-h">
+					<div class="row">
+						<div class="col-sm-3">
+							<label for="interactive">{{lang_interactive}}</label>
+						</div>
+						<div class="col-sm-7">
+							<div class="checkbox">
+								<input id="interactive" type="checkbox" name="interactive" {{interactive_checked}} value="1">
+								<label></label>
+							</div>
+						</div>
+						<div class="col-sm-2">
+							<p class="btn btn-static helptext" title="{{lang_interactiveTooltip}}">
+								<span class="glyphicon glyphicon-question-sign"></span>
+							</p>
+						</div>
+					</div>
+				</div>
+
+				<div class="list-group-item" id="bookmarks">
+					<div class="row" id="bookmark0">
+						<div class="col-sm-3">
+							<label for="bookmarks">{{lang_bookmarks}}</label>
+						</div>
+						<div class="col-sm-3">
+							<input class="form-control" name="bookmarkNames[]" type="text" value=""
+									 placeholder="bwLehrpool" required>
+						</div>
+						<div class="col-sm-3">
+							<input class="form-control" name="bookmarkUrls[]" type="text" value=""
+									 placeholder="http://www.bwlehrpool.de/" pattern=".*://.*" required>
+						</div>
+						<div class="col-sm-1">
+							<button type="button" class="btn btn-success" onclick="addBookmark()">
+								<span class="glyphicon glyphicon-plus"></span>
+							</button>
+						</div>
+						<div class="col-sm-2">
+							<p class="btn btn-static helptext" title="{{lang_bookmarksTooltip}}">
+								<span class="glyphicon glyphicon-question-sign"></span>
+							</p>
+						</div>
+					</div>
+				</div>
+
 			</div>
 		</div>
 	</div>
@@ -122,10 +205,66 @@
 
 <script type="text/javascript"><!--
 
+var bookmarkCount = 0;
+
 document.addEventListener("DOMContentLoaded", function () {
 	// Initialize fancy tooltips
-        $('p.helptext').tooltip();
-
+	$('p.helptext').tooltip();
+	// load value to dropdown menus
+	$('#browser option[value="{{browser}}"]').attr("selected", "selected");
+	browserChange();
+	// load bookmark fields
+	getBookmarks();
 });
 
+// Hide interactive-input if slx-browser is selected
+function browserChange() {
+	var value = $('#browser').val();
+	if (value !== 'slx-browser') {
+		$('.b0-h').show();
+	} else {
+		$('.b0-h').hide();
+		$('#interactive').prop('checked', false);
+	}
+}
+
+// Add another bookmark input field to the form
+function addBookmark() {
+	bookmarkCount += 1;
+	$('#bookmarks').append('<div style="margin-top: 1em;" class="row" id="bookmark' + bookmarkCount + '">' +
+		'<div class="col-sm-3 col-sm-offset-3">' +
+		'<input class="form-control" name="bookmarkNames[]" type="text" value="" placeholder="bwLehrpool" required>' +
+		'</div>' +
+		'<div class="col-sm-3">' +
+		'<input class="form-control" name="bookmarkUrls[]" type="text" value="" placeholder="http://www.bwlehrpool.de/" pattern=".*://.*" required>' +
+		'</div>' +
+		'<div class="col-sm-1">' +
+		'<button type="button" class="btn btn-danger" onclick="deleteBookmark(' + bookmarkCount + ')">' +
+		'<span class="glyphicon glyphicon-minus"></span>' +
+		'</button>' +
+		'</div>' +
+		'</div>');
+}
+
+// Remove the corresponding bookmark
+function deleteBookmark(num) {
+	$('#bookmark' + num).remove();
+	bookmarkCount -= 1;
+}
+
+// Load bookmarks from database and add to form
+function getBookmarks() {
+	var bookmarks = "{{bookmarks}}".split(" ");
+	if (bookmarks[0] === "") return;
+	for (var i = 0; i < bookmarks.length; i++) {
+		var bookmark = bookmarks[i].split(',');
+		var name = decodeURIComponent(bookmark[0]);
+		var url = decodeURIComponent(bookmark[1]);
+		if (i !== 0) addBookmark();
+		var bookmarkJquery = $('#bookmark' + bookmarkCount);
+		bookmarkJquery.find("input[name='bookmarkNames[]']").val(name);
+		bookmarkJquery.find("input[name='bookmarkUrls[]']").val(url);
+	}
+}
+
 //--></script>
-- 
cgit v1.2.3-55-g7522