frontend: wifi: add refresh wifi list button

Author: nicoschmdt

core/frontend/src/components/wifi/WifiManager.vue

@@ -10,6 +10,15 @@
     >
       <v-toolbar-title>Wifi</v-toolbar-title>
       <v-spacer />
+      <v-btn
+        v-tooltip="'Refresh'"
+        icon
+        color="gray"
+        hide-details="auto"
+        @click="$emit('refresh-request')"
+      >
+        <v-icon>mdi-refresh</v-icon>
+      </v-btn>
       <v-btn
         v-tooltip="'Toggle hotspot'"
         icon

core/frontend/src/components/wifi/WifiTrayMenu.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <wifi-updater v-if="!wifi_service_disabled" />
+    <wifi-updater v-if="!wifi_service_disabled" ref="wifiUpdater" />
     <v-menu
       :close-on-content-click="false"
       nudge-left="500"
@@ -29,7 +29,7 @@
           </v-icon>
         </v-card>
       </template>
-      <wifi-manager v-if="!wifi_service_disabled" />
+      <wifi-manager v-if="!wifi_service_disabled" @refresh-request="onRefreshRequest" />
       <v-card
         v-else
         elevation="1"
@@ -88,6 +88,12 @@ export default Vue.extend({
       this.disabled_services = ((environment_variables?.BLUEOS_DISABLE_SERVICES as string) ?? '').split(',') as string[]
     })
   },
+  methods: {
+    onRefreshRequest(): void {
+      wifi.setAvailableNetworks(null)
+      this.$refs.wifiUpdater?.fetchAvailableNetworks()
+    },
+  },
 })
 </script>