fix(Kue705FO): maintain consistent 3-line display layout

- Keep alarm status line with empty space when no alarm is present
- Use non-breaking space (\u00A0) to preserve line height and layout
- Remove green "Status: OK" text for cleaner display
- Ensure consistent 3-line structure: Alarm/Empty, ISO, RSL
This commit is contained in:
ISA
2025-07-25 13:45:16 +02:00
parent afdcb6b92f
commit f79c225b71
6 changed files with 25 additions and 11 deletions

View File

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
NEXT_PUBLIC_EXPORT_STATIC=false
NEXT_PUBLIC_USE_CGI=false
# App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.650
NEXT_PUBLIC_APP_VERSION=1.6.651
NEXT_PUBLIC_CPL_MODE=json # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)

View File

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
NEXT_PUBLIC_EXPORT_STATIC=true
NEXT_PUBLIC_USE_CGI=true
# App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.650
NEXT_PUBLIC_APP_VERSION=1.6.651
NEXT_PUBLIC_CPL_MODE=production

View File

@@ -1,3 +1,15 @@
## [1.6.651] 2025-07-25
- refactor(Kue705FO): integrate chart functionality into detail view buttons
- Remove separate TDR/Schleife Messkurve buttons section
- Add direct chart opening to ISO, RSL, and TDR buttons in detail view
- ISO and RSL buttons now open Schleife chart with proper state setup
- TDR button opens TDR chart with distance calculation
- Remove unused button container but keep structure for future use
- Clean up unused imports and variables needed
---
## [1.6.650] 2025-07-25
- feat(Kue705FO): replace switch buttons with direct chart access buttons

View File

@@ -168,7 +168,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
return (
<div
className="relative bg-gray-300 w-[7.25rem] h-[30.375rem] border border-gray-400 transform laptop:-translate-y-12 2xl:-translate-y-0
className="relative bg-gray-300 w-[7.25rem] h-[23.375rem] border border-gray-400 transform laptop:-translate-y-12 2xl:-translate-y-0
scale-100 sm:scale-95 md:scale-100 lg:scale-105 xl:scale-90 2xl:scale-125 top-3 qhd:scale-150 qhd:-translate-y-0"
>
{kueOnline === 1 ? (
@@ -221,9 +221,9 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
</div>
{/* Schwarzes Display mit drei Zeilen: Alarm, ISO, Schleife */}
<div className="relative mt-[3.125rem] mx-auto bg-black text-white w-[6.8rem] h-[3.1rem] flex flex-col items-center justify-center z-10 p-1">
<div className="text-center w-full flex flex-col justify-center items-center h-full">
{/* 1. Zeile: Alarmtext in Rot, sonst leer */}
<div className="relative mt-[3.125rem] mx-auto bg-black text-white w-[6.8rem] h-[3.1rem] flex flex-col items-center justify-between z-10 p-1">
<div className="text-center w-full flex flex-col justify-between items-center h-full">
{/* 1. Zeile: Alarmtext in Rot, sonst "Status: OK" */}
<span
className={`whitespace-nowrap block text-[0.65rem] font-semibold ${
Number(kuePSTmMinus96V?.[slotIndex]) === 1 ||
@@ -232,7 +232,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
Number(kueAlarm1?.[slotIndex]) === 1 ||
Number(kueAlarm2?.[slotIndex]) === 1
? "text-red-500"
: ""
: "text-green-500"
}`}
>
{Number(kuePSTmMinus96V?.[slotIndex]) === 1
@@ -245,7 +245,9 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
? "Isolationsfehler"
: Number(kueAlarm2?.[slotIndex]) === 1
? "Schleifenfehler"
: ""}
: " "}
{"\u00A0"}
{/* Status: OK*/}
</span>
{/* 2. Zeile: ISO-Wert, immer anzeigen */}
<span

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "cpl-v4",
"version": "1.6.650",
"version": "1.6.651",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "cpl-v4",
"version": "1.6.650",
"version": "1.6.651",
"dependencies": {
"@fontsource/roboto": "^5.1.0",
"@headlessui/react": "^2.2.4",

View File

@@ -1,6 +1,6 @@
{
"name": "cpl-v4",
"version": "1.6.650",
"version": "1.6.651",
"private": true,
"scripts": {
"dev": "next dev",