patrick/OpenDTU
1
0
Fork 0
Code Issues Pull Requests Actions 1 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

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

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