Add network speed to status bar

betaflight · Sep 17, 2024 · e3cb5b3 · e3cb5b3
1 parent 0aebfdd
commit e3cb5b3
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 0 deletions.
diff --git a/locales/en/messages.json b/locales/en/messages.json
@@ -667,6 +667,9 @@
     "versionLabelFirmware": {
         "message": "Firmware"
     },
+    "versionLabelConnection": {
+        "message": "ISP"
+    },
     "versionLabelConfigurator": {
         "message": "Configurator"
     },

diff --git a/src/components/status-bar/ConnectionStatus.vue b/src/components/status-bar/ConnectionStatus.vue
@@ -0,0 +1,25 @@
+<template>
+  <div class="connection">
+    {{ $t("versionLabelConnection") }}: {{ networkSpeed }} Mb/s
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    networkSpeed: {
+      type: Number,
+      default: 0,
+    },
+  },
+};
+</script>
+
+<style>
+.connection {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  margin-left: auto;
+}
+</style>
diff --git a/src/components/status-bar/StatusBar.vue b/src/components/status-bar/StatusBar.vue
@@ -21,6 +21,9 @@
       :value="cpuLoad"
       unit="%"
     />
+    <ConnectionStatus
+      :network-speed="networkSpeed"
+    />
     <StatusBarVersion
       :configurator-version="configuratorVersion"
       :firmware-version="firmwareVersion"
@@ -33,12 +36,14 @@
 <script>
 import StatusBarVersion from "./StatusBarVersion.vue";
 import ReadingStat from "./ReadingStat.vue";
+import ConnectionStatus from "./ConnectionStatus.vue";
 import PortUtilization from "./PortUtilization.vue";
 
 export default {
   components: {
     PortUtilization,
     ReadingStat,
+    ConnectionStatus,
     StatusBarVersion,
   },
   props: {
@@ -67,6 +72,11 @@ export default {
       default: 0,
     },
 
+    networkSpeed: {
+      type: Number,
+      default: 0,
+    },
+
     configuratorVersion: {
       type: String,
       default: "",

diff --git a/src/index.html b/src/index.html
@@ -177,6 +177,8 @@
             :cycle-time="FC.CONFIG.cycleTime"
             :cpu-load="FC.CONFIG.cpuload"
 
+            :network-speed="CONFIGURATOR.networkSpeed"
+
             :configurator-version="CONFIGURATOR.getDisplayVersion()"
             :firmware-version="FC.CONFIG.flightControllerVersion"
             :firmware-id="FC.CONFIG.flightControllerIdentifier"

diff --git a/src/js/data_storage.js b/src/js/data_storage.js
@@ -11,6 +11,7 @@ const CONFIGURATOR = {
 
     connectionValid: false,
     connectionValidCliOnly: false,
+    networkSpeed: 0,
     virtualMode: false,
     virtualApiVersion: '0.0.1',
     cliActive: false,

diff --git a/src/js/utils/connection.js b/src/js/utils/connection.js
@@ -1,4 +1,5 @@
 import { get as getConfig } from "../ConfigStorage";
+import CONFIGURATOR from "../data_storage";
 
 export function ispConnected() {
 
@@ -14,6 +15,8 @@ export function ispConnected() {
     const rtt = navigator.connection.rtt;
     const logHead = '[ISP] ';
 
+    CONFIGURATOR.networkSpeed = downlink;
+
     if (isMetered) {
         console.log(`${logHead}Metered connection is enabled`);
         return false;