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

kueName Isowert und Schleifenwiderstand in KÜ705-FO Komponente anzeigen

Browse Source
This commit is contained in:
ISA
2024-10-15 17:05:35 +02:00
parent 89cbb96557
commit 24258f938f
3 changed files with 136 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
components/modules/Kue705FO.jsx
View File

@@ -1,7 +1,12 @@
import React from "react";
import { Icon } from "@iconify/react"; // Für Iconify Icons
function Kue705FO({ isolationswert, schleifenwiderstand, modulName, version }) {
function Kue705FO({
isolationswert,
schleifenwiderstand,
modulName,
kueVersion,
}) {
return (
<div className="relative bg-gray-300 w-[116px] h-[390px] border border-gray-400">
{/* Hauptkörper - Linker Bereich */}
@@ -21,6 +26,26 @@ function Kue705FO({ isolationswert, schleifenwiderstand, modulName, version }) {
KÜ705-FO
</h3>
{/* Modulname und Version */}
<div className="absolute top-[220px] left-[10px] text-white text-[8px]">
<p>Version: {kueVersion}</p>
</div>
{/* Isolationswert */}
<div className="absolute top-[100px] left-[10px] text-white text-[8px]">
<p>Isolationswert: </p>
<p>{isolationswert} kOhm</p>
</div>
{/* Kabelüberwachung-Modul-Name */}
<div className="absolute top-[130px] left-[10px] text-white text-[8px]">
<p>ModulName: {modulName}</p>
</div>
{/* Schleifenwiderstand */}
<div className="absolute top-[270px] left-[10px] text-white text-[8px]">
<p>Schleifenwiderstand: {schleifenwiderstand} kOhm</p>
</div>
{/* Unterer Bereich - Schleifenwiderstand und Messkurve */}
<div className="absolute bottom-0 left-[1.095px] w-[113.182px] h-[105.864px] bg-gray-300 border-[1.5px] border-gray-400">
{/* Messkurve Button */}