Kabelüberwachung Einheit für Schleife und TDR sichtbar

This commit is contained in:
Ismail Ali
2025-01-25 12:31:01 +01:00
parent 81aef743f1
commit 911ac2fa93

View File

@@ -294,7 +294,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
// Konvertiere Zeitstempel in ein lesbares Format für die X-Achse
const labels = data.map((row) => {
const date = new Date(row.t.replace(/-/g, "/")); // Zeitstring parsen
const date = new Date(String(row.t).replace(/-/g, "/")); // Zeitstring parsen
return date.toLocaleString("de-DE", {
hour: "2-digit",
minute: "2-digit",
@@ -569,11 +569,11 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
{/* loopDisplay: Zeigt Schleifenwiderstand oder TDR-Distanz an, je nach Modus */}
<div className="absolute bottom-[0.063rem] left-[0.068rem] w-[7.074rem] h-[8.125rem] bg-gray-300 border-[0.094rem] border-gray-400 p-[0.063rem]">
<span className="text-black text-[0.438rem] absolute top-[0.125rem] left-[0.063rem] mt-[0.063rem]">
<span className="text-black text-[0.438rem] absolute top-[0.125rem] left-[0.063rem] mt-[1.063rem]">
{loopTitleText}
</span>
<div className="relative w-full h-[2.813rem] bg-gray-100 border border-gray-400 flex items-center justify-center mt-[0.188rem]">
<div className="relative w-full h-[2.813rem] bg-gray-100 border border-gray-400 flex items-center justify-center mt-4">
<button
onClick={handleRefreshClick} // Dynamische Funktion basierend auf aktivem Button
className="absolute -top-[0.063rem] -right-[0.063rem] w-[1.25rem] h-[1.25rem] bg-gray-400 flex items-center justify-center"
@@ -592,7 +592,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
</div>
</div>
<div className="flex mt-[0.125rem] space-x-[0.063rem]">
<div className="flex mt-1 space-x-[0.063rem] ">
<button
onClick={() => handleButtonClick("Schleife")}
className={`w-[50%] h-[1.563rem] text-white text-[0.625rem] flex items-center justify-center ${