From 525b710b1f571f75ca338fdc85ea917d3e6c26c8 Mon Sep 17 00:00:00 2001
From: Michael Bauer <michael-bauer@posteo.de>
Date: Tue, 15 Oct 2024 16:13:42 +0200
Subject: [PATCH] Use chips for affected groups as well

---
 .../apps/chronos/frontend/components/Substitutions.vue   | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/aleksis/apps/chronos/frontend/components/Substitutions.vue b/aleksis/apps/chronos/frontend/components/Substitutions.vue
index ee54fc56..62160e75 100644
--- a/aleksis/apps/chronos/frontend/components/Substitutions.vue
+++ b/aleksis/apps/chronos/frontend/components/Substitutions.vue
@@ -37,7 +37,14 @@ import CRUDList from "aleksis.core/components/generic/CRUDList.vue";
       </v-row>
       <v-row>
         <v-col> Betroffene Gruppen </v-col>
-        <v-col> {{ affectedGroups.map(g => g.shortName).join(', ') }} </v-col>
+        <v-col>
+          <v-chip
+            v-for="group in affectedGroups"
+            class="ma-1"
+          >
+            {{ group.shortName }}
+          </v-chip>
+        </v-col>
         <v-spacer/>
       </v-row>
       </v-container>
-- 
GitLab