Events Prograssbar in Prozent

.env.development

@@ -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.708
+NEXT_PUBLIC_APP_VERSION=1.6.709
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.env.production

@@ -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.708
+NEXT_PUBLIC_APP_VERSION=1.6.709
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.709] – 2025-08-13
+
+- Progressbar mit Prozent und Zeit
+
+---
 ## [1.6.708] – 2025-08-13
 
 - feat: Slot Nummer anzeigen bei Events

components/common/GlobalActivityOverlay.tsx

@@ -35,13 +35,6 @@ export default function GlobalActivityOverlay() {
 
   const clamp = (v: number, min = 0, max = 1) =>
     Math.max(min, Math.min(max, v));
-  const formatEta = (ms: number) => {
-    if (ms <= 0) return "gleich fertig";
-    const totalSec = Math.ceil(ms / 1000);
-    const m = Math.floor(totalSec / 60);
-    const s = totalSec % 60;
-    return m > 0 ? `${m}:${s.toString().padStart(2, "0")} min` : `${s} s`;
-  };
 
   const compute = (startedAt: number | null, durationMs: number) => {
     if (!startedAt) return { pct: 0, remaining: durationMs };
@@ -67,7 +60,7 @@ export default function GlobalActivityOverlay() {
                 Schleifenmessung läuft… (KÜ: {fmt(ksx)})
               </div>
               {(() => {
-                const { pct, remaining } = compute(loopStartedAt, LOOP_MS);
+                const { pct } = compute(loopStartedAt, LOOP_MS);
                 return (
                   <div>
                     <div className="h-2 w-full bg-gray-200 rounded overflow-hidden">
@@ -77,7 +70,7 @@ export default function GlobalActivityOverlay() {
                       />
                     </div>
                     <div className="text-xs text-gray-600 mt-1">
-                      {Math.round(pct)}% · ~{formatEta(remaining)}
+                      {Math.round(pct)}%
                     </div>
                   </div>
                 );
@@ -91,17 +84,17 @@ export default function GlobalActivityOverlay() {
                 TDR-Messung läuft… (KÜ: {fmt(ksy)})
               </div>
               {(() => {
-                const { pct, remaining } = compute(tdrStartedAt, TDR_MS);
+                const { pct } = compute(tdrStartedAt, TDR_MS);
                 return (
                   <div>
                     <div className="h-2 w-full bg-gray-200 rounded overflow-hidden">
                       <div
-                        className="h-full bg-yellow-500 transition-all"
+                        className="h-full bg-littwin-blue transition-all"
                         style={{ width: `${pct}%` }}
                       />
                     </div>
                     <div className="text-xs text-gray-600 mt-1">
-                      {Math.round(pct)}% · ~{formatEta(remaining)}
+                      {Math.round(pct)}%
                     </div>
                   </div>
                 );
@@ -115,20 +108,17 @@ export default function GlobalActivityOverlay() {
                 Abgleich läuft… (KÜ: {fmt(ksz)})
               </div>
               {(() => {
-                const { pct, remaining } = compute(
+                const { pct } = compute(alignmentStartedAt, ALIGN_MS);
-                  alignmentStartedAt,
-                  ALIGN_MS
-                );
                 return (
                   <div>
                     <div className="h-2 w-full bg-gray-200 rounded overflow-hidden">
                       <div
-                        className="h-full bg-emerald-500 transition-all"
+                        className="h-full bg-littwin-blue transition-all"
                         style={{ width: `${pct}%` }}
                       />
                     </div>
                     <div className="text-xs text-gray-600 mt-1">
-                      {Math.round(pct)}% · ~{formatEta(remaining)}
+                      {Math.round(pct)}%
                     </div>
                   </div>
                 );

mocks/device-cgi-simulator/SERVICE/kabelueberwachungMockData.js

@@ -260,7 +260,7 @@ var win_fallSensors = [
 
 // Event Schleifenmessung KSX
 var loopMeasurementEvent = [
-  1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
   0, 0, 0, 0, 0, 0,
 ];
 //Event TDR-Messung
@@ -270,6 +270,6 @@ var tdrMeasurementEvent = [
 ];
 //Event Abgleich
 var alignmentEvent = [
-  0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+  1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
   0, 0, 0, 0, 0, 0,
 ];

package-lock.json

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

package.json

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