feat: Implement dynamic module name rendering using window.kueVersion
- Updated KabelModulStatus component to dynamically display module names based on version. - Integrated window.kueVersion[slot] to determine the correct module name (KÜ705, KÜ605, or KÜSS). - Enhanced UI to reflect the module type and status accordingly.
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
// components/Kue705_FO.jsx
|
||||
// components/modulesStatus/KabelModulStatus.jsx
|
||||
import React from "react";
|
||||
|
||||
const Kue705_FO = ({ slot, kueCableBreak, isOnline }) => {
|
||||
const KabelModulStatus = ({ slot, kueCableBreak, isOnline, moduleVersion }) => {
|
||||
if (!isOnline) {
|
||||
return (
|
||||
<div className="border border-gray-400 w-10 h-20 flex items-center justify-center bg-gray-200">
|
||||
@@ -10,17 +10,32 @@ const Kue705_FO = ({ slot, kueCableBreak, isOnline }) => {
|
||||
);
|
||||
}
|
||||
|
||||
// Bestimme den Modultyp basierend auf der Version
|
||||
let moduleName = "";
|
||||
let moduleType = "";
|
||||
|
||||
if (moduleVersion === 419) {
|
||||
moduleName = "KÜ705";
|
||||
moduleType = "FO";
|
||||
} else if (moduleVersion === 350) {
|
||||
moduleName = "KÜ605";
|
||||
moduleType = "µC";
|
||||
} else if (moduleVersion === 1100) {
|
||||
moduleName = "KÜSS";
|
||||
moduleType = "___";
|
||||
}
|
||||
|
||||
const isCableBreak = kueCableBreak[slot - 1] === 1;
|
||||
|
||||
return (
|
||||
<div className="border border-gray-400 w-10 h-20 flex flex-col">
|
||||
{/* Erstes Kind, nimmt den restlichen Platz ein */}
|
||||
{/* Slot-Nummer anzeigen */}
|
||||
<div className="bg-blue-500 flex-grow flex flex-col items-center justify-center text-white text-[10px]">
|
||||
<div className="flex w-full mb-1 items-start justify-start">{slot}</div>
|
||||
<div className="text-[10px]">KÜ705</div>
|
||||
<div className="text-[10px]">FO</div>
|
||||
<div className="text-[10px]">{moduleName}</div>
|
||||
<div className="text-[10px]">{moduleType}</div>
|
||||
</div>
|
||||
{/* Die unteren Abschnitte behalten ihre festen Höhen */}
|
||||
{/* Status-Anzeige */}
|
||||
<div
|
||||
className={`w-full h-2/6 ${
|
||||
isCableBreak ? "bg-red-500" : "bg-green-500"
|
||||
@@ -31,4 +46,4 @@ const Kue705_FO = ({ slot, kueCableBreak, isOnline }) => {
|
||||
);
|
||||
};
|
||||
|
||||
export default Kue705_FO;
|
||||
export default KabelModulStatus;
|
||||
Reference in New Issue
Block a user