From f79bbee3b90de43848228f724e13d7f4151e1bdc Mon Sep 17 00:00:00 2001
From: Andreas <6977712+AndreasK79@users.noreply.github.com>
Date: Tue, 6 Feb 2024 09:18:33 +0100
Subject: [PATCH 1/2] [LBA] Checkbox to turn on/off path lines in map

---
 assets/js/sections/logbookadvanced.js | 31 ++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/assets/js/sections/logbookadvanced.js b/assets/js/sections/logbookadvanced.js
index 02b60ee66..8bd7542ae 100644
--- a/assets/js/sections/logbookadvanced.js
+++ b/assets/js/sections/logbookadvanced.js
@@ -1,6 +1,8 @@
 var callBookProcessingDialog = null;
 var inCallbookProcessing = false;
 var inCallbookItemProcessing = false;
+var clicklines = [];
+var map;
 
 $('#band').change(function () {
 	var band = $("#band option:selected").text();
@@ -844,7 +846,7 @@ function mapQsos(form) {
 	$("#qsoList_wrapper").attr("Hidden", true);
 	$("#qsoList_info").attr("Hidden", true);
 
-	var amap = $('#advancedmap').val();
+	amap = $('#advancedmap').val();
 	if (amap == undefined) {
 		$(".qso_manager").append('<div id="advancedmap"></div>');
 	}
@@ -921,7 +923,7 @@ function loadMap(data) {
 		$(".qso_manager").append('<div id="advancedmap"></div>');
 	}
 
-	var map = new L.Map('advancedmap', {
+	map = new L.Map('advancedmap', {
 		fullscreenControl: true,
 		fullscreenControlOptions: {
 			position: 'topleft'
@@ -994,6 +996,8 @@ function loadMap(data) {
 			wrap: false,
 			steps: 100
 		}).addTo(map);
+
+		clicklines.push(geodesic);
 	});
 
 
@@ -1003,7 +1007,8 @@ function loadMap(data) {
 
     legend.onAdd = function(map) {
         var div = L.DomUtil.create("div", "legend");
-        div.innerHTML += "<h4>" + counter + " QSOs plotted</h4>";
+        div.innerHTML += "<h4>" + counter + " QSOs plotted</h4><br>";
+		div.innerHTML += "<label>Path lines<input id='pathlines' type='checkbox' onclick=toggleFunction(this.checked) checked='checked'><span class='checkmark'></span></label><br>";
         return div;
     };
 
@@ -1108,3 +1113,23 @@ function loadMap(data) {
 			},
 		});
 	}
+
+	function toggleFunction(bool) {
+		if(bool) {
+			addLines();
+		} else {
+			clearLines();
+		}
+	};
+
+	function clearLines() {
+		clicklines.forEach(function (item) {
+			map.removeLayer(item)
+		});
+	}
+
+	function addLines() {
+		clicklines.forEach(function (item) {
+			map.addLayer(item)
+		});
+	}

From ee9fe334516b7bb9fe23380c27d6c1d177ec710b Mon Sep 17 00:00:00 2001
From: int2001 <joerg@dj7nt.de>
Date: Tue, 6 Feb 2024 08:56:42 +0000
Subject: [PATCH 2/2] Styling for pathlines-checkbox

---
 assets/js/sections/logbookadvanced.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/js/sections/logbookadvanced.js b/assets/js/sections/logbookadvanced.js
index 8bd7542ae..8667712ee 100644
--- a/assets/js/sections/logbookadvanced.js
+++ b/assets/js/sections/logbookadvanced.js
@@ -1007,8 +1007,8 @@ function loadMap(data) {
 
     legend.onAdd = function(map) {
         var div = L.DomUtil.create("div", "legend");
-        div.innerHTML += "<h4>" + counter + " QSOs plotted</h4><br>";
-		div.innerHTML += "<label>Path lines<input id='pathlines' type='checkbox' onclick=toggleFunction(this.checked) checked='checked'><span class='checkmark'></span></label><br>";
+        div.innerHTML += '<div>' + counter + " QSOs plotted</div>";
+		div.innerHTML += '<input id="pathlines" type="checkbox" onclick="toggleFunction(this.checked)" checked="checked" style="outline: none;"><span> Path lines</span>';
         return div;
     };