für TDR liste für json Dateien directory.json statt directory.csv

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}

public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.csv

@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv

public/CPLmockData/LastTDR/kue_01/Year_24/Month_01/directory.json

@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}

public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.csv

@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv

public/CPLmockData/LastTDR/kue_01/Year_24/Month_02/directory.json

@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}

public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.csv

@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv

public/CPLmockData/LastTDR/kue_01/Year_25/Month_03/directory.json

@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}

public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.csv

@@ -1,2 +0,0 @@
-05-0829.csv
-05-1911.csv

public/CPLmockData/LastTDR/kue_01/Year_25/Month_04/directory.json

@@ -0,0 +1,10 @@
+{
+  "files": [
+    {
+      "filename": "05-0829.json"
+    },
+    {
+      "filename": "05-1911.json"
+    }
+  ]
+}