From 73cc73691e3af118fed15e97d13ed403569a58fa Mon Sep 17 00:00:00 2001
From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com>
Date: Tue, 10 Sep 2024 18:09:26 +0200
Subject: [PATCH] [Advanced Logbook] Added CQ and ITU zone to the bottom

---
 application/views/logbookadvanced/index.php |  2 +
 assets/css/general.css                      |  2 +-
 assets/js/leaflet/geocoding.js              | 63 +++++++++++++++++++++
 assets/js/sections/logbookadvanced_map.js   |  4 ++
 4 files changed, 70 insertions(+), 1 deletion(-)

diff --git a/application/views/logbookadvanced/index.php b/application/views/logbookadvanced/index.php
index e55507684..5816f433b 100644
--- a/application/views/logbookadvanced/index.php
+++ b/application/views/logbookadvanced/index.php
@@ -15,6 +15,8 @@
     var lang_gen_hamradio_cq_zones = '<?= _pgettext("Map Options", "CQ Zones"); ?>';
     var lang_gen_hamradio_itu_zones = '<?= _pgettext("Map Options", "ITU Zones"); ?>';
     var lang_gen_hamradio_nightshadow = '<?= _pgettext("Map Options", "Night Shadow"); ?>';
+	var lang_gen_hamradio_ituzone = '<?= __("ITU Zone"); ?>';
+	var lang_gen_hamradio_cqzone = '<?= __("CQ Zone"); ?>';
     <?php
     echo "var homegrid ='" . strtoupper($homegrid[0]) . "';";
     if (!isset($options)) {
diff --git a/assets/css/general.css b/assets/css/general.css
index 63add1722..8b41ce142 100644
--- a/assets/css/general.css
+++ b/assets/css/general.css
@@ -942,7 +942,7 @@ label {
 #latDeg, #lngDeg {
     width: 170px;
 }
-#locator, #distance, #bearing {
+#locator, #distance, #bearing, #ituzonedisplay, #cqzonedisplay{
     width: 120px;
 }
 
diff --git a/assets/js/leaflet/geocoding.js b/assets/js/leaflet/geocoding.js
index 88cbf47f7..6f5a6fcd5 100644
--- a/assets/js/leaflet/geocoding.js
+++ b/assets/js/leaflet/geocoding.js
@@ -92,8 +92,71 @@ function onMapMove(event) {
 
 	$('#bearing').html(distance.deg + '°');
 	$('#distance').html(Math.round(distance.distance * 10) / 10 + ' ' +unit);
+
+	if (typeof zonestuff !== 'undefined' && zonestuff) {
+		const cqZone = findCQZone(event.latlng);
+		$('#cqzonedisplay').html(cqZone);
+	}
+
+	if (typeof ituzonestuff !== 'undefined' && ituzonestuff) {
+		const ituZone = findITUZone(event.latlng);
+		$('#ituzonedisplay').html(ituZone);
+	}
 };
 
+function findCQZone(latlng) {
+	let cqZone = null;
+	zonestuff.features.forEach(feature => {
+        try {
+            if (isMarkerInsidePolygon(latlng, feature)) {
+				cqZone = feature.properties.cq_zone_number;
+			}
+        } catch (error) {
+            console.error(error);
+        }
+    });
+
+    return cqZone;
+}
+
+function findITUZone(latlng) {
+	if (85 < parseFloat(latlng.lat).toFixed(6))
+		return "75";
+	if (-85 > parseFloat(latlng.lat).toFixed(6))
+		return "74";
+	let ituZone = null;
+	ituzonestuff.features.forEach(feature => {
+        try {
+            if (isMarkerInsidePolygon(latlng, feature)) {
+				ituZone = feature.properties.itu_zone_number;
+			}
+        } catch (error) {
+            console.error(error);
+        }
+    });
+
+    return ituZone;
+}
+
+function isMarkerInsidePolygon(marker, poly) {
+    const x = marker.lng; // Longitude
+    const y = marker.lat; // Latitude
+
+    const polyPoints = poly.geometry.coordinates[0];
+    let inside = false;
+
+    for (let i = 0, j = polyPoints.length - 1; i < polyPoints.length; j = i++) {
+        const xi = polyPoints[i][0], yi = polyPoints[i][1];
+        const xj = polyPoints[j][0], yj = polyPoints[j][1];
+
+        const intersect = ((yi > y) !== (yj > y)) &&
+                          (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
+        if (intersect) inside = !inside;
+    }
+
+    return inside;
+}
+
 function onMapClick(event) {
 	var LatLng = event.latlng;
 	var lat = LatLng.lat;
diff --git a/assets/js/sections/logbookadvanced_map.js b/assets/js/sections/logbookadvanced_map.js
index 842f35fe5..9c3e1bbe6 100644
--- a/assets/js/sections/logbookadvanced_map.js
+++ b/assets/js/sections/logbookadvanced_map.js
@@ -242,6 +242,10 @@ function loadMap(data, iconsList) {
         '<div class="cohidden col-auto text-success fw-bold" id="distance"></div>' +
         '<div class="cohidden">' + lang_gen_hamradio_bearing + '&nbsp;</div>' +
         '<div class="cohidden col-auto text-success fw-bold" id="bearing"></div>' +
+		'<div class="cohidden">' + lang_gen_hamradio_cqzone + '&nbsp;</div>' +
+		'<div class="cohidden col-auto text-success fw-bold" id="cqzonedisplay"></div>' +
+		'<div class="cohidden">' + lang_gen_hamradio_ituzone + '&nbsp;</div>' +
+		'<div class="cohidden col-auto text-success fw-bold" id="ituzonedisplay"></div>' +
 		'</div>');
 		$('.cohidden').show();
 		set_advancedmap_height();