From 98672fcbd5e0db470e75dca41d647a9050404390 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 27 Jan 2025 15:10:13 +0100
Subject: [PATCH] =?UTF-8?q?f=C3=BCr=20TDR=20liste=20f=C3=BCr=20json=20Date?=
 =?UTF-8?q?ien=20directory.json=20statt=20directory.csv?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modules/Kue705FO.tsx               | 129 +++++++++++++++++-
 .../Month_01/{slot0.json => 05-0829.json}     |   0
 .../Month_01/{slot1.json => 05-1911.json}     |   0
 .../kue_01/Year_24/Month_01/directory.csv     |   2 -
 .../kue_01/Year_24/Month_01/directory.json    |  10 ++
 .../Month_02/{slot2.json => 05-0829.json}     |   0
 .../Month_02/{slot4.json => 05-1911.json}     |   0
 .../kue_01/Year_24/Month_02/directory.csv     |   2 -
 .../kue_01/Year_24/Month_02/directory.json    |  10 ++
 .../Month_03/{slot5.json => 05-0829.json}     |   0
 .../Month_03/{slot6.json => 05-1911.json}     |   0
 .../kue_01/Year_25/Month_03/directory.csv     |   2 -
 .../kue_01/Year_25/Month_03/directory.json    |  10 ++
 .../Month_04/{slot8.json => 05-0829.json}     |   0
 .../Month_04/{slot9.json => 05-1911.json}     |   0
 .../kue_01/Year_25/Month_04/directory.csv     |   2 -
 .../kue_01/Year_25/Month_04/directory.json    |  10 ++
 17 files changed, 163 insertions(+), 14 deletions(-)
 rename public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/{slot0.json => 05-0829.json} (100%)
 rename public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/{slot1.json => 05-1911.json} (100%)
 delete mode 100644 public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.csv
 create mode 100644 public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.json
 rename public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/{slot2.json => 05-0829.json} (100%)
 rename public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/{slot4.json => 05-1911.json} (100%)
 delete mode 100644 public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.csv
 create mode 100644 public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.json
 rename public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/{slot5.json => 05-0829.json} (100%)
 rename public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/{slot6.json => 05-1911.json} (100%)
 delete mode 100644 public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.csv
 create mode 100644 public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.json
 rename public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/{slot8.json => 05-0829.json} (100%)
 rename public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/{slot9.json => 05-1911.json} (100%)
 delete mode 100644 public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.csv
 create mode 100644 public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.json

diff --git a/components/modules/Kue705FO.tsx b/components/modules/Kue705FO.tsx
index a033591..eed4a55 100644
--- a/components/modules/Kue705FO.tsx
+++ b/components/modules/Kue705FO.tsx
@@ -285,13 +285,13 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
       console.error("Canvas mit ID 'myChart' nicht gefunden.");
       return;
     }
-  
+
     const ctx = canvas.getContext("2d");
     if (!ctx) {
       console.error("2D-Kontext für Canvas konnte nicht erstellt werden.");
       return;
     }
-  
+
     // Konvertiere Zeitstempel in ein lesbares Format für die X-Achse
     const labels = data.map((row) => {
       const date = new Date(String(row.t).replace(/-/g, "/")); // Zeitstring parsen
@@ -301,7 +301,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
         second: "2-digit",
       });
     });
-  
+
     new Chart(ctx, {
       type: "line",
       data: {
@@ -368,7 +368,6 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
       },
     });
   };
-  
 
   useEffect(() => {
     const updateAlarmStatus = () => {
@@ -388,7 +387,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
 
   useEffect(() => {
     if (reduxKueVersion?.[slotIndex]) {
-      setKueVersion("V" + reduxKueVersion[slotIndex] / 100);
+      setKueVersion("V" + Number(reduxKueVersion[slotIndex]) / 100);
     }
   }, [slotIndex, reduxKueVersion]);
   //---------------------------------------------------
@@ -474,6 +473,11 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
     }
   }, [schleifenwiderstand, activeButton]);
   //---------------------------------------------------
