Add handbook links (#29)

* Add handbook links

ui/src/views/Automation.vue

@@ -1,5 +1,12 @@
 <template>
   <div v-if="automation !== undefined" class="flex-grow-1 flex-column d-flex fill-height pa-8">
+    <v-row class="flex-grow-0 flex-shrink-0">
+      <v-spacer></v-spacer>
+      <v-btn href="https://catalyst-soar.com/docs/catalyst/engineer/automations" target="_blank" outlined rounded small>
+        <v-icon>mdi-book-open</v-icon> Handbook
+      </v-btn>
+    </v-row>
+
     <v-alert v-if="readonly" type="info">You do not have write access to automations.</v-alert>
     <h2 v-if="readonly">Automation: {{ automation.id }}</h2>
     <h2 v-else-if="this.$route.params.id === 'new'">New Automation: {{ automation.id }}</h2>

ui/src/views/Playbook.vue

@@ -1,5 +1,12 @@
 <template>
   <div v-if="playbook !== undefined" class="fill-height d-flex flex-column pa-8">
+    <v-row class="flex-grow-0 flex-shrink-0">
+      <v-spacer></v-spacer>
+      <v-btn href="https://catalyst-soar.com/docs/catalyst/engineer/playbook" target="_blank" outlined rounded small>
+        <v-icon>mdi-book-open</v-icon> Handbook
+      </v-btn>
+    </v-row>
+
     <v-alert v-if="readonly" type="info">You do not have write access to playbooks.</v-alert>
     <h2 v-if="this.$route.params.id === 'new'">New Playbook</h2>
     <h2 v-else>Edit Playbook: {{ playbook.name }}</h2>

ui/src/views/Template.vue

@@ -1,5 +1,12 @@
 <template>
   <div v-if="template !== undefined" class="flex-grow-1 flex-column d-flex fill-height pa-8">
+    <v-row class="flex-grow-0 flex-shrink-0">
+      <v-spacer></v-spacer>
+      <v-btn href="https://catalyst-soar.com/docs/catalyst/engineer/template" target="_blank" outlined rounded small>
+        <v-icon>mdi-book-open</v-icon> Handbook
+      </v-btn>
+    </v-row>
+
     <v-alert v-if="readonly" type="info">
       You do not have write access to templates.
       Changes here cannot be saved.

ui/src/views/Ticket.vue

@@ -1,5 +1,12 @@
 <template>
   <div>
+    <v-row class="mt-4">
+      <v-spacer></v-spacer>
+      <v-btn href="https://catalyst-soar.com/docs/catalyst/analyst/tickets" target="_blank" outlined rounded small class="mr-2">
+        <v-icon>mdi-book-open</v-icon> Handbook
+      </v-btn>
+    </v-row>
+
     <div v-if="$route.params.id === 'new'">
       <TicketNew></TicketNew>
     </div>

ui/src/views/TicketList.vue

@@ -7,7 +7,7 @@
       <pane v-if="this.$route.params.id" class="pa-3" :size="100 - paneSize">
         <v-row>
           <v-spacer></v-spacer>
-          <v-btn @click="close" outlined rounded class="mt-3 mr-3">
+          <v-btn @click="close" outlined rounded class="mt-2 mr-2" small>
             <v-icon>mdi-close</v-icon>
             Close
           </v-btn>