enhancement(ui): allow multiple assignee and participants (#5443)

Author: whitdog47

src/dispatch/static/dispatch/src/case/TableFilterDialog.vue

@@ -46,20 +46,19 @@
           <v-list-item>
             <v-card class="mx-auto">
               <v-card-title>Case Participant</v-card-title>
-              <v-card-subtitle>Show only cases with this participant</v-card-subtitle>
+              <v-card-subtitle>Show only cases with these participant(s)</v-card-subtitle>
               <participant-select
                 class="ml-10 mr-5"
                 v-model="local_participant"
                 label="Participant"
-                hint="Show only cases with this participant"
+                hint="Show only cases with these participant(s)"
                 :project="local_project"
                 clearable
-                :rules="[only_one]"
               />
               <v-checkbox
                 class="ml-10 mr-5"
                 v-model="local_participant_is_assignee"
-                label="And this participant is the Assignee"
+                label="And these participant(s) are the Assignee"
                 :disabled="local_participant == null"
               />
             </v-card>
@@ -138,19 +137,9 @@ const numFilters = computed(() => {
   ])
 })
 
-const only_one = (value) => {
-  if (value && value.length > 1) {
-    return "Only one is allowed"
-  }
-  return true
-}
-
 const applyFilters = () => {
   let filtered_participant = null
   let filtered_assignee = null
-  if (Array.isArray(local_participant.value)) {
-    local_participant.value = local_participant.value[0]
-  }
   if (local_participant_is_assignee.value) {
     filtered_assignee = local_participant.value
     filtered_participant = null

src/dispatch/static/dispatch/src/incident/TableFilterDialog.vue

@@ -66,20 +66,19 @@
           <v-list-item>
             <v-card class="mx-auto">
               <v-card-title>Incident Participant</v-card-title>
-              <v-card-subtitle>Show only incidents with this participant</v-card-subtitle>
+              <v-card-subtitle>Show only incidents with these participant(s)</v-card-subtitle>
               <participant-select
                 class="ml-10 mr-5"
                 v-model="local_participant"
                 label="Participant"
-                hint="Show only incidents with this participant"
+                hint="Show only incidents with these participant(s)"
                 :project="local_project"
                 clearable
-                :rules="[only_one]"
               />
               <v-checkbox
                 class="ml-10 mr-5"
                 v-model="local_participant_is_commander"
-                label="And this participant is the Incident Commander"
+                label="And these participant(s) are the Incident Commander"
                 :disabled="local_participant == null"
               />
             </v-card>
@@ -149,12 +148,6 @@ export default {
       local_tag_type: [],
       local_participant_is_commander: false,
       local_participant: null,
-      only_one: (value) => {
-        if (value && value.length > 1) {
-          return "Only one is allowed"
-        }
-        return true
-      },
     }
   },
 
@@ -201,9 +194,6 @@ export default {
       this.tag = this.local_tag
       this.tag_all = this.local_tag_all
       this.tag_type = this.local_tag_type
-      if (Array.isArray(this.local_participant)) {
-        this.local_participant = this.local_participant[0]
-      }
       this.participant = this.local_participant
       if (this.local_participant_is_commander) {
         this.commander = this.local_participant

src/dispatch/static/dispatch/src/router/utils.js

@@ -18,12 +18,16 @@ export default {
           if (has(flatFilters, key)) {
             if (typeof item === "string" || item instanceof String) {
               flatFilters[key].push(item)
+            } else if (Array.isArray(value)) {
+              flatFilters[key].push(item.individual.email)
             } else {
               flatFilters[key].push(item.email)
             }
           } else {
             if (typeof item === "string" || item instanceof String) {
               flatFilters[key] = [item]
+            } else if (Array.isArray(value)) {
+              flatFilters[key] = [item.individual.email]
             } else {
               flatFilters[key] = [item.email]
             }

src/dispatch/static/dispatch/src/search/utils.js

@@ -144,6 +144,13 @@ export default {
               op: "==",
               value: value.email,
             })
+          } else if (["commander", "participant", "assignee"].includes(key)) {
+            subFilter.push({
+              model: toPascalCase(key),
+              field: "email",
+              op: "==",
+              value: value.individual.email,
+            })
           } else if (has(value, "id")) {
             subFilter.push({
               model: toPascalCase(key),