Adapted the calendar to work with the current API

webclient/src/api_types/index.ts

@@ -580,8 +580,19 @@ export type components = {
        * @example 2018-01-01T00:00:00
        */
       readonly last_sync: string;
+      /**
+       * @description Link to the same calendar, but in TUMonline
+       * @example https://campus.tum.de/tumonline/wbKalender.wbRessource?pResNr=12543
+       */
+      readonly calendar_url: string;
     };
     readonly CalendarEntry: {
+      /**
+       * Format: int32
+       * @description The id of the calendar entry used in TUMonline internally
+       * @example 42
+       */
+      readonly id: number;
       /**
        * @description The title of the Entry
        * @example Quantenteleportation

webclient/src/components/CalendarModal.vue

@@ -15,7 +15,7 @@ const global = useGlobalStore();
 const showDate = ref(new Date());
 
 const tumonlineCalendarUrl = ref("https://campus.tum.de/tumonline");
-const lastmod = ref("xx.xx.xxxx xx:xx");
+const last_sync = ref("xx.xx.xxxx xx:xx");
 const events = ref<ICalendarItem[]>([]);
 
 const route = useRoute();
@@ -38,17 +38,17 @@ function update() {
   useFetch<CalendarResponse>(`/api/calendar/${route.params.id}?start=${startString}&end=${endString}`, (d) => {
     console.log(d);
     tumonlineCalendarUrl.value = d.calendar_url;
-    lastmod.value = d.lastmod;
-    events.value = d.events.map((e) => ({
+    last_sync.value = d.last_sync;
+    events.value = d.entries.map((e) => ({
       id: e.id,
       title: e.title,
       startDate: new Date(e.start),
       endDate: new Date(e.end),
-      classes: e.classes,
+      classes: [e.entry_type],
     }));
   });
 }
-function setShowDate(d) {
+function setShowDate(d: Date) {
   showDate.value = d;
 }
 </script>
@@ -78,7 +78,7 @@ function setShowDate(d) {
       <div class="modal-footer">
         Events are updated daily, if in doubt, please check the
         <a v-bind:href="global.calendar.url || 'https://campus.tum.de'">official calendar on TUMonline</a>. <br />
-        Last update: {{ lastmod }}
+        Last update: {{ last_sync }}
       </div>
     </div>
   </div>