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 // Konvertiere Zeitstempel in ein lesbares Format für die X-Achse
const labels = data.map((row) => { 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", { return date.toLocaleString("de-DE", {
hour: "2-digit", hour: "2-digit",
minute: "2-digit", minute: "2-digit",
@@ -569,11 +569,11 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
{/* loopDisplay: Zeigt Schleifenwiderstand oder TDR-Distanz an, je nach Modus */} {/* 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]"> <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} {loopTitleText}
</span> </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 <button
onClick={handleRefreshClick} // Dynamische Funktion basierend auf aktivem 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" 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> </div>
<div className="flex mt-[0.125rem] space-x-[0.063rem]"> <div className="flex mt-1 space-x-[0.063rem] ">
<button <button
onClick={() => handleButtonClick("Schleife")} onClick={() => handleButtonClick("Schleife")}
className={`w-[50%] h-[1.563rem] text-white text-[0.625rem] flex items-center justify-center ${ className={`w-[50%] h-[1.563rem] text-white text-[0.625rem] flex items-center justify-center ${