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

webapp: Show status of last limit set command

Browse Source
This commit is contained in:
Thomas Basler 2022-10-01 00:43:11 +02:00
parent dcaadf26a9
commit 557a301c09
1 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -159,9 +159,9 @@
<template v-if="!limitSettingLoading"> <template v-if="!limitSettingLoading">
<div class="row mb-3"> <div class="row mb-3">
<label for="inputCurrentLimit" class="col-sm-2 col-form-label">Current <label for="inputCurrentLimit" class="col-sm-3 col-form-label">Current
Limit:</label> Limit:</label>
<div class="col-sm-10"> <div class="col-sm-9">
<div class="input-group"> <div class="input-group">
<input type="number" class="form-control" id="inputCurrentLimit" <input type="number" class="form-control" id="inputCurrentLimit"
aria-describedby="currentLimitType" v-model="currentLimit" disabled /> aria-describedby="currentLimitType" v-model="currentLimit" disabled />
@ -170,9 +170,24 @@
</div> </div>
</div> </div>
<div class="row mb-3 align-items-center">
<label for="inputLastLimitSet" class="col-sm-3 col-form-label">Last Limit Set
Status:</label>
<div class="col-sm-9">
<span class="badge" :class="{
'bg-danger': successCommandLimit == 'Failure',
'bg-warning': successCommandLimit == 'Pending',
'bg-success': successCommandLimit == 'Ok',
'bg-secondary': successCommandLimit == 'Unknown',
}">
{{ successCommandLimit }}
</span>
</div>
</div>
<div class="row mb-3"> <div class="row mb-3">
<label for="inputTargetLimit" class="col-sm-2 col-form-label">Set Limit:</label> <label for="inputTargetLimit" class="col-sm-3 col-form-label">Set Limit:</label>
<div class="col-sm-10"> <div class="col-sm-9">
<div class="input-group"> <div class="input-group">
<input type="number" name="inputTargetLimit" class="form-control" <input type="number" name="inputTargetLimit" class="form-control"
id="inputTargetLimit" :min="targetLimitMin" :max="targetLimitMax" id="inputTargetLimit" :min="targetLimitMin" :max="targetLimitMax"
@ -257,6 +272,7 @@ export default defineComponent({
limitSettingLoading: true, limitSettingLoading: true,
currentLimit: 0, currentLimit: 0,
successCommandLimit: "",
targetLimit: 0, targetLimit: 0,
targetLimitMin: 10, targetLimitMin: 10,
targetLimitMax: 100, targetLimitMax: 100,
@ -400,6 +416,7 @@ export default defineComponent({
.then((response) => response.json()) .then((response) => response.json())
.then((data) => { .then((data) => {
this.currentLimit = data[serial].limit; this.currentLimit = data[serial].limit;
this.successCommandLimit = data[serial].limit_set_status;
this.limitSettingSerial = serial; this.limitSettingSerial = serial;
this.limitSettingLoading = false; this.limitSettingLoading = false;
}); });