Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(pages): renamed all route files to *Page.tsx for clarity and consistency

Browse Source
This commit is contained in:
Ismail Ali
2025-05-01 18:14:32 +02:00
parent 696b9ef0ea
commit 08662bc2f8
12 changed files with 89 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
pages/digitalInputs.tsx
View File

@@ -1,100 +0,0 @@
"use client";
// /pages/digitalInputs.tsx
import React, { useEffect, useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { AppDispatch, RootState } from "../redux/store";
import InputModal from "../components/main/einausgaenge/modals/InputModal";
import OutputModal from "../components/main/einausgaenge/modals/OutputModal";
import { fetchDigitaleEingaengeThunk } from "../redux/thunks/fetchDigitaleEingaengeThunk";
import { fetchDigitalOutputsThunk } from "../redux/thunks/fetchDigitalOutputsThunk";
import DigitalOutputs from "../components/main/einausgaenge/DigitalOutputs";
import DigitalInputs from "../components/main/einausgaenge/DigitalInputs";
const EinAusgaenge: React.FC = () => {
const dispatch = useDispatch<AppDispatch>();
const digitalInputs = useSelector(
(state: RootState) => state.digitalInputsSlice.inputs
);
const digitalOutputs = useSelector(
(state: RootState) => state.digitalOutputsSlice.outputs
);
const [selectedInput, setSelectedInput] = useState(null);
const [selectedOutput, setSelectedOutput] = useState(null);
const [isInputModalOpen, setIsInputModalOpen] = useState(false);
const [isOutputModalOpen, setIsOutputModalOpen] = useState(false);
useEffect(() => {
dispatch(fetchDigitaleEingaengeThunk());
dispatch(fetchDigitalOutputsThunk());
const interval = setInterval(() => {
dispatch(fetchDigitaleEingaengeThunk());
dispatch(fetchDigitalOutputsThunk());
}, 10000);
return () => clearInterval(interval);
}, [dispatch]);
const openInputModal = (input: any) => {
setSelectedInput(input);
setIsInputModalOpen(true);
};
const closeInputModal = () => {
setSelectedInput(null);
setIsInputModalOpen(false);
};
const openOutputModal = (output: any) => {
setSelectedOutput(output);
setIsOutputModalOpen(true);
};
const closeOutputModal = () => {
setSelectedOutput(null);
setIsOutputModalOpen(false);
};
return (
<div className="flex flex-col gap-3 p-4 h-[calc(100vh-13vh-8vh)] laptop:h-[calc(100vh-10vh-5vh)] xl:h-[calc(100vh-10vh-6vh)] laptop:gap-0">
<h1 className="text-base font-semibold mb-2">Meldungseingänge</h1>
<div className="grid grid-cols-1 xl:grid-cols-3 gap-4 items-start ">
<DigitalInputs
openInputModal={openInputModal}
inputRange={{ start: 0, end: 16 }}
/>
<DigitalInputs
openInputModal={openInputModal}
inputRange={{ start: 16, end: 32 }}
/>
{/* Digitale Ausgänge nicht Erforderlich*/}
{/*
<DigitalOutputs openOutputModal={openOutputModal} />
*/}
</div>
{isInputModalOpen && selectedInput && (
<InputModal
selectedInput={selectedInput}
closeInputModal={closeInputModal}
isOpen={isInputModalOpen}
/>
)}
{isOutputModalOpen && selectedOutput && (
<OutputModal
selectedOutput={selectedOutput}
closeOutputModal={closeOutputModal}
isOpen={isOutputModalOpen}
/>
)}
</div>
);
};
export default EinAusgaenge;