Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lines colors ok, tooltip ok, update ok

Browse Source
This commit is contained in:
ISA
2024-06-26 15:26:45 +02:00
parent ff6620f98c
commit c78ee22f16
1 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
components/MapComponent.js
View File

@@ -2179,23 +2179,34 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
if (matchingLine) { if (matchingLine) {
colorsByModule[matchingLine.idModul] = stat.PrioColor; colorsByModule[matchingLine.idModul] = stat.PrioColor;
newTooltipContents[matchingLine.idModul] = ` newTooltipContents[matchingLine.idModul] = `
<div class="bg-white rounded-lg m-0 p-2"> <div class="bg-white rounded-lg m-0 p-2 w-[210px]">
<span class="text-lg font-semibold text-gray-900">${stat.ModulName || "Unknown"}</span><br> <span class="text-lg font-semibold text-gray-900">${stat.ModulName || "Unknown"}</span>
<span class="text-md font-bold text-gray-800"> <br>
<span class="font-bold">ModulName :</span> ${stat.ModulTyp || "N/A"} <span class="text-md font-bold text-gray-800">${stat.ModulTyp || "N/A"}</span>
</span><br> <br>
<span class="text-gray-800"> <div style="max-width: 100%; overflow-wrap: break-word; word-break: break-word; white-space: normal;">
<span class="font-bold"> <span class="inline-block w-2 h-2 rounded-full mr-2" style="background-color: ${stat.PrioColor || "#000000"};"></span>
<span class="inline-block w-2 h-2 rounded-full mr-2" style="background-color: ${stat.PrioColor || "#000000"};"></span> <span class="inline-block text-gray-800">${stat.Message || "N/A"}</span>
${stat.Message || "N/A"} </div>
</span> <span class="text-gray-800" style="color: ${stat.PrioColor || "#000000"};">(${stat.PrioName || "N/A"})</span>
</span> <br>
<span class="text-gray-800"> </div>
<span style="color: ${stat.PrioColor || "#000000"};">(${stat.PrioName || "N/A"})</span>
</span><br>
</div>
`; `;
/* newTooltipContents[matchingLine.idModul] = `
<div class="bg-white rounded-lg m-0 p-2 w-[210px] flex flex-col items-center text-center">
<span class="text-lg font-semibold text-gray-900">${stat.ModulName || "Unknown"}</span>
<br>
<span class="text-md font-bold text-gray-800">${stat.ModulTyp || "N/A"}</span>
<br>
<div class="w-full" style="overflow-wrap: break-word; word-break: break-word; white-space: normal;">
<span class="inline-block w-2 h-2 rounded-full mr-2" style="background-color: ${stat.PrioColor || "#000000"};"></span>
<span class="inline-block text-gray-800">${stat.Message || "N/A"}</span>
</div>
<span class="text-gray-800" style="color: ${stat.PrioColor || "#000000"};">(${stat.PrioName || "N/A"})</span>
<br>
</div>
`; */
} }
}); });