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

refactorring dashboard

Browse Source
This commit is contained in:
ISA
2025-06-27 07:23:34 +02:00
parent 7da872ae07
commit d3a8556b2f
18 changed files with 63 additions and 56 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.486
NEXT_PUBLIC_APP_VERSION=1.6.487
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.486
NEXT_PUBLIC_APP_VERSION=1.6.487
NEXT_PUBLIC_CPL_MODE=production

5
CHANGELOG.md
View File

@@ -1,3 +1,8 @@
## [1.6.487] – 2025-06-27
- refactor
---
## [1.6.486] – 2025-06-27
- refactor: rename einausgange to digitalOtputs and digitalInputs

0
components/main/uebersicht/Baugruppentraeger.tsx → components/main/dashboard/Baugruppentraeger.tsx
View File

0
components/main/uebersicht/Last20MessagesTable.tsx → components/main/dashboard/Last20MessagesTable.tsx
View File

94
components/main/uebersicht/NetworkInfo.tsx → components/main/dashboard/NetworkInfo.tsx
View File

@@ -39,59 +39,60 @@ const NetworkInfo: React.FC = () => {
return (
<div className="w-full flex-direction: row flex">
<div className=" flex-grow flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 laptop:m-0 laptop:scale-y-75 2xl:scale-y-75">
<Image
src="/images/IP-icon.svg"
alt="IP Address"
width={24}
height={24}
className="w-6 text-littwin-blue"
priority
/>
<div>
<p className="text-xs text-gray-500">IP-Adresse</p>
<p className="text-sm font-medium text-gray-700">{ip}</p>
<div className="flex items-center space-x-4">
<Image
src="/images/IP-icon.svg"
alt="IP Address"
width={24}
height={24}
className="w-6 text-littwin-blue"
priority
/>
<div>
<p className="text-xs text-gray-500">IP-Adresse</p>
<p className="text-sm font-medium text-gray-700">{ip}</p>
</div>
</div>
</div>
<div className="flex items-center space-x-4">
<Image
src="/images/subnet-mask.svg"
alt="subnet mask"
width={24}
height={24}
className="w-6"
priority
/>
<div>
<p className="text-xs text-gray-500">Subnet-Maske</p>
<p className="text-sm font-medium text-gray-700">{subnet}</p>
<div className="flex items-center space-x-4">
<Image
src="/images/subnet-mask.svg"
alt="subnet mask"
width={24}
height={24}
className="w-6"
priority
/>
<div>
<p className="text-xs text-gray-500">Subnet-Maske</p>
<p className="text-sm font-medium text-gray-700">{subnet}</p>
</div>
</div>
</div>
<div className="flex items-center space-x-4">
<Image
src="/images/gateway.svg"
alt="gateway"
width={24}
height={24}
className="w-6"
priority
/>
<div>
<p className="text-xs text-gray-500">Gateway</p>
<p className="text-sm font-medium text-gray-700">{gateway}</p>
<div className="flex items-center space-x-4">
<Image
src="/images/gateway.svg"
alt="gateway"
width={24}
height={24}
className="w-6"
priority
/>
<div>
<p className="text-xs text-gray-500">Gateway</p>
<p className="text-sm font-medium text-gray-700">{gateway}</p>
</div>
</div>
</div>
<div className="flex items-center space-x-4">
<div className="text-xs font-bold text-littwin-blue">OPC-UA</div>
<div>
<p className="text-xs text-gray-500">Status</p>
<p className="text-sm font-medium text-gray-700">{opcUaZustand}</p>
<div className="flex items-center space-x-4">
<div className="text-xs font-bold text-littwin-blue">OPC-UA</div>
<div>
<p className="text-xs text-gray-500">Status</p>
<p className="text-sm font-medium text-gray-700">{opcUaZustand}</p>
</div>
</div>
</div>
{/* OPC UA Nodeset Name */}
{/*
{/* OPC UA Nodeset Name */}
{/*
<div className="flex items-center space-x-4">
<div>
<p className="text-xs text-gray-500">Nodeset Name</p>
@@ -101,6 +102,7 @@ const NetworkInfo: React.FC = () => {
</div>
</div>
*/}
</div>
</div>
);
};

0
components/main/uebersicht/VersionInfo.tsx → components/main/dashboard/VersionInfo.tsx
View File

0
components/main/uebersicht/modulesStatus/Access1Status.tsx → components/main/dashboard/modulesStatus/Access1Status.tsx
View File

0
components/main/uebersicht/modulesStatus/Access2Status.tsx → components/main/dashboard/modulesStatus/Access2Status.tsx
View File

0
components/main/uebersicht/modulesStatus/CPLStatus.tsx → components/main/dashboard/modulesStatus/CPLStatus.tsx
View File

0
components/main/uebersicht/modulesStatus/KabelModulStatus.tsx → components/main/dashboard/modulesStatus/KabelModulStatus.tsx
View File

0
components/main/uebersicht/modulesStatus/XioPM1Status.tsx → components/main/dashboard/modulesStatus/XioPM1Status.tsx
View File

0
components/main/uebersicht/modulesStatus/XioPM2Status.tsx → components/main/dashboard/modulesStatus/XioPM2Status.tsx
View File

0
components/main/meldungen/DateRangePickerMeldungen.tsx → components/main/reports/DateRangePickerMeldungen.tsx
View File

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "cpl-v4",
"version": "1.6.486",
"version": "1.6.487",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "cpl-v4",
"version": "1.6.486",
"version": "1.6.487",
"dependencies": {
"@fontsource/roboto": "^5.1.0",
"@iconify-icons/ri": "^1.2.10",

2
package.json
View File

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

8
pages/dashboard.tsx
View File

@@ -4,10 +4,10 @@ import "tailwindcss/tailwind.css";
import "@fontsource/roboto";
import "bootstrap-icons/font/bootstrap-icons.css";
import { Icon } from "@iconify/react";
import Last20MessagesTable from "../components/main/uebersicht/Last20MessagesTable";
import NetworkInfo from "../components/main/uebersicht/NetworkInfo";
import VersionInfo from "../components/main/uebersicht/VersionInfo";
import Baugruppentraeger from "../components/main/uebersicht/Baugruppentraeger";
import Last20MessagesTable from "../components/main/dashboard/Last20MessagesTable";
import NetworkInfo from "../components/main/dashboard/NetworkInfo";
import VersionInfo from "../components/main/dashboard/VersionInfo";
import Baugruppentraeger from "../components/main/dashboard/Baugruppentraeger";
import { getLast20MessagesThunk } from "../redux/thunks/getLast20MessagesThunk";
import { useAppDispatch } from "../redux/store";

2
pages/meldungen.tsx
View File

@@ -1,7 +1,7 @@
"use client";
// /pages/meldungen.tsx
import React, { useState, useEffect } from "react";
import DateRangePickerMeldungen from "@/components/main/meldungen/DateRangePickerMeldungen";
import DateRangePickerMeldungen from "@/components/main/reports/DateRangePickerMeldungen";
type Meldung = {
t: string;