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_EXPORT_STATIC=false
NEXT_PUBLIC_USE_CGI=false NEXT_PUBLIC_USE_CGI=false
# App-Versionsnummer # 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) 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.738 NEXT_PUBLIC_APP_VERSION=1.6.739
NEXT_PUBLIC_CPL_MODE=production 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 ## [1.6.738] – 2025-08-18
- feat: Navigation dar und light mode - feat: Navigation dar und light mode

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

@@ -476,7 +476,7 @@ export const DetailModal = ({
/> />
</svg> </svg>
</Listbox.Button> </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) => ( {["DIA0", "DIA1", "DIA2"].map((option) => (
<Listbox.Option <Listbox.Option
key={option} key={option}
@@ -486,7 +486,7 @@ export const DetailModal = ({
selected selected
? "bg-littwin-blue text-white" ? "bg-littwin-blue text-white"
: active : active
? "bg-gray-200" ? "bg-gray-200 dark:bg-gray-700"
: "" : ""
}` }`
} }
@@ -514,7 +514,7 @@ export const DetailModal = ({
</button> </button>
</div> </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} /> <Line ref={chartRef} data={chartData} options={chartOptions} />
</div> </div>
</div> </div>

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

@@ -12,9 +12,12 @@ export const SystemOverviewGrid = ({ voltages, onOpenDetail }: Props) => {
return ( return (
<div className="grid grid-cols-2 gap-4 mb-8"> <div className="grid grid-cols-2 gap-4 mb-8">
{Object.entries(voltages).map(([key, value]) => { {Object.entries(voltages).map(([key, value]) => {
const unit = key.includes("Temp") ? "°C" : "V"; const unit = key.includes("Temp") ? "\u00b0C" : "V";
return ( 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> <h2 className="font-semibold">{key}</h2>
<p> <p>
{formatValue(value)} {unit} {formatValue(value)} {unit}

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

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

4
package-lock.json generated
View File

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