Link to affected teachers

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

@@ -17,8 +17,22 @@ import CRUDList from "aleksis.core/components/generic/CRUDList.vue";
       <!-- 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-col cols="4"> Betroffene Lehrkräfte </v-col>
+        <v-col cols="8">
+          <v-chip
+            v-for="(teacher, i) in affectedTeachers"
+            class="ma-1"
+            :to="{
+              name: 'chronos.timetableWithId',
+              params: {
+                type: 'person',
+                id: teacher.id,
+              },
+            }"
+          >
+            {{ teacher.shortName || teacher.fullName }}
+          </v-chip>
+        </v-col>
         <v-spacer/>
       </v-row>
       <v-row>

aleksis/apps/chronos/frontend/components/substitutions.graphql

 query substitutionsForDate ($date: Date!) {
   items: substitutionsForDate(date: $date) {
     affectedTeachers {
+      id
       shortName
       fullName
     }