patrick/OpenDTU-old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nicer view of invert live data headings

Browse Source
This commit is contained in:
Thomas Basler 2022-10-15 14:06:54 +02:00
parent 9f03d31e7c
commit be807286cc
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
webapp/src/components/HomeView.vue
View File

@ -38,17 +38,26 @@
'bg-warning': inverter.reachable && !inverter.producing,
'bg-primary': inverter.reachable && inverter.producing,
}">
<div>
{{ inverter.name }} (Inverter Serial Number:
{{ inverter.serial }}) (Data Age:
{{ inverter.data_age }} seconds)
<div class="p-2 flex-grow-1">
<div class="d-flex flex-wrap">
<div style="padding-right: 2em;">
{{ inverter.name }}
</div>
<div style="padding-right: 2em;">
Serial Number: {{ inverter.serial }}
</div>
<div style="padding-right: 2em;">
Current Limit: <template v-if="inverter.limit_absolute > -1"> {{
inverter.limit_absolute.toFixed(0) }}W | </template>{{
inverter.limit_relative.toFixed(0)
}}%
</div>
<div class="btn-toolbar" role="toolbar">
<div style="padding-right: 2em;">
Data Age: {{ inverter.data_age }} seconds
</div>
</div>
</div>
<div class="btn-toolbar p-2" role="toolbar">
<div class="btn-group me-2" role="group">
<button type="button" class="btn btn-sm btn-danger"
@click="onShowLimitSettings(inverter.serial)"