From 3788a84ee9634ab9b855b03539a47e78ca66fa6f Mon Sep 17 00:00:00 2001
From: Peter Goodhall <peter@magicbug.co.uk>
Date: Mon, 20 May 2024 15:57:58 +0100
Subject: [PATCH] [Dashboard] Map now follows user selection for showing icon
 and colour

Visual decision to not show home marker or locs on the dashboard
---
 application/views/interface_assets/footer.php | 40 ++++++++++++++++++-
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/application/views/interface_assets/footer.php b/application/views/interface_assets/footer.php
index 145affaa..ce10ab4a 100644
--- a/application/views/interface_assets/footer.php
+++ b/application/views/interface_assets/footer.php
@@ -806,6 +806,37 @@ if ($this->session->userdata('user_id') != null) {
 <?php if ($this->uri->segment(1) == "" || $this->uri->segment(1) == "dashboard") { ?>
     <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/leaflet/L.Maidenhead.js"></script>
 
+    <script>
+        var iconsList = {
+            'qso': {
+                'color': '#FF0000',
+                'icon': 'fas fa-dot-circle'
+            }
+        };
+    </script>
+
+    <script>
+        // jquery onready
+        $(document).ready(function() {
+            $.ajax({
+                url: base_url + 'index.php/user_options/get_map_custom',
+                type: 'GET',
+                dataType: 'json',
+                error: function() {
+                    console.log('[ERROR] ajax get_map_custom() function return error.');
+                },
+                success: function(json_mapinfo) {
+                    console.log(json_mapinfo);
+                    if (typeof json_mapinfo.qso !== "undefined") {
+                        iconsList = json_mapinfo;
+                    }
+                }
+            });
+        });
+
+        console.log(iconsList);
+    </script>
+
     <script type="text/javascript">
         $(function() {
             $('[data-bs-toggle="tooltip"]').tooltip()
@@ -869,9 +900,14 @@ if ($this->session->userdata('user_id') != null) {
                             var key = `${marker.lat},${marker.lng}`;
                             newMarkers[key] = marker;
                             if (!markers[key]) {
+                                var icon = L.divIcon({
+                                    className: 'custom-icon',
+                                    html: `<i class="${iconsList.qso.icon}" style="color:${iconsList.qso.color}"></i>`
+                                });
                                 L.marker([marker.lat, marker.lng], {
-                                        icon: redIconImg
-                                    }).addTo(map)
+                                        icon: icon
+                                    })
+                                    .addTo(map)
                                     .bindPopup(marker.html);
                             }
                         });