Allow export of incident/case tags

src/dispatch/static/dispatch/src/case/TableExportDialog.vue

@@ -92,6 +92,11 @@
                 <template #item.status="{ item }">
                   <case-status :status="item.status" :id="item.id" />
                 </template>
+                <template #item.tags="{ item }">
+                  <span v-for="tag in item.tags" :key="tag">
+                    <v-chip> {{ tag.tag_type.name }}/{{ tag.name }} </v-chip>
+                  </span>
+                </template>
               </v-data-table>
               <v-spacer />
               <v-btn @click="closeExport()" variant="text"> Cancel </v-btn>
@@ -171,6 +176,7 @@ export default {
         { text: "Severity", value: "case_severity.name", sortable: false },
         { text: "Priority", value: "case_priority.name", sortable: false },
         { text: "Assignee", value: "assignee.email", sortable: false },
+        { text: "Tags", value: "tags", sortable: false },
         { text: "Document Weblink", value: "case_document.weblink", sortable: false },
         { text: "Storage Weblink", value: "storage.weblink", sortable: false },
       ],
@@ -216,6 +222,13 @@ export default {
       return CaseApi.getAll(params)
         .then((response) => {
           let items = response.data.items
+          items = items.map((item) => {
+            if ("tags" in item) {
+              const tags = item["tags"].map((tag) => `${tag.tag_type.name}/${tag.name}`)
+              item["tags"] = tags.join(", ")
+            }
+            return item
+          })
           Util.exportCSV(items, "case-details-export.csv")
           this.exportLoading = false
           this.closeExport()

src/dispatch/static/dispatch/src/incident/TableExportDialog.vue

@@ -93,6 +93,11 @@
                 <template #item.status="{ item }">
                   <incident-status :status="item.status" :id="item.id" />
                 </template>
+                <template #item.tags="{ item }">
+                  <span v-for="tag in item.tags" :key="tag">
+                    <v-chip> {{ tag.tag_type.name }}/{{ tag.name }} </v-chip>
+                  </span>
+                </template>
               </v-data-table>
               <v-spacer />
               <v-btn @click="closeExport()" variant="text"> Cancel </v-btn>
@@ -302,6 +307,13 @@ export default {
           value: "closed_at",
           sortable: false,
         },
+        {
+          text: "Tags",
+          title: "Tags",
+          key: "tags",
+          value: "tags",
+          sortable: false,
+        },
         {
           text: "Incident Document Weblink",
           title: "Incident Document Weblink",
@@ -366,6 +378,13 @@ export default {
       return IncidentApi.getAll(params)
         .then((response) => {
           let items = response.data.items
+          items = items.map((item) => {
+            if ("tags" in item) {
+              const tags = item["tags"].map((tag) => `${tag.tag_type.name}/${tag.name}`)
+              item["tags"] = tags.join(", ")
+            }
+            return item
+          })
           const fieldOrder = this.selectedFields.map((field) => field.value)
           Util.exportCSVOrdered(items, "incident-details-export.csv", fieldOrder)
           this.exportLoading = false