pierre/SolarEnergy
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Projects Releases 3 Wiki Activity

Make dashboard titles customizable
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Pierre HUBERT
2024-11-19 19:02:09 +01:00
parent dc621984fb
commit d6e0eccb00
6 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
central_frontend/src/api/ServerApi.ts
View File

@ -5,6 +5,9 @@ export interface ServerConfig {
constraints: ServerConstraint;
unsecure_origin: string;
backend_version: string;
dashboard_custom_current_consumption_title?: string;
dashboard_custom_relays_consumption_title?: string;
dashboard_custom_cached_consumption_title?: string;
}
export interface ServerConstraint {

9
central_frontend/src/routes/HomeRoute/CachedConsumptionWidget.tsx
View File

@ -2,6 +2,7 @@ import React from "react";
import { EnergyApi } from "../../api/EnergyApi";
import { useSnackbar } from "../../hooks/context_providers/SnackbarProvider";
import StatCard from "../../widgets/StatCard";
import { ServerApi } from "../../api/ServerApi";
export function CachedConsumptionWidget(): React.ReactElement {
const snackbar = useSnackbar();
@ -26,6 +27,12 @@ export function CachedConsumptionWidget(): React.ReactElement {
});
return (
<StatCard title="Cached consumption" value={val?.toString() ?? "Loading"} />
<StatCard
title={
ServerApi.Config.dashboard_custom_cached_consumption_title ??
"Cached consumption"
}
value={val?.toString() ?? "Loading"}
/>
);
}

6
central_frontend/src/routes/HomeRoute/CurrConsumptionWidget.tsx
View File

@ -2,6 +2,7 @@ import React from "react";
import { EnergyApi } from "../../api/EnergyApi";
import { useSnackbar } from "../../hooks/context_providers/SnackbarProvider";
import StatCard from "../../widgets/StatCard";
import { ServerApi } from "../../api/ServerApi";
export function CurrConsumptionWidget(): React.ReactElement {
const snackbar = useSnackbar();
@ -29,7 +30,10 @@ export function CurrConsumptionWidget(): React.ReactElement {
return (
<StatCard
title="Current consumption"
title={
ServerApi.Config.dashboard_custom_current_consumption_title ??
"Current consumption"
}
data={history ?? []}
interval="Last day"
value={val?.toString() ?? "Loading"}

6
central_frontend/src/routes/HomeRoute/RelayConsumptionWidget.tsx
View File

@ -2,6 +2,7 @@ import React from "react";
import { EnergyApi } from "../../api/EnergyApi";
import { useSnackbar } from "../../hooks/context_providers/SnackbarProvider";
import StatCard from "../../widgets/StatCard";
import { ServerApi } from "../../api/ServerApi";
export function RelayConsumptionWidget(): React.ReactElement {
const snackbar = useSnackbar();
@ -29,7 +30,10 @@ export function RelayConsumptionWidget(): React.ReactElement {
return (
<StatCard
title="Relays consumption"
title={
ServerApi.Config.dashboard_custom_relays_consumption_title ??
"Relays consumption"
}
data={history ?? []}
interval="Last day"
value={val?.toString() ?? "Loading"}