From 896c37ab8b534b0458eadce4619546d198a42ba6 Mon Sep 17 00:00:00 2001
From: Mysticdrew <drewhaas@gmail.com>
Date: Wed, 19 Jun 2024 19:47:38 -0500
Subject: [PATCH] polygon label formatting

---
 .../assets/journeymap/web/index.html          | 28 ++++++++++++-------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/main/resources/assets/journeymap/web/index.html b/src/main/resources/assets/journeymap/web/index.html
index 7cfff6d..b3f9439 100644
--- a/src/main/resources/assets/journeymap/web/index.html
+++ b/src/main/resources/assets/journeymap/web/index.html
@@ -21,19 +21,26 @@
 <div id="main">
     <v-style v-if="visibleWaypoints">
         <template v-for="(waypoint) in waypoints">
-.leaflet-tooltip.{{waypoint.className}} {
-    color: {{waypoint.tooltipColor}};
-    border-color: {{waypoint.tooltipColor}};
-}
+            .leaflet-tooltip.{{ waypoint.className }} {
+            color: {{ waypoint.tooltipColor }};
+            border-color: {{ waypoint.tooltipColor }};
+            }
+        </template>
+    </v-style>
+    <v-style v-if="visiblePolygons">
+        <template v-for="(polygon) in polygons">
+            .leaflet-tooltip.{{ polygon.className }} {
+            color: {{ polygon.fillColor }};
+            border-color: {{ polygon.strokeColor }};
+            }
         </template>
     </v-style>
-
     <v-style v-if="visibleAnimals || visibleMobs || visibleVillagers">
         <template v-for="(marker) in markers">
             <template v-if="marker.color !== undefined">
-.leaflet-tooltip.{{ marker.key.replaceAll("/", "_") }} {
-    border-color: {{ marker.color }};
-}
+                .leaflet-tooltip.{{ marker.key.replaceAll("/", "_") }} {
+                border-color: {{ marker.color }};
+                }
             </template>
         </template>
     </v-style>
@@ -182,7 +189,8 @@
                   v-if="visibleWaypoints"
                   v-for="(waypoint) in waypoints"
         >
-            <l-tooltip :options="{permanent: true, direction: 'center', offset: [0, 43], className: waypoint.className}">
+            <l-tooltip
+                    :options="{permanent: true, direction: 'center', offset: [0, 43], className: waypoint.className}">
                 {{ waypoint.name }}
             </l-tooltip>
         </l-marker>
@@ -209,7 +217,7 @@
                    v-for="(polygon) in polygons"
 
         >
-            <l-tooltip :options="{permanent: true, direction: 'center', offset: [0, 43], className: 'TEST ME OUT'}">
+            <l-tooltip :options="{permanent: true, direction: 'center', offset: [0, 43], className: polygon.className}">
                 {{ polygon.label }}
             </l-tooltip>
         </l-polygon>