Adds FAQ document link to incident submission form

src/dispatch/static/dispatch/src/document/reference/store.js

@@ -25,7 +25,7 @@ const getDefaultSelectedState = () => {
 
 export const referenceDocumentTypes = [
   {
-    resource_type: "dispatch-faq-reference-document",
+    resource_type: "",
     title: "FAQ",
     description: "Create a new FAQ reference document",
     icon: "mdi-file-document-edit-outline",

src/dispatch/static/dispatch/src/incident/ReportReceiptCard.vue

@@ -189,17 +189,6 @@
               <v-divider />
             </span>
           </span>
-          <v-list-item v-if="incident_faq" :href="incident_faq.weblink" target="_blank">
-            <v-list-item-content>
-              <v-list-item-title>Incident FAQ</v-list-item-title>
-              <v-list-item-subtitle>{{ incident_faq.description }}</v-list-item-subtitle>
-            </v-list-item-content>
-            <v-list-item-action>
-              <v-list-item-icon>
-                <v-icon>open_in_new</v-icon>
-              </v-list-item-icon>
-            </v-list-item-action>
-          </v-list-item>
         </v-list-group>
       </v-list>
       <v-container grid-list-md>
@@ -215,7 +204,6 @@
 import { mapFields } from "vuex-map-fields"
 import { mapActions } from "vuex"
 import { forEach, find } from "lodash"
-import DocumentApi from "@/document/api"
 import PluginApi from "@/plugin/api"
 
 export default {
@@ -225,7 +213,6 @@ export default {
   data() {
     return {
       isSubmitted: false,
-      incident_faq: null,
       activeResourcePlugins: {
         document: null,
         ticket: null,
@@ -236,27 +223,6 @@ export default {
     }
   },
   created() {
-    DocumentApi.getAll({
-      filter: JSON.stringify({
-        and: [
-          {
-            field: "resource_type",
-            op: "==",
-            value: "dispatch-incident-faq",
-          },
-          {
-            model: "Project",
-            field: "name",
-            op: "==",
-            value: this.project.name,
-          },
-        ],
-      }),
-    }).then((response) => {
-      if (response.data.items.length) {
-        this.incident_faq = response.data.items[0]
-      }
-    })
     PluginApi.getAllInstances({
       itemsPerPage: -1,
       filter: JSON.stringify({

src/dispatch/static/dispatch/src/incident/ReportSubmissionCard.vue

@@ -7,6 +7,14 @@
           If you suspect an incident and require help, please fill out the following to the best of
           your abilities.
         </p>
+        <p v-if="project_faq">
+          Unsure if your in the right place or have additional questions? Checkout this project's
+          incident FAQ document:
+          <a :href="project_faq.weblink" target="_blank" style="text-decoration: none">
+            {{ project_faq.name }}
+            <v-icon small>open_in_new</v-icon>
+          </a>
+        </p>
         <v-form>
           <v-container grid-list-md>
             <v-layout wrap>
@@ -101,6 +109,7 @@ import { required } from "vee-validate/dist/rules"
 import IncidentTypeSelect from "@/incident_type/IncidentTypeSelect.vue"
 import IncidentPrioritySelect from "@/incident_priority/IncidentPrioritySelect.vue"
 import ProjectSelect from "@/project/ProjectSelect.vue"
+import DocumentApi from "@/document/api"
 import TagFilterCombobox from "@/tag/TagFilterCombobox.vue"
 
 extend("required", {
@@ -122,6 +131,7 @@ export default {
   data() {
     return {
       isSubmitted: false,
+      project_faq: null,
     }
   },
   computed: {
@@ -147,6 +157,29 @@ export default {
   },
 
   methods: {
+    getFAQ() {
+      DocumentApi.getAll({
+        filter: JSON.stringify({
+          and: [
+            {
+              field: "resource_type",
+              op: "==",
+              value: "dispatch-faq-reference-document",
+            },
+            {
+              model: "Project",
+              field: "name",
+              op: "==",
+              value: this.project.name,
+            },
+          ],
+        }),
+      }).then((response) => {
+        if (response.data.items.length) {
+          this.project_faq = response.data.items[0]
+        }
+      })
+    },
     ...mapActions("incident", ["report", "get", "resetSelected"]),
   },
 
@@ -163,6 +196,13 @@ export default {
       this.incident_priority = { name: this.query.incident_priority }
     }
 
+    this.$watch(
+      (vm) => [vm.project],
+      () => {
+        this.getFAQ()
+      }
+    )
+
     if (this.query.tag) {
       if (Array.isArray(this.query.tag)) {
         this.tags = this.query.tag.map(function (t) {