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

feat: Schaltausgänge dark und light mode

Browse Source
This commit is contained in:
ISA
2025-08-18 16:13:46 +02:00
parent 6036c48332
commit 3a9543f7a7
6 changed files with 37 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
NEXT_PUBLIC_EXPORT_STATIC=false
NEXT_PUBLIC_USE_CGI=false
# App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.744
NEXT_PUBLIC_APP_VERSION=1.6.745
NEXT_PUBLIC_CPL_MODE=json # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)

2
.env.production
View File

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
NEXT_PUBLIC_EXPORT_STATIC=true
NEXT_PUBLIC_USE_CGI=true
# App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.744
NEXT_PUBLIC_APP_VERSION=1.6.745
NEXT_PUBLIC_CPL_MODE=production

5
CHANGELOG.md
View File

@@ -1,3 +1,8 @@
## [1.6.745] – 2025-08-18
- feat: Messwerteingänge light und dark mode
---
## [1.6.744] – 2025-08-18
- feat: Berichte light und dark mode

41
components/main/digitalOutputs/DigitalOutputsWidget.tsx
View File

@@ -66,7 +66,7 @@ export default function DigitalOutputsWidget({
};
return (
<div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full h-fit max-h-[400px] overflow-auto">
<div className="bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100 shadow-md border border-gray-200 dark:border-gray-700 p-3 rounded-lg w-full h-fit max-h-[400px] overflow-auto">
<h2 className="laptop:text-sm md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
<Icon
icon={outputIcon}
@@ -74,41 +74,54 @@ export default function DigitalOutputsWidget({
/>
Schaltausgänge
</h2>
<table className="w-full text-xs laptop:text-[10px] xl:text-xs 2xl:text-sm border-collapse bg-white rounded-lg">
<thead className="bg-gray-100 border-b">
<table className="w-full text-xs laptop:text-[10px] xl:text-xs 2xl:text-sm border-collapse bg-white dark:bg-gray-900 rounded-lg">
<thead className="bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100 border-b">
<tr>
<th className="px-1 py-1 text-left">Ausgang</th>
<th className="px-1 py-1 text-left">Bezeichnung</th>
<th className="px-1 py-1 text-left">Schalter</th>
<th className="px-1 py-1 text-left">Aktion</th>
<th className="px-1 py-1 text-left bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
Ausgang
</th>
<th className="px-1 py-1 text-left bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
Bezeichnung
</th>
<th className="px-1 py-1 text-left bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
Schalter
</th>
<th className="px-1 py-1 text-left bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
Aktion
</th>
</tr>
</thead>
<tbody>
{digitalOutputs.map((output) => (
<tr key={output.id} className="border-b hover:bg-gray-200">
<td className="flex items-center px-1 py-1">
<tr
key={output.id}
className="border-b hover:bg-gray-100 dark:hover:bg-gray-800"
>
<td className="flex items-center px-1 py-1 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<Icon
icon={outputIcon}
className="text-gray-600 mr-1 text-base"
/>
{output.id}
</td>
<td className="px-1 py-1">{output.label}</td>
<td className="px-1 py-1">
<td className="px-1 py-1 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
{output.label}
</td>
<td className="px-1 py-1 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<Icon
icon={switchIcon}
className={`cursor-pointer text-base transition ${
output.status
? "text-littwin-blue"
: "text-gray-500 scale-x-[-1]"
}`}
} dark:hover:text-littwin-blue`}
onClick={() => handleToggle(output.id)}
/>
</td>
<td className="px-1 py-1">
<td className="px-1 py-1 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<Icon
icon={settingsIcon}
className="text-gray-400 text-base cursor-pointer"
className="text-gray-400 text-base cursor-pointer dark:text-gray-300 dark:hover:text-white"
onClick={() => openOutputModal(output)}
/>
</td>

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "cpl-v4",
"version": "1.6.744",
"version": "1.6.745",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "cpl-v4",
"version": "1.6.744",
"version": "1.6.745",
"dependencies": {
"@fontsource/roboto": "^5.1.0",
"@headlessui/react": "^2.2.4",

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "cpl-v4",
"version": "1.6.744",
"version": "1.6.745",
"private": true,
"scripts": {
"dev": "next dev",