Add link to documentation in navbar (#440)

* Add link to documentation in navbar * Add margin to button
OpenImaging · Apr 18, 2022 · 975868f · 975868f
1 parent 9b5cbcf
commit 975868f
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/client/src/components/Navbar.vue b/client/src/components/Navbar.vue
@@ -34,6 +34,7 @@ export default defineComponent({
     emailDialog: false,
     keyboardShortcutDialog: false,
     advanceTimeoutId: null,
+    documentationURL: 'https://openimaging.github.io/miqa/',
   }),
   computed: {
     ...mapState([
@@ -55,6 +56,9 @@ export default defineComponent({
       await this.logout();
       this.$router.go('/'); // trigger re-render into oauth flow
     },
+    openDocumentation() {
+      window.open(this.documentationURL, '_blank');
+    },
   },
 });
 </script>
@@ -120,6 +124,15 @@ export default defineComponent({
       />
     </div>
 
+    <v-btn
+      elevation="0"
+      class="mx-2"
+      @click="openDocumentation"
+    >
+      Help
+      <v-icon>mdi-open-in-new</v-icon>
+    </v-btn>
+
     <UserAvatar :target-user="user" />
     <UserButton
       @user="logoutUser()"