From a2eb7809218b65e2a3c8a9325d87f40063e14f4b Mon Sep 17 00:00:00 2001
From: Koushik Dutta <koush@Koushik-MacStudio.localdomain>
Date: Wed, 1 Jun 2022 22:30:04 -0700
Subject: [PATCH] ui: add device management button

---
 external/ring-client-api                  |  2 +-
 external/werift                           |  2 +-
 plugins/core/ui/src/components/Device.vue | 12 ++++++++++++
 plugins/core/ui/src/plugins/icons.ts      |  2 ++
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/external/ring-client-api b/external/ring-client-api
index 641092134..d048cdd90 160000
--- a/external/ring-client-api
+++ b/external/ring-client-api
@@ -1 +1 @@
-Subproject commit 6410921348d6bc8f407c5474d5c056fda4494541
+Subproject commit d048cdd90be6bd0609323867400b7e521033a686
diff --git a/external/werift b/external/werift
index 308d4a931..800f4e392 160000
--- a/external/werift
+++ b/external/werift
@@ -1 +1 @@
-Subproject commit 308d4a93100a16173c037570cddcc51c8057582e
+Subproject commit 800f4e392e7e0e1929631d0660c3fe9a63eabc37
diff --git a/plugins/core/ui/src/components/Device.vue b/plugins/core/ui/src/components/Device.vue
index a3863b90c..c19a54950 100644
--- a/plugins/core/ui/src/components/Device.vue
+++ b/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) {
diff --git a/plugins/core/ui/src/plugins/icons.ts b/plugins/core/ui/src/plugins/icons.ts
index 36d25eaea..7e50b47a4 100644
--- a/plugins/core/ui/src/plugins/icons.ts
+++ b/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) {