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

feat: MUI test

Browse Source
This commit is contained in:
ISA
2025-09-09 08:33:35 +02:00
parent 001b237dd7
commit 8580032ff9
13 changed files with 1000 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/Report.tsx
View File

@@ -224,43 +224,47 @@ const Report: React.FC<ReportProps> = ({ moduleType, autoLoad = true }) => {
gewählten Zeitraum gefunden.
</div>
) : (
<div className="flex-1 overflow-auto ">
<table className="min-w-full border text-sm">
<thead className="bg-gray-100 text-left sticky top-0 z-10">
<tr>
<th className="p-2 border">Prio</th>
<th className="p-2 border">Zeitstempel</th>
<th className="p-2 border">Quelle</th>
<th className="p-2 border">Meldung</th>
<th className="p-2 border">Status</th>
</tr>
</thead>
<tbody>
{filteredMessages.map((msg, index) => (
<tr key={index} className="hover:bg-gray-200">
<td className="border p-2">
<div
className="w-4 h-4 rounded"
style={{ backgroundColor: msg.c }}
></div>
</td>
<td className="border p-2">
{new Date(msg.t).toLocaleString("de-DE", {
day: "2-digit",
month: "2-digit",
year: "numeric",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
})}
</td>
<td className="border p-2">{msg.i}</td>
<td className="border p-2">{msg.m}</td>
<td className="border p-2">{msg.v}</td>
<div className="flex-1 overflow-auto table-scroll-region">
<div className="data-table-wrapper">
<table className="data-table">
<thead>
<tr>
<th style={{ width: "60px" }}>Prio</th>
<th style={{ minWidth: "180px" }}>Zeitstempel</th>
<th style={{ minWidth: "140px" }}>Quelle</th>
<th style={{ minWidth: "260px" }}>Meldung</th>
<th style={{ minWidth: "120px" }}>Status</th>
</tr>
))}
</tbody>
</table>
</thead>
<tbody>
{filteredMessages.map((msg, index) => (
<tr key={index}>
<td>
<div
className="prio-dot"
style={{ backgroundColor: msg.c }}
/>
</td>
<td>
{new Date(msg.t).toLocaleString("de-DE", {
day: "2-digit",
month: "2-digit",
year: "numeric",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
})}
</td>
<td>{msg.i}</td>
<td className="truncate max-w-[22ch]" title={msg.m}>
{msg.m}
</td>
<td>{msg.v}</td>
</tr>
))}
</tbody>
</table>
</div>
</div>
)}