From 0f3d88fd32f9bd1e77e50d450accc1442220c9e7 Mon Sep 17 00:00:00 2001
From: Andreas <6977712+AndreasK79@users.noreply.github.com>
Date: Wed, 12 Oct 2022 11:01:56 +0200
Subject: [PATCH] [CQ Award] Added numbers on legend

---
 assets/js/sections/cqmap.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/assets/js/sections/cqmap.js b/assets/js/sections/cqmap.js
index 5e920ec2..eb2727f9 100644
--- a/assets/js/sections/cqmap.js
+++ b/assets/js/sections/cqmap.js
@@ -124,15 +124,23 @@ function load_cq_map2(data) {
         }
     ).addTo(map);
 
+    var notworked = 40;
+    var confirmed = 0;
+    var workednotconfirmed = 0;
+
   for (var i = 0; i < cqzones.length; i++) {
         L.Polyline.fromEncoded(cqzones[i]).addTo(map);
         var mapColor = 'red';
 
         if (data[i] == 'C') {
             mapColor = 'green';
+            confirmed++;
+            notworked--;
         }
         if (data[i] == 'W') {
           mapColor = 'orange';
+          workednotconfirmed++;
+          notworked--;
         }
 
         L.Polygon.fromEncoded(cqzones[i], {
@@ -160,9 +168,9 @@ function load_cq_map2(data) {
     legend.onAdd = function(map) {
         var div = L.DomUtil.create("div", "legend");
         div.innerHTML += "<h4>Colors</h4>";
-        div.innerHTML += '<i style="background: green"></i><span>Confirmed</span><br>';
-        div.innerHTML += '<i style="background: orange"></i><span>Worked not confirmed</span><br>';
-        div.innerHTML += '<i style="background: red"></i><span>Not worked</span><br>';
+        div.innerHTML += '<i style="background: green"></i><span>Confirmed ('+confirmed+')</span><br>';
+        div.innerHTML += '<i style="background: orange"></i><span>Worked not confirmed ('+workednotconfirmed+')</span><br>';
+        div.innerHTML += '<i style="background: red"></i><span>Not worked ('+notworked+')</span><br>';
         return div;
     };