Skip to content

[UI] Add tooltip to Energymonitor #3392

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Sn0w3y wants to merge 3 commits into
base: develop
Choose a base branch
from
Draft

[UI] Add tooltip to Energymonitor #3392

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
048d551
Update energymonitor.component.html
Sn0w3y Nov 2, 2025
5df0571
Update de.json
Sn0w3y Nov 2, 2025
c533174
Update en.json
Sn0w3y Nov 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions ui/src/app/edge/live/energymonitor/energymonitor.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,18 @@
<ion-label>
{{"EDGE.INDEX.ENERGYMONITOR.TITLE" | translate}}
</ion-label>
<ion-button slot="end" fill="clear" id="gauge-info-trigger">
<ion-icon slot="icon-only" name="information-circle-outline" color="medium"></ion-icon>
</ion-button>
<ion-popover trigger="gauge-info-trigger" triggerAction="click">
<ng-template>
<ion-content class="ion-padding">
<p style="max-width: 300px; margin: 0;">
{{"EDGE.INDEX.ENERGYMONITOR.GAUGE_INFO" | translate}}
</p>
</ion-content>
</ng-template>
</ion-popover>
</ion-item>
<ion-card-content>
<energymonitor-chart [currentData]="currentData"></energymonitor-chart>
Expand Down
3 changes: 2 additions & 1 deletion ui/src/assets/i18n/de.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,8 @@
"STORAGE_DISCHARGE": "Speicher-Entladung",
"TITLE": "Energiemonitor",
"ERROR_TEMPORARY": "Fehler beim Abruf der Daten. Bitte versuchen Sie es später noch einmal.",
"ERROR_TOO_LONG": ""
"ERROR_TOO_LONG": "",
"GAUGE_INFO": "Die Balken im Monitor zeigen, wie sich die aktuellen Werte im Verhältnis zu ihren historischen Maximalwerten verhalten. Sie stellen nicht das Echtzeit-Leistungsverteilungsverhältnis dar."
},
"WIDGETS": {
"AUTARCHY_INFO": "Die Autarkie gibt an zu wie viel Prozent die aktuell genutzte Leistung durch Erzeugung und Speicherentladung gedeckt wird.",
Expand Down
3 changes: 2 additions & 1 deletion ui/src/assets/i18n/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,8 @@
"STORAGE_DISCHARGE": "Storage-Discharge",
"TITLE": "Energy monitor",
"ERROR_TEMPORARY": "Error while fetching data. Please try again later.",
"ERROR_TOO_LONG": ""
"ERROR_TOO_LONG": "",
"GAUGE_INFO": "The gauge bars show how current values compare to their historical maximum. They do not represent the real-time power distribution ratio."
},
"WIDGETS": {
"AUTARCHY_INFO": "Autarchy indicates the percentage of current power that can be covered by generation and storage discharge.",
Expand Down