+  const noLetter = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    const input = e.currentTarget;
+    input.value = input.value.replace(/[^0-9]/g, "");
+  };
+
   return (
     <div
       className="relative bg-gray-300 w-[7.25rem] h-[24.375rem] border border-gray-400 transform laptop:-translate-y-12 2xl:-translate-y-0
@@ -665,7 +669,120 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
                 <i className="bi bi-x-circle-fill"></i>{" "}
                 {/* Bootstrap Icon "X" */}
               </button>
-              <h2>Messkurve Slot {slotIndex + 1}</h2>
+              <input
+                className="input-group-field"
+                id="jahrSelect"
+                type="number"
+                value=""
+                min="2020"
+                max="2030"
+                onKeyUp={(e) => noLetter(e)}
+              />
+              <ul className="menu">
+                <li>
+                  <div
+                    className="input-group"
+                    style={{
+                      marginTop: "12px",
+                      width: "125px",
+                      paddingRight: "5px",
+                    }}
+                  >
+                    <span className="input-group-label">Jahr</span>
+                    <input
+                      className="input-group-field"
+                      id="jahrSelect"
+                      type="number"
+                      value=""
+                      min="2020"
+                      max="2030"
+                      onKeyUp={() => noLetter(this)}
+                    />
+                  </div>
+                </li>
+
+                <li>
+                  <div
+                    className="input-group"
+                    style={{
+                      marginTop: "12px",
+                      width: "125px",
+                      paddingRight: "10px",
+                    }}
+                  >
+                    <span className="input-group-label">Monat</span>
+                    <input
+                      className="input-group-field"
+                      id="monatSelect"
+                      type="number"
+                      value=""
+                      min="1"
+                      max="12"
+                      onkeyup="noLetter(this);"
+                    />
+                  </div>
+                </li>
+
+                <li>
+                  <div
+                    className="input-group"
+                    style={{
+                      marginTop: "12px",
+                      width: "160px",
+                      paddingRight: "10px",
+                      height: "28px",
+                    }}
+                  >
+                    <select
+                      id="options"
+                      name="options"
+                      style={{
+                        width: "100%",
+                        height: "100%",
+                        fontSize: "13px",
+                      }}
+                    ></select>
+                  </div>
+                </li>
+                <li
+                  style={{
+                    marginTop: "7px",
+                    paddingLeft: "5px",
+                    paddingRight: "5px",
+                  }}
+                >
+                  <button
+                    type="button"
+                    className="button littwin small"
+                    onClick={() => sortieren()}
+                  >
+                    <i
+                      className="fi-arrow-up"
+                      style={{ fontSize: "1.2em" }}
+                    ></i>
+                    <i
+                      className="fi-arrow-down"
+                      style={{ fontSize: "1.2em" }}
+                    ></i>
+                  </button>
+                </li>
+
+                <li
+                  style={{
+                    marginTop: "7px",
+                    paddingLeft: "5px",
+                    paddingRight: "5px",
+                  }}
+                >
+                  <button
+                    type="button"
+                    className="button littwin small"
+                    onclick="aktualisieren()"
+                  >
+                    Aktualisieren
+                  </button>
+                </li>
+              </ul>
               <canvas
                 id="myChart"
                 ref={chartRef}
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/slot0.json b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/05-0829.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/slot0.json
rename to public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/05-0829.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/slot1.json b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/05-1911.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/slot1.json
rename to public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/05-1911.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.csv b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.csv
deleted file mode 100644
index 1dea214..0000000
--- a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.csv
+++ /dev/null
@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.json b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.json
new file mode 100644
index 0000000..cb0927f
--- /dev/null
+++ b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.json
@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/slot2.json b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/05-0829.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/slot2.json
rename to public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/05-0829.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/slot4.json b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/05-1911.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/slot4.json
rename to public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/05-1911.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.csv b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.csv
deleted file mode 100644
index 1dea214..0000000
--- a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.csv
+++ /dev/null
@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.json b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.json
new file mode 100644
index 0000000..cb0927f
--- /dev/null
+++ b/public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.json
@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/slot5.json b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/05-0829.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/slot5.json
rename to public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/05-0829.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/slot6.json b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/05-1911.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/slot6.json
rename to public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/05-1911.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.csv b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.csv
deleted file mode 100644
index 1dea214..0000000
--- a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.csv
+++ /dev/null
@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.json b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.json
new file mode 100644
index 0000000..cb0927f
--- /dev/null
+++ b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.json
@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/slot8.json b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/05-0829.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/slot8.json
rename to public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/05-0829.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/slot9.json b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/05-1911.json
similarity index 100%
rename from public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/slot9.json
rename to public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/05-1911.json
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.csv b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.csv
deleted file mode 100644
index 1dea214..0000000
--- a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.csv
+++ /dev/null
@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv
diff --git a/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.json b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.json
new file mode 100644
index 0000000..cb0927f
--- /dev/null
+++ b/public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.json
@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}