Add header with affected teachers & groups

aleksis/apps/chronos/frontend/components/Substitutions.vue

@@ -13,6 +13,21 @@ import CRUDList from "aleksis.core/components/generic/CRUDList.vue";
     :enable-create="false"
     :enable-edit="false"
   >
+    <template #title>
+      <!-- TODO: 18n -->
+      <v-container>
+      <v-row>
+        <v-col> Betroffene Lehrkräfte </v-col>
+        <v-col> {{ affectedTeachers.map(t => t.shortName || t.fullName).join(', ') }} </v-col>
+        <v-spacer/>
+      </v-row>
+      <v-row>
+        <v-col> Betroffene Gruppen </v-col>
+        <v-col> {{ affectedGroups.map(g => g.shortName).join(', ') }} </v-col>
+        <v-spacer/>
+      </v-row>
+      </v-container>
+    </template>
     <!-- TODO: Component for strike -> bold || normal -->
     <template #groups="{ item: { oldGroups, newGroups } }">
       <span v-if="newGroups.length > 0">