From 644b5329ddec5a51617ab0cd115de9c6d3d12dd8 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 26 Jun 2024 09:00:54 +0200
Subject: [PATCH] =?UTF-8?q?-=20talas=5Fv5.gis=5Flines=20Update=20nach=20?=
 =?UTF-8?q?=20Marker=20innerhalb=20der=20Linie=20->=20position=20=C3=A4nde?=
 =?UTF-8?q?rn->idLD=20&&=20idModul=20Zusammengesetzte=20PK=20-=20Darstellu?=
 =?UTF-8?q?ng=20soll=20wie=20Marker=20mouseover=20Popup=20(tooltip)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/MapComponent.js | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/components/MapComponent.js b/components/MapComponent.js
index a6206c4f8..a106814ed 100644
--- a/components/MapComponent.js
+++ b/components/MapComponent.js
@@ -671,7 +671,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
 
           marker.bindPopup(`
               <div class=" bg-white rounded-lg ">
-                <p class="text-lg font-semibold text-gray-900">${station.LD_Name}</p>
+                <span class="text-lg font-semibold text-gray-900">${station.LD_Name}</span>
                 <span class="text-md font-bold text-gray-800"> ${station.Device}</span><br>
                 <span class="text-gray-800"><strong> ${station.Area_Short} </strong>(${station.Area_Name})</span><br>
                 <span class="text-gray-800"><strong>${station.Location_Short} </strong> (${station.Location_Name})</span>
@@ -2179,16 +2179,15 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
           if (matchingLine) {
             colorsByModule[matchingLine.idModul] = stat.PrioColor;
             newTooltipContents[matchingLine.idModul] = `
-              <div class="p-0 rounded-lg bg-white bg-opacity-90">
-                <div class="font-bold text-sm text-black">
-                  <span>DpName:  ${stat.DpName || "Unknown"}</span> 
-                </div>
-                <div class="font-bold text-xxs text-blue-700">
-                  <span>ModulName : ${stat.ModulName || "N/A"}</span> 
-                </div>
-                <div class="font-bold text-xxs text-red-700">
-                  <span>Message : ${stat.Message || "N/A"}</span> 
-                </div>
+              <div class=" bg-white rounded-lg">
+                <span class="text-lg font-semibold text-gray-900">${stat.DpName || "Unknown"}</span><br>
+                <span class="text-md font-bold text-gray-800">ModulName : ${stat.ModulName || "N/A"}</span><br>
+                <span class="text-gray-800">Message : ${stat.Message || "N/A"}</span><br>
+                <!--<span class="text-gray-800">PrioColor : ${stat.PrioColor || "N/A"}</span><br>-->
+                <span class="text-gray-800">PrioName : ${stat.PrioName || "N/A"}</span><br>
+                <span class="text-gray-800">IdLD : ${stat.IdLD || "N/A"}</span><br>
+                <span class="text-gray-800">Modul : ${stat.Modul || "N/A"}</span><br>
+
               </div>
             `;
           }
@@ -2293,7 +2292,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
           );
 
           updatedPolyline.on("mouseover", () => {
-            updatedPolyline.setStyle({ weight: 12 });
+            updatedPolyline.setStyle({ weight: 10 });
             updatedPolyline.bringToFront();
           });
           updatedPolyline.on("mouseout", () => {
@@ -2354,7 +2353,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
       );
 
       polyline.on("mouseover", () => {
-        polyline.setStyle({ weight: 12 });
+        polyline.setStyle({ weight: 10 });
         polyline.bringToFront();
         console.log(
           `polyline with idLD : ${lineData.idLD}, idModul: ${lineData.idModul}`,