✨ Add support for other substitution types

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

server/api/index.js

@@ -177,6 +177,7 @@ export async function getSubstitutions(req, res) {
       id: element.id,
       class: element.class,
       type: element.type,
+      rawType: element.rawType,
       lesson: element.lesson,
       date: new Date(element.date).getTime(),
       notes: element.notes,

server/parser/index.js

@@ -96,15 +96,15 @@ export class Parser {
       // (Date, Type, Lesson, Classes and Subject need to be the same)
       const matchingSubstitutionId = knownSubstitutions.findIndex(
         (substitution) => {
-          return substitution.date == new Date(date).setUTCHours(0, 0, 0, 0) &&
+          return (
-            substitution.type == (change.type == "Entfall")
+            substitution.date.getTime() ==
-            ? "cancellation"
+              new Date(date).setUTCHours(0, 0, 0, 0) &&
-            : "change" &&
+            substitution.rawType == change.type &&
-                substitution.lesson == change.lesson &&
+            substitution.lesson == change.lesson &&
-                classes.sort().join(",") ==
+            classes.sort().join(",") == substitution.class.sort().join(",") &&
-                  substitution.class.sort().join(",") &&
+            substitution.changedSubject == change.subject &&
-                substitution.changedSubject == change.subject &&
+            substitution.teacher == (change.teacher || "")
-                substitution.teacher == (change.teacher || "");
+          );
         },
       );
       const matchingSubstitution = knownSubstitutions[matchingSubstitutionId];
@@ -115,7 +115,12 @@ export class Parser {
           data: {
             class: classes,
             date: new Date(date),
-            type: change.type == "Entfall" ? "cancellation" : "change",
+            type:
+              change.type == "Entfall" ||
+              change.type == "eigenverantwortliches Arbeiten"
+                ? "cancellation"
+                : "change",
+            rawType: change.type,
             lesson: parseInt(change.lesson),
             teacher: change.teacher || "",
             changedTeacher: change.changedTeacher,
@@ -133,6 +138,7 @@ export class Parser {
             changes: {
               class: classes,
               type: change.type == "Entfall" ? "cancellation" : "change",
+              rawType: change.type,
               lesson: parseInt(change.lesson),
               date: new Date(date),
               notes: change.notes,
@@ -204,6 +210,7 @@ export class Parser {
           changes: {
             class: remainingSubstitution.class,
             type: remainingSubstitution.type,
+            rawType: remainingSubstitution.rawType,
             lesson: remainingSubstitution.lesson,
             date: remainingSubstitution.date.getTime(),
             notes: remainingSubstitution.notes,

server/prisma/schema.prisma

@@ -27,6 +27,7 @@ model Substitution {
   class          String[]
   date           DateTime
   type           String
+  rawType        String   @default("unknown")
   lesson         Int
   teacher        String
   changedTeacher String?

src/components/history-list.vue

@@ -79,8 +79,11 @@ const chars = {
                 room: event.change.change.room,
               },
             )
-          }}<span class="notes" v-if="event.change.notes">
+          }}<span class="notes">
-            {{ $t("timetable.notes") }} {{ event.change.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">
+        <span class="detail">
-          {{ $t("timetable.notes") }} {{ substitution.notes }}
+          <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;
 }