From 6c069dde178dfebc308a227ce79f4c7181400333 Mon Sep 17 00:00:00 2001
From: Zeromark30 <kjficht@gmail.com>
Date: Tue, 16 Sep 2025 22:04:01 -0400
Subject: [PATCH 1/4] Update _VehicleImageMap.cshtml

Add the option for circles in VehicleImageMap using coordinate system from  https://www.image-map.net/
---
 Views/Vehicle/_VehicleImageMap.cshtml | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/Views/Vehicle/_VehicleImageMap.cshtml b/Views/Vehicle/_VehicleImageMap.cshtml
index fdb0d59..41a2937 100644
--- a/Views/Vehicle/_VehicleImageMap.cshtml
+++ b/Views/Vehicle/_VehicleImageMap.cshtml
@@ -23,7 +23,12 @@
                         @foreach(ImageMap imageMap in Model.Map)
                         {
                             <a style='cursor:pointer;' onclick='loadRecordsByTags("@imageMap.Tags")'>
+                            string[] cordParts = @imageMap.Coordinates.ToString().Split(',');
+                            @if(cordParts.Length == 3) {
+                                <circle cx="cordParts[0]" cy="cordParts[1]" r="cordParts[2]" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></circle>
+                            } else {
                                 <polygon points="@imageMap.Coordinates" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></polygon>
+                            }
                             </a>
                         }
                     </svg>

From 6c0565102abc2cdd6b4732d64ed9cee9d787e942 Mon Sep 17 00:00:00 2001
From: "DESKTOP-T0O5CDB\\DESK-555BD" <ivancheahkf@gmail.com>
Date: Wed, 17 Sep 2025 08:19:52 -0600
Subject: [PATCH 2/4] add shape to imagemap

---
 Models/VehicleImageMap.cs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Models/VehicleImageMap.cs b/Models/VehicleImageMap.cs
index 99f1a79..a4a5ea9 100644
--- a/Models/VehicleImageMap.cs
+++ b/Models/VehicleImageMap.cs
@@ -13,5 +13,6 @@
         public string Coordinates { get; set; }
         public string Color { get; set; }
         public decimal Opacity { get; set; }
+        public string Shape { get; set; }
     }
 }

From 931ca855d272eb87c0d851b8b28bf8c2be2016ba Mon Sep 17 00:00:00 2001
From: "DESKTOP-T0O5CDB\\DESK-555BD" <ivancheahkf@gmail.com>
Date: Wed, 17 Sep 2025 08:30:59 -0600
Subject: [PATCH 3/4] add circle shape type.

---
 Views/Vehicle/_VehicleImageMap.cshtml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Views/Vehicle/_VehicleImageMap.cshtml b/Views/Vehicle/_VehicleImageMap.cshtml
index 41a2937..407f89b 100644
--- a/Views/Vehicle/_VehicleImageMap.cshtml
+++ b/Views/Vehicle/_VehicleImageMap.cshtml
@@ -23,9 +23,9 @@
                         @foreach(ImageMap imageMap in Model.Map)
                         {
                             <a style='cursor:pointer;' onclick='loadRecordsByTags("@imageMap.Tags")'>
-                            string[] cordParts = @imageMap.Coordinates.ToString().Split(',');
-                            @if(cordParts.Length == 3) {
-                                <circle cx="cordParts[0]" cy="cordParts[1]" r="cordParts[2]" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></circle>
+                            @if(!string.IsNullOrWhiteSpace(imageMap.Shape) && imageMap.Shape.ToLower() == "circle") {
+                                    var cordParts = imageMap.Coordinates.Split(',');
+                                    <circle cx="@cordParts[0]" cy="@cordParts[1]" r="@cordParts[2]" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></circle>
                             } else {
                                 <polygon points="@imageMap.Coordinates" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></polygon>
                             }

From 0922453dfba906179da6b5c21d25e2b52253647b Mon Sep 17 00:00:00 2001
From: "DESKTOP-T0O5CDB\\DESK-555BD" <ivancheahkf@gmail.com>
Date: Wed, 17 Sep 2025 08:34:01 -0600
Subject: [PATCH 4/4] only render circles if we have exactly three points

---
 Views/Vehicle/_VehicleImageMap.cshtml | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/Views/Vehicle/_VehicleImageMap.cshtml b/Views/Vehicle/_VehicleImageMap.cshtml
index 407f89b..0ce6582 100644
--- a/Views/Vehicle/_VehicleImageMap.cshtml
+++ b/Views/Vehicle/_VehicleImageMap.cshtml
@@ -25,7 +25,10 @@
                             <a style='cursor:pointer;' onclick='loadRecordsByTags("@imageMap.Tags")'>
                             @if(!string.IsNullOrWhiteSpace(imageMap.Shape) && imageMap.Shape.ToLower() == "circle") {
                                     var cordParts = imageMap.Coordinates.Split(',');
-                                    <circle cx="@cordParts[0]" cy="@cordParts[1]" r="@cordParts[2]" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></circle>
+                                    if (cordParts.Length == 3)
+                                    {
+                                        <circle cx="@cordParts[0]" cy="@cordParts[1]" r="@cordParts[2]" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></circle>
+                                    }
                             } else {
                                 <polygon points="@imageMap.Coordinates" fill="@imageMap.Color" opacity="@imageMap.Opacity.ToString(CultureInfo.InvariantCulture)"></polygon>
                             }