webapp: Show NRF24 connection status

lib/Hoymiles/src/HoymilesRadio.cpp

@@ -161,6 +161,11 @@ bool HoymilesRadio::isIdle()
     return !_busyFlag;
 }
 
+bool HoymilesRadio::isConnected()
+{
+    return _radio->isChipConnected();
+}
+
 void HoymilesRadio::openReadingPipe()
 {
     serial_u s;

lib/Hoymiles/src/HoymilesRadio.h

@@ -46,6 +46,7 @@ public:
     void setDtuSerial(uint64_t serial);
 
     bool isIdle();
+    bool isConnected();
 
     template <typename T>
     T* enqueCommand()

src/WebApi_sysstatus.cpp

@@ -7,6 +7,7 @@
 #include "AsyncJson.h"
 #include "Configuration.h"
 #include "NetworkSettings.h"
+#include <Hoymiles.h>
 #include <LittleFS.h>
 #include <ResetReason.h>
 
@@ -64,6 +65,8 @@ void WebApiSysstatusClass::onSystemStatus(AsyncWebServerRequest* request)
 
     root[F("uptime")] = esp_timer_get_time() / 1000000;
 
+    root[F("radio_connected")] = Hoymiles.getRadio()->isConnected();
+
     response->setLength();
     request->send(response);
 }

webapp/src/components/SystemInfoView.vue

@@ -17,6 +17,8 @@
             <div class="mt-5"></div>
             <MemoryInfo v-bind="systemDataList" />
             <div class="mt-5"></div>
+            <RadioInfo v-bind="systemDataList" />
+            <div class="mt-5"></div>
         </template>
     </div>
 </template>
@@ -26,12 +28,14 @@ import { defineComponent } from 'vue';
 import HardwareInfo from "@/components/partials/HardwareInfo.vue";
 import FirmwareInfo from "@/components/partials/FirmwareInfo.vue";
 import MemoryInfo from "@/components/partials/MemoryInfo.vue";
+import RadioInfo from "@/components/partials/RadioInfo.vue";
 
 export default defineComponent({
     components: {
         HardwareInfo,
         FirmwareInfo,
         MemoryInfo,
+        RadioInfo,
     },
     data() {
         return {
@@ -60,7 +64,9 @@ export default defineComponent({
                 littlefs_total: 0,
                 littlefs_used: 0,
                 sketch_total: 0,
-                sketch_used: 0
+                sketch_used: 0,
+                // RadioInfo
+                radio_connected: false,
             }
         }
     },

webapp/src/components/partials/RadioInfo.vue

@@ -0,0 +1,35 @@
+<template>
+    <div class="card">
+        <div class="card-header text-white bg-primary">
+            Radio Information
+        </div>
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-hover table-condensed">
+                    <tbody>
+                        <tr>
+                            <th>Chip Status</th>
+                            <td class="badge" :class="{
+                                'bg-danger': !radio_connected,
+                                'bg-success': radio_connected,
+                            }">
+                                <span v-if="radio_connected">connected</span>
+                                <span v-else>not connected</span>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+    props: {
+        radio_connected: { type: Boolean, required: true },
+    },
+});
+</script>