KÜ: Button Messkurve ist abhängig von der Anzeige. Darstellung noch ein wenig verwirrend. Evtl. so besser:

This commit is contained in:
Ismail Ali
2025-04-15 23:58:04 +02:00
parent 66d620fa68
commit b2d8fe63dc
2 changed files with 54 additions and 59 deletions

View File

@@ -264,33 +264,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
{kueVersion} {kueVersion}
</div> </div>
</div> </div>
<div className="flex mt-3 space-x-[0.063rem] ">
{/* 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-1">
{loopTitleText}
</span>
<div className="relative w-full h-[2.813rem] bg-gray-100 border border-gray-400 flex items-center justify-center mt-4">
<button
onClick={refreshClick} // 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"
disabled={loading} // Disable button while loading
>
<span className="text-white text-[1.125rem]"></span>
</button>
<div className="absolute bottom-[0.313rem] left-1/2 transform -translate-x-1/2 w-[6.25rem] flex justify-center items-center">
<div className="text-center text-black text-[0.625rem]">
<p>
{loopDisplayValue +
(activeButton === "Schleife" ? " KOhm" : " Km")}
</p>
</div>
</div>
</div>
<div className="flex mt-1 space-x-[0.063rem] ">
<button <button
onClick={() => onClick={() =>
handleButtonClick( handleButtonClick(
@@ -308,9 +282,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
) )
} }
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 ${
activeButton === "Schleife" activeButton === "Schleife" ? "bg-littwin-blue" : "bg-gray-400"
? "bg-littwin-blue"
: "bg-gray-400"
}`} }`}
> >
Schleife Schleife
@@ -339,14 +311,37 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
? "bg-littwin-blue" // Aktiviert: Littwin Blau ? "bg-littwin-blue" // Aktiviert: Littwin Blau
: "bg-gray-400" // Nicht geklickt: Dunkelgrau : "bg-gray-400" // Nicht geklickt: Dunkelgrau
}`} }`}
disabled={ disabled={Array.isArray(tdrActive) && tdrActive[slotIndex] === 0} // Button deaktiviert, wenn TDR für diesen Slot nicht aktiv ist
Array.isArray(tdrActive) && tdrActive[slotIndex] === 0
} // Button deaktiviert, wenn TDR für diesen Slot nicht aktiv ist
> >
TDR TDR
</button> </button>
</div> </div>
{/* loopDisplay: Zeigt Schleifenwiderstand oder TDR-Distanz an, je nach Modus */}
<div className="absolute bottom-[0.063rem] left-[0.068rem] w-[7.074rem] h-[6.1rem] 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-1">
{loopTitleText}
</span>
<div className="relative w-full h-[2.813rem] bg-gray-100 border border-gray-400 flex items-center justify-center mt-4">
<button
onClick={refreshClick} // 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"
disabled={loading} // Disable button while loading
>
<span className="text-white text-[1.125rem]"></span>
</button>
<div className="absolute bottom-[0.313rem] left-1/2 transform -translate-x-1/2 w-[6.25rem] flex justify-center items-center">
<div className="text-center text-black text-[0.625rem]">
<p>
{loopDisplayValue +
(activeButton === "Schleife" ? " KOhm" : " Km")}
</p>
</div>
</div>
</div>
<button <button
onClick={openChartModal} // Öffnet das Chart-Modal onClick={openChartModal} // Öffnet das Chart-Modal
className="w-full h-[1.563rem] bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center mt-[0.063rem]" className="w-full h-[1.563rem] bg-littwin-blue text-white text-[0.625rem] flex items-center justify-center mt-[0.063rem]"

View File

@@ -6,5 +6,5 @@
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen). 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
*/ */
const webVersion = "1.6.234"; const webVersion = "1.6.235";
export default webVersion; export default webVersion;