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

Swap Icon für Invertierung erstellt

Browse Source
This commit is contained in:
ISA
2025-01-22 13:21:49 +01:00
parent d0d10ebeca
commit 139bc49f24
1 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
pages/einausgaenge.js
View File

@@ -82,22 +82,29 @@ function EinAusgaenge() {
/> />
{input.id} {input.id}
</td> </td>
<td <td className="p-2 xl:py-0">
className={`p-2 xl:py-0 ${ <div className="flex items-center">
input.status === "active" {/* Status-Icon */}
? "text-green-500" <span
: "text-red-500" className={
}`} input.status === "active"
> ? "text-green-500"
{input.status === "active" ? "●" : "⨉"} : "text-red-500"
{input.isInverted && ( }
<Icon >
icon="mdi:swap-vertical" {input.status === "active" ? "●" : "⨉"}
className="text-red-500 ml-2 text-xl cursor-pointer" </span>
title="Invertiert" {/* Swap-Icon wird angezeigt, wenn invertiert */}
/> {input.isInverted && (
)} <Icon
icon="mdi:swap-vertical"
className="text-red-500 ml-2 text-xl cursor-pointer"
title="Invertiert"
/>
)}
</div>
</td> </td>
<td className="p-2 xl:py-0">{input.description}</td> <td className="p-2 xl:py-0">{input.description}</td>
<td className="p-2 xl:py-0"> <td className="p-2 xl:py-0">
<Icon <Icon