ui: add device management button

plugins/core/ui/src/components/Device.vue

@@ -212,6 +212,15 @@
 
               <v-btn color="info" text @click="openConsole">Console</v-btn>
 
+              <v-tooltip bottom v-if="device.info.managementUrl">
+                <template v-slot:activator="{ on }">
+                  <v-btn x-small v-on="on" color="info" text @click="openManagementUrl"
+                    ><v-icon x-small>fa-wrench</v-icon></v-btn
+                  >
+                </template>
+                <span>Open Device Management Url</span>
+              </v-tooltip>
+
               <v-tooltip bottom>
                 <template v-slot:activator="{ on }">
                   <v-btn x-small v-on="on" color="info" text @click="openRepl"
@@ -650,6 +659,9 @@ export default {
         this.$vuetify.goTo(this.$refs.consoleEl);
       }
     },
+    openManagementUrl() {
+      window.open(this.device.info.managementUrl);
+    },
     async openRepl() {
       this.showRepl = !this.showRepl;
       if (this.showRepl) {

plugins/core/ui/src/plugins/icons.ts

@@ -80,6 +80,7 @@ import {
   faHistory,
   faCalendarAlt,
   faShieldAlt,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
 
 import {
@@ -166,6 +167,7 @@ const icons =[
   faTimes,
   faCalendarAlt,
   faShieldAlt,
+  faWrench,
 ];
 
 for (var icon in icons) {