fetch bind info on receiver tab

cmd/quic-config/routes.go

@@ -393,6 +393,15 @@ func (s *Server) postVtxSettings(w http.ResponseWriter, r *http.Request) {
 	renderJSON(w, value)
 }
 
+func (s *Server) getBindInfo(w http.ResponseWriter, r *http.Request) {
+	value := quic.BindInfo{}
+	if err := s.qp.GetValue(quic.QuicValBindInfo, &value); err != nil {
+		handleError(w, err)
+		return
+	}
+	renderJSON(w, value)
+}
+
 func broadcastProgress(task string) func(total, current int) {
 	last := 0
 	return func(total, current int) {
@@ -738,6 +747,8 @@ func (s *Server) setupRoutes(r *mux.Router) {
 		f.HandleFunc("/api/vtx/settings", s.getVtxSettings).Methods("GET")
 		f.HandleFunc("/api/vtx/settings", s.postVtxSettings).Methods("POST")
 
+		f.HandleFunc("/api/bind/info", s.getBindInfo).Methods("GET")
+
 		f.HandleFunc("/api/osd/font", s.getOSDFont).Methods("GET")
 		f.HandleFunc("/api/osd/font", s.postOSDFont).Methods("POST")
 

pkg/protocol/quic/packet.go

@@ -55,6 +55,7 @@ const (
 	QuicValVtxSettings
 	QuicValOSDFont
 	QuicValBLHeliSettings
+	QuicValBindInfo
 	QuicValPerfCounters
 )
 

pkg/protocol/quic/profile.go

@@ -164,6 +164,11 @@ type TargetInfo struct {
 	GyroID              *uint    `cbor:"gyro_id" json:"gyro_id"`
 }
 
+type BindInfo struct {
+	BindEnable uint   `cbor:"bind_enable" json:"bind_enable"`
+	Raw        []byte `cbor:"raw" json:"raw"`
+}
+
 type BlackboxCompact struct {
 	_ struct{} `cbor:",toarray"`
 

web/src/store/bind.js

@@ -0,0 +1,24 @@
+import { get } from "@/store/api.js";
+
+
+const store = {
+  state: {
+    info: {
+      bind_enable: 0,
+    }
+  },
+  getters: {},
+  mutations: {
+    set_bind_info(state, info) {
+      state.info = info
+    },
+  },
+  actions: {
+    fetch_bind_info({ commit }) {
+      return get("/api/bind/info")
+        .then(p => commit('set_bind_info', p))
+    }
+  }
+}
+
+export default store;

web/src/store/index.js

@@ -13,6 +13,7 @@ import blackboxModule from "./blackbox";
 import stateModule from "./state";
 import motorModule from "./motor";
 import vtxModule from "./vtx";
+import bindModule from "./bind";
 
 var ws = null
 
@@ -25,6 +26,7 @@ const store = new Vuex.Store({
     motor: motorModule,
     vtx: vtxModule,
     perf: perfModule,
+    bind: bindModule,
   },
   state: {
     log: [],

web/src/views/Receiver.vue

@@ -10,6 +10,14 @@
           protoNames[status.Info.rx_protocol]
         }}</b-col>
       </b-row>
+      <b-row v-if="status.Info.quic_protocol_version > 2">
+        <b-col sm="4" class="my-2">
+          <label>Bind Enabled</label>
+        </b-col>
+        <b-col sm="8" class="my-2">{{
+          bind.info.bind_enable ? "yes" : "no"
+        }}</b-col>
+      </b-row>
       <b-row v-if="status.Info.quic_protocol_version > 2">
         <b-col sm="4" class="my-2">
           <label>RSSI</label>
@@ -38,12 +46,13 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
+import { mapState, mapActions } from "vuex";
 
 export default {
   name: "Receiver",
   data() {
     return {
+      intervalEnabled: true,
       protoNames: [
         "INVALID",
         "UNIFIED_SERIAL",
@@ -75,7 +84,7 @@ export default {
     };
   },
   computed: {
-    ...mapState(["status", "state"]),
+    ...mapState(["status", "state", "bind"]),
     proto() {
       return this.protoNames.reduce((m, v, i) => {
         m[v] = i;
@@ -127,7 +136,25 @@ export default {
       return this.serialProtoNames[index];
     },
   },
-  methods: {},
+  methods: {
+    ...mapActions(["fetch_bind_info"]),
+    startInterval() {
+      return this.fetch_bind_info().then(() => {
+        if (!this.intervalEnabled) {
+          return;
+        }
+        setTimeout(() => this.startInterval(), 5000);
+      });
+    },
+  },
+  created() {
+    if (this.status.Info.quic_protocol_version > 2) {
+      this.startInterval();
+    }
+  },
+  beforeDestroy() {
+    this.intervalEnabled = false;
+  },
 };
 </script>