✨ Add support for other substitution types

- Store and display original substitution type text
- Treat "eigenverantwortliches Arbeiten" as cancellation

src/components/history-list.vue

@@ -79,8 +79,11 @@ const chars = {
                 room: event.change.change.room,
               },
             )
-          }}<span class="notes" v-if="event.change.notes">
-            {{ $t("timetable.notes") }} {{ event.change.notes }}
+          }}<span class="notes">
+            <i>{{ event.change.rawType }}</i>
+            <span v-if="event.change.notes">
+              / {{ $t("timetable.notes") }} {{ event.change.notes }}</span
+            >
           </span>
         </span>
         <span class="notes">

src/components/lesson-card.vue

@@ -130,6 +130,9 @@ function getTime(index) {
           >, {{ $t("timetable.notes") }} {{ getNotes(lesson.substitution) }}
         </span>
       </div>
+      <span class="info type" v-if="lesson.substitution">
+        <i>{{ lesson.substitution.rawType }}</i>
+      </span>
     </div>
     <div class="times" v-if="getTime(index).start && !edit">
       <span>{{ getTime(index).start }} -</span>

src/components/substitution-list.vue

@@ -60,8 +60,11 @@ const substitutionsForDate = computed(() => {
             },
           )
         }}</span>
-        <span class="notes" v-if="substitution.notes">
-          {{ $t("timetable.notes") }} {{ substitution.notes }}
+        <span class="detail">
+          <i>{{ substitution.rawType }}</i>
+          <span v-if="substitution.notes">
+            / {{ $t("timetable.notes") }} {{ substitution.notes }}</span
+          >
         </span>
       </div>
     </div>
@@ -98,7 +101,7 @@ const substitutionsForDate = computed(() => {
   word-wrap: break-word;
 }
 
-.notes {
+.detail {
   font-size: 13px;
   font-weight: 100;
 }