Merge pull request #328 from multinet-app/waxlamp/apidocs-link

Add documentation links to about panel

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>

client/src/components/AboutDialog.vue

@@ -27,19 +27,23 @@
       <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">
+        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"
         >
         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 />
@@ -65,9 +69,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,