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

feat: digitale Eingänge light und dark mode

Browse Source
This commit is contained in:
ISA
2025-08-18 16:16:55 +02:00
parent 3a9543f7a7
commit 9c411be38c
6 changed files with 36 additions and 18 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_EXPORT_STATIC=false
NEXT_PUBLIC_USE_CGI=false NEXT_PUBLIC_USE_CGI=false
# App-Versionsnummer # App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.745 NEXT_PUBLIC_APP_VERSION=1.6.746
NEXT_PUBLIC_CPL_MODE=json # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter) 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_EXPORT_STATIC=true
NEXT_PUBLIC_USE_CGI=true NEXT_PUBLIC_USE_CGI=true
# App-Versionsnummer # App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.745 NEXT_PUBLIC_APP_VERSION=1.6.746
NEXT_PUBLIC_CPL_MODE=production NEXT_PUBLIC_CPL_MODE=production

5
CHANGELOG.md
View File

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

39
components/main/digitalInputs/DigitalInputsWidget.tsx
View File

@@ -30,7 +30,7 @@ export default function DigitalInputsWidget({
//console.log("DigitalInputs", inputs); //console.log("DigitalInputs", inputs);
return ( return (
<div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full laptop:p-1 xl:p-1"> <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 laptop:p-1 xl:p-1">
<h2 className="laptop:text-sm md:text-base 2xl:text-lg font-bold mb-3 flex items-center"> <h2 className="laptop:text-sm md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
<Icon <Icon
icon={inputIcon} icon={inputIcon}
@@ -38,19 +38,30 @@ export default function DigitalInputsWidget({
/> />
Meldungseingänge {inputRange.start + 1} – {inputRange.end} Meldungseingänge {inputRange.start + 1} – {inputRange.end}
</h2> </h2>
<table className="w-full text-xs laptop:text-[10px] xl:text-xs 2xl:text-sm border-collapse"> <table className="w-full text-xs laptop:text-[10px] xl:text-xs 2xl:text-sm border-collapse bg-white dark:bg-gray-900">
<thead className="bg-gray-100 border-b"> <thead className="bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100 border-b">
<tr> <tr>
<th className="px-1 py-1 text-left">Eingang</th> <th className="px-1 py-1 text-left bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<th className="px-1 py-1 text-left">Zustand</th> Eingang
<th className="px-1 py-1 text-left">Bezeichnung</th> </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">
Zustand
</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">
Aktion
</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{inputs.map((input) => ( {inputs.map((input) => (
<tr key={input.id} className="border-b hover:bg-gray-200"> <tr
<td className="px-1 py-0"> key={input.id}
className="border-b hover:bg-gray-100 dark:hover:bg-gray-800"
>
<td className="px-1 py-0 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<div className="flex items-center gap-1 "> <div className="flex items-center gap-1 ">
<Icon <Icon
icon={loginIcon} icon={loginIcon}
@@ -59,7 +70,7 @@ export default function DigitalInputsWidget({
{input.id} {input.id}
</div> </div>
</td> </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">
{input.eingangOffline ? ( {input.eingangOffline ? (
<div className="relative group inline-block"> <div className="relative group inline-block">
<span className="text-red-500 sm:text-sm md:text-base lg:text-lg xl:text-xl 2xl:text-2xl laptop:text-sm "> <span className="text-red-500 sm:text-sm md:text-base lg:text-lg xl:text-xl 2xl:text-2xl laptop:text-sm ">
@@ -80,11 +91,13 @@ export default function DigitalInputsWidget({
</div> </div>
)} )}
</td> </td>
<td className="px-1 py-1">{input.label}</td> <td className="px-1 py-1 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<td className="px-1 py-1"> {input.label}
</td>
<td className="px-1 py-1 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<Icon <Icon
icon={settingsIcon} icon={settingsIcon}
className="text-gray-400 text-base laptop:text-sm xl:text-sm 2xl:text-lg cursor-pointer" className="text-gray-400 text-base laptop:text-sm xl:text-sm 2xl:text-lg cursor-pointer dark:text-gray-300 dark:hover:text-white"
onClick={() => openInputModal(input)} onClick={() => openInputModal(input)}
/> />
</td> </td>

4
package-lock.json generated
View File

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

2
package.json
View File

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