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_EXPORT_STATIC=false
NEXT_PUBLIC_USE_CGI=false NEXT_PUBLIC_USE_CGI=false
# App-Versionsnummer # 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) 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_EXPORT_STATIC=true
NEXT_PUBLIC_USE_CGI=true NEXT_PUBLIC_USE_CGI=true
# App-Versionsnummer # App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.650 NEXT_PUBLIC_APP_VERSION=1.6.651
NEXT_PUBLIC_CPL_MODE=production 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 ## [1.6.650] 2025-07-25
- feat(Kue705FO): replace switch buttons with direct chart access buttons - feat(Kue705FO): replace switch buttons with direct chart access buttons

View File

@@ -168,7 +168,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
return ( return (
<div <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" 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 ? ( {kueOnline === 1 ? (
@@ -221,9 +221,9 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
</div> </div>
{/* Schwarzes Display mit drei Zeilen: Alarm, ISO, Schleife */} {/* 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="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-center items-center h-full"> <div className="text-center w-full flex flex-col justify-between items-center h-full">
{/* 1. Zeile: Alarmtext in Rot, sonst leer */} {/* 1. Zeile: Alarmtext in Rot, sonst "Status: OK" */}
<span <span
className={`whitespace-nowrap block text-[0.65rem] font-semibold ${ className={`whitespace-nowrap block text-[0.65rem] font-semibold ${
Number(kuePSTmMinus96V?.[slotIndex]) === 1 || Number(kuePSTmMinus96V?.[slotIndex]) === 1 ||
@@ -232,7 +232,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
Number(kueAlarm1?.[slotIndex]) === 1 || Number(kueAlarm1?.[slotIndex]) === 1 ||
Number(kueAlarm2?.[slotIndex]) === 1 Number(kueAlarm2?.[slotIndex]) === 1
? "text-red-500" ? "text-red-500"
: "" : "text-green-500"
}`} }`}
> >
{Number(kuePSTmMinus96V?.[slotIndex]) === 1 {Number(kuePSTmMinus96V?.[slotIndex]) === 1
@@ -245,7 +245,9 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
? "Isolationsfehler" ? "Isolationsfehler"
: Number(kueAlarm2?.[slotIndex]) === 1 : Number(kueAlarm2?.[slotIndex]) === 1
? "Schleifenfehler" ? "Schleifenfehler"
: ""} : " "}
{"\u00A0"}
{/* Status: OK*/}
</span> </span>
{/* 2. Zeile: ISO-Wert, immer anzeigen */} {/* 2. Zeile: ISO-Wert, immer anzeigen */}
<span <span

4
package-lock.json generated
View File

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

View File

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