From 557a301c09758700e2d593d697c9cdeeb6b30736 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Sat, 1 Oct 2022 00:43:11 +0200
Subject: [PATCH] webapp: Show status of last limit set command

---
 webapp/src/components/HomeView.vue | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/HomeView.vue b/webapp/src/components/HomeView.vue
index eb1a0371..dc3b8308 100644
--- a/webapp/src/components/HomeView.vue
+++ b/webapp/src/components/HomeView.vue
@@ -159,9 +159,9 @@
                             <template v-if="!limitSettingLoading">
 
                                 <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>
-                                    <div class="col-sm-10">
+                                    <div class="col-sm-9">
                                         <div class="input-group">
                                             <input type="number" class="form-control" id="inputCurrentLimit"
                                                 aria-describedby="currentLimitType" v-model="currentLimit" disabled />
@@ -170,9 +170,24 @@
                                     </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">
-                                    <label for="inputTargetLimit" class="col-sm-2 col-form-label">Set Limit:</label>
-                                    <div class="col-sm-10">
+                                    <label for="inputTargetLimit" class="col-sm-3 col-form-label">Set Limit:</label>
+                                    <div class="col-sm-9">
                                         <div class="input-group">
                                             <input type="number" name="inputTargetLimit" class="form-control"
                                                 id="inputTargetLimit" :min="targetLimitMin" :max="targetLimitMax"
@@ -257,6 +272,7 @@ export default defineComponent({
             limitSettingLoading: true,
 
             currentLimit: 0,
+            successCommandLimit: "",
             targetLimit: 0,
             targetLimitMin: 10,
             targetLimitMax: 100,
@@ -400,6 +416,7 @@ export default defineComponent({
                 .then((response) => response.json())
                 .then((data) => {
                     this.currentLimit = data[serial].limit;
+                    this.successCommandLimit = data[serial].limit_set_status;
                     this.limitSettingSerial = serial;
                     this.limitSettingLoading = false;
                 });