From c14b288939891c7ed7a02be27e42ca7d4ab75fe6 Mon Sep 17 00:00:00 2001
From: Beniox <37512887+Beniox@users.noreply.github.com>
Date: Wed, 7 Aug 2024 18:41:44 +0200
Subject: [PATCH] show only one status tag, if all the other tags would be the
 same status

---
 webapp/src/views/ServiceList.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/webapp/src/views/ServiceList.vue b/webapp/src/views/ServiceList.vue
index 7e89327..db610ba 100644
--- a/webapp/src/views/ServiceList.vue
+++ b/webapp/src/views/ServiceList.vue
@@ -58,6 +58,24 @@
           <td>
             {{ person.serviceDates.map((ele) => ele.date).join(", ") }}
             <span
+              v-if="
+                person.groups[0].groupMemberStatus !== 'Active' &&
+                person.groups.every(
+                  (g) =>
+                    g.groupMemberStatus === person.groups[0].groupMemberStatus
+                )
+              "
+              class="badge rounded-pill"
+              :class="{
+                'text-bg-danger':
+                  person.groups[0].groupMemberStatus === 'To_Delete',
+                'text-bg-secondary':
+                  person.groups[0].groupMemberStatus === 'Requested',
+              }"
+              >{{ person.groups[0].groupMemberStatus }}</span
+            >
+            <span
+              v-else
               v-for="group in person.groups.filter(
                 (g) => g.groupMemberStatus !== 'Active'
               )"