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

feat: system dark and light mode

Browse Source
This commit is contained in:
ISA
2025-08-18 14:44:10 +02:00
parent eae8ea37d0
commit bb06618919
8 changed files with 44 additions and 35 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.738
NEXT_PUBLIC_APP_VERSION=1.6.739
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.738
NEXT_PUBLIC_APP_VERSION=1.6.739
NEXT_PUBLIC_CPL_MODE=production

5
CHANGELOG.md
View File

@@ -1,3 +1,8 @@
## [1.6.739] – 2025-08-18
- feat: Dashboard light and dark mode
---
## [1.6.738] – 2025-08-18
- feat: Navigation dar und light mode

6
components/main/system/DetailModal.tsx
View File

@@ -476,7 +476,7 @@ export const DetailModal = ({
/>
</svg>
</Listbox.Button>
<Listbox.Options className="absolute z-50 mt-1 w-full border rounded bg-white shadow max-h-60 overflow-auto text-sm">
<Listbox.Options className="absolute z-50 mt-1 w-full border rounded bg-white dark:bg-gray-800 shadow max-h-60 overflow-auto text-sm border-gray-200 dark:border-gray-700 text-gray-900 dark:text-gray-100">
{["DIA0", "DIA1", "DIA2"].map((option) => (
<Listbox.Option
key={option}
@@ -486,7 +486,7 @@ export const DetailModal = ({
selected
? "bg-littwin-blue text-white"
: active
? "bg-gray-200"
? "bg-gray-200 dark:bg-gray-700"
: ""
}`
}
@@ -514,7 +514,7 @@ export const DetailModal = ({
</button>
</div>
<div className="h-[85%]">
<div className="h-[85%] bg-white dark:bg-gray-800 rounded shadow border border-gray-200 dark:border-gray-700 p-2">
<Line ref={chartRef} data={chartData} options={chartOptions} />
</div>
</div>

7
components/main/system/SystemOverviewGrid.tsx
View File

@@ -12,9 +12,12 @@ export const SystemOverviewGrid = ({ voltages, onOpenDetail }: Props) => {
return (
<div className="grid grid-cols-2 gap-4 mb-8">
{Object.entries(voltages).map(([key, value]) => {
const unit = key.includes("Temp") ? "°C" : "V";
const unit = key.includes("Temp") ? "\u00b0C" : "V";
return (
<div key={key} className="p-4 border rounded shadow">
<div
key={key}
className="p-4 border rounded shadow bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-900 dark:text-gray-100"
>
<h2 className="font-semibold">{key}</h2>
<p>
{formatValue(value)} {unit}

51
components/main/system/SystemView.tsx
View File

@@ -42,33 +42,34 @@ const SystemPage = () => {
const handleOpenDetail = (key: string) => {
setSelectedKey(key);
setIsModalOpen(true);
// Nur passenden Thunk aufrufen
switch (key) {
case "+5V":
dispatch(getSystemspannung5VplusThunk(zeitraum));
break;
case "+15V":
dispatch(getSystemspannung15VplusThunk(zeitraum));
break;
case "-15V":
dispatch(getSystemspannung15VminusThunk(zeitraum));
break;
case "-98V":
dispatch(getSystemspannung98VminusThunk(zeitraum));
break;
case "ADC Temp":
dispatch(getTemperaturAdWandlerThunk(zeitraum));
break;
case "CPU Temp":
dispatch(getTemperaturProzessorThunk(zeitraum));
break;
}
const handleOpenDetail = (key: string) => {
setSelectedKey(key);
setIsModalOpen(true);
switch (key) {
case "+5V":
dispatch(getSystemspannung5VplusThunk(zeitraum));
break;
case "+15V":
dispatch(getSystemspannung15VplusThunk(zeitraum));
break;
case "-15V":
dispatch(getSystemspannung15VminusThunk(zeitraum));
break;
case "-98V":
dispatch(getSystemspannung98VminusThunk(zeitraum));
break;
case "ADC Temp":
dispatch(getTemperaturAdWandlerThunk(zeitraum));
break;
case "CPU Temp":
dispatch(getTemperaturProzessorThunk(zeitraum));
break;
default:
break;
}
};
};
const handleCloseDetail = () => {
setSelectedKey(null);
setIsModalOpen(false);
};

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "cpl-v4",
"version": "1.6.738",
"version": "1.6.739",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "cpl-v4",
"version": "1.6.738",
"version": "1.6.739",
"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.738",
"version": "1.6.739",
"private": true,
"scripts": {
"dev": "next dev",