Adds support for handing off cases in bulk (#2985)

src/dispatch/static/dispatch/src/case/BulkEditSheet.vue

@@ -1,12 +1,19 @@
 <template>
   <v-bottom-sheet v-model="showBulkEdit" hide-overlay persistent>
+    <handoff-dialog />
     <v-card :loading="bulkEditLoading" tile>
       <v-list>
         <v-list-item>
           <v-list-item-content>
             <v-list-item-subtitle>{{ selected.length }} selected</v-list-item-subtitle>
           </v-list-item-content>
           <v-spacer />
+          <v-list-item-icon>
+            <v-btn text @click="showHandoffDialog()">
+              <v-icon>mdi-account-arrow-right</v-icon>
+              Handoff
+            </v-btn>
+          </v-list-item-icon>
           <v-list-item-icon>
             <v-btn text @click="saveBulk({ status: 'New' })">
               <v-icon>mdi-alert-decagram</v-icon>
@@ -19,12 +26,6 @@
               Mark Triage
             </v-btn>
           </v-list-item-icon>
-          <!--<v-list-item-icon>
-            <v-btn text @click="saveBulk({ status: 'Escalated' })">
-              <v-icon>mdi-swap-horizontal</v-icon>
-              Mark Escalated
-            </v-btn>
-          </v-list-item-icon>-->
           <v-list-item-icon>
             <v-btn text @click="saveBulk({ status: 'Closed' })">
               <v-icon>mdi-close</v-icon>
@@ -47,18 +48,25 @@
 import { mapFields } from "vuex-map-fields"
 import { mapActions } from "vuex"
 
+import HandoffDialog from "@/case/HandoffDialog.vue"
+
 export default {
   name: "CaseBulkEditSheet",
 
+  components: {
+    HandoffDialog,
+  },
+
   computed: {
+    ...mapFields("case_management", ["table.rows.selected", "table.bulkEditLoading"]),
+
     showBulkEdit: function () {
       return this.selected.length ? true : false
     },
-    ...mapFields("case_management", ["table.rows.selected", "table.bulkEditLoading"]),
   },
 
   methods: {
-    ...mapActions("case_management", ["saveBulk", "deleteBulk"]),
+    ...mapActions("case_management", ["saveBulk", "deleteBulk", "showHandoffDialog"]),
   },
 }
 </script>

src/dispatch/static/dispatch/src/case/HandoffDialog.vue

@@ -0,0 +1,54 @@
+<template>
+  <v-dialog v-model="showHandoffDialog" persistent max-width="800px">
+    <v-card>
+      <v-card-title>
+        <span class="headline">Handoff Cases</span>
+      </v-card-title>
+      <v-card-text>
+        Select the new assignee for the selected cases.
+      </v-card-text>
+      <v-card-actions>
+        <v-container grid-list-md>
+          <v-layout wrap>
+            <v-flex xs12>
+              <participant-select v-model="assignee" label="Case Assignee" :project="project"/>
+            </v-flex>
+            <v-btn color="blue en-1" text @click="closeHandoffDialog()"> Cancel </v-btn>
+            <v-btn color="red en-1" text :loading="loading" @click="saveBulk({assignee: assignee})">
+              Handoff
+            </v-btn>
+          </v-layout>
+        </v-container>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+import { mapFields } from "vuex-map-fields"
+import { mapActions } from "vuex"
+
+import ParticipantSelect from "@/incident/ParticipantSelect.vue"
+
+export default {
+  name: "CaseHandoffDialog",
+
+  data() {
+    return {
+      assignee: { individual: { name: "Assignee Name" }},
+    }
+  },
+
+  components: {
+    ParticipantSelect,
+  },
+
+  computed: {
+    ...mapFields("case_management", ["dialogs.showHandoffDialog", "selected.loading", "selected.project"]),
+  },
+
+  methods: {
+    ...mapActions("case_management", ["closeHandoffDialog", "saveBulk", "resetSelected"]),
+  },
+}
+</script>

src/dispatch/static/dispatch/src/case/store.js

@@ -18,14 +18,15 @@ const getDefaultSelectedState = () => {
     escalated_at: null,
     events: [],
     groups: [],
-    signals: [],
     id: null,
     incidents: [],
+    loading: false,
     name: null,
     project: null,
     related: [],
     reported_at: null,
     resolution: null,
+    signals: [],
     status: null,
     storage: null,
     tags: [],
@@ -34,7 +35,6 @@ const getDefaultSelectedState = () => {
     triage_at: null,
     visibility: null,
     workflow_instances: null,
-    loading: false,
   }
 }
 
@@ -49,9 +49,10 @@ const state = {
   dialogs: {
     showDeleteDialog: false,
     showEditSheet: false,
+    showEscalateDialog: false,
     showExport: false,
+    showHandoffDialog: false,
     showNewSheet: false,
-    showEscalateDialog: false,
   },
   report: {
     ...getDefaultReportState(),
@@ -188,6 +189,14 @@ const actions = {
     commit("RESET_SELECTED")
     commit("incident/RESET_SELECTED", null, { root: true })
   },
+  showHandoffDialog({ commit }, value) {
+    commit("SET_DIALOG_SHOW_HANDOFF", true)
+    commit("SET_SELECTED", value)
+  },
+  closeHandoffDialog({ commit }) {
+    commit("SET_DIALOG_SHOW_HANDOFF", false)
+    commit("RESET_SELECTED")
+  },
   showExport({ commit }) {
     commit("SET_DIALOG_SHOW_EXPORT", true)
   },
@@ -333,6 +342,9 @@ const mutations = {
   SET_DIALOG_SHOW_EXPORT(state, value) {
     state.dialogs.showExport = value
   },
+  SET_DIALOG_SHOW_HANDOFF(state, value) {
+    state.dialogs.showHandoffDialog = value
+  },
   SET_DIALOG_DELETE(state, value) {
     state.dialogs.showDeleteDialog = value
   },