From a9eecf6d8005a8e517409071c66f71fc36e0cacf Mon Sep 17 00:00:00 2001
From: Roni Choudhury <roni.choudhury@kitware.com>
Date: Fri, 21 Feb 2020 13:53:23 -0500
Subject: [PATCH 1/2] Add documentation links to the About panel

This commit also introduces a "safe" external link component.
---
 client/src/components/AExt.vue        | 18 ++++++++++++++++++
 client/src/components/AboutDialog.vue | 12 ++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 client/src/components/AExt.vue

diff --git a/client/src/components/AExt.vue b/client/src/components/AExt.vue
new file mode 100644
index 00000000..d16227f6
--- /dev/null
+++ b/client/src/components/AExt.vue
@@ -0,0 +1,18 @@
+<template>
+  <a :href="href" target="_blank" rel="noopener noreferrer">
+    <slot></slot>
+  </a>
+</template>
+
+<script lang="ts">
+import Vue, { PropType } from 'vue';
+
+export default Vue.extend({
+  props: {
+    href: {
+      type: String as PropType<string>,
+      default: '',
+    },
+  },
+});
+</script>
diff --git a/client/src/components/AboutDialog.vue b/client/src/components/AboutDialog.vue
index fa98bb5d..e41531ce 100644
--- a/client/src/components/AboutDialog.vue
+++ b/client/src/components/AboutDialog.vue
@@ -34,6 +34,12 @@
           noreferrer">GitHub</a>.
       </v-card-text>
 
+      <v-card-text class="px-4 pt-4 pb-1">
+        Check out the Multinet project <a-ext
+          href="https://multinet-app.readthedocs.io">documentation</a-ext>, or
+        the <a-ext href="/apidocs">API docs</a-ext>.
+      </v-card-text>
+
       <v-card-text
         v-if="gitSha"
         class="px-4 pt-4 pb-1"
@@ -65,9 +71,15 @@
 <script lang="ts">
 import Vue from 'vue';
 
+import AExt from '@/components/AExt.vue';
+
 declare const GIT_SHA: string;
 
 export default Vue.extend({
+  components: {
+    AExt,
+  },
+
   data() {
     return {
       dialog: false,

From c9997f9e686d0a126c76f7115fc4d7d4f11027fc Mon Sep 17 00:00:00 2001
From: Roni Choudhury <roni.choudhury@kitware.com>
Date: Fri, 21 Feb 2020 13:55:56 -0500
Subject: [PATCH 2/2] Fix up other external links

The other links were intended to be externally opening links (as
evidenced by the `rel` attribute on them) but the `target="_blank"` bit
was missing on some of them. All have been updated to use the AExt
component.
---
 client/src/components/AboutDialog.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/client/src/components/AboutDialog.vue b/client/src/components/AboutDialog.vue
index e41531ce..4a7cba48 100644
--- a/client/src/components/AboutDialog.vue
+++ b/client/src/components/AboutDialog.vue
@@ -27,11 +27,9 @@
       <v-card-text
         class="px-4 pt-4 pb-1"
         >
-        Multinet is a system for storing and processing <a
-          href="https://vdl.sci.utah.edu/mvnv/" rel="noopener
-          noreferrer">multivariate networks</a>. Learn more and explore the code
-        at <a href="https://github.com/multinet-app/multinet" rel="noopener
-          noreferrer">GitHub</a>.
+        Multinet is a system for storing and processing <a-ext
+          href="https://vdl.sci.utah.edu/mvnv/">multivariate networks</a-ext>. Learn more and explore the code
+        at <a-ext href="https://github.com/multinet-app/multinet">GitHub</a-ext>.
       </v-card-text>
 
       <v-card-text class="px-4 pt-4 pb-1">
@@ -45,7 +43,7 @@
         class="px-4 pt-4 pb-1"
         >
         This instance of Multinet was built from Git SHA
-        <a :href="gitShaURL" target="_blank" rel="noopener noreferrer">{{gitSha.slice(0, 6)}}</a>.
+        <a-ext :href="gitShaURL">{{gitSha.slice(0, 6)}}</a-ext>.
       </v-card-text>
 
       <v-divider />