feat:#4 updated router and views

frontend/src/components/CalendarViewer.vue

@@ -11,12 +11,30 @@ import iCalenderPlugin from "@fullcalendar/icalendar";
 import router from "@/router";
 import { formatYearMonthDay } from "@/helpers/dates.ts";
 import { useI18n } from "vue-i18n";
+import { useQuery } from "@tanstack/vue-query";
+import tokenStore from "@/store/tokenStore.ts";
+import { parseICalData } from "@/helpers/ical.ts";
+import { fetchICalendarEvents } from "@/api/loadICal.ts";
 
 const { t } = useI18n({ useScope: "global" });
 
 const mobilePage = inject("mobilePage") as Ref<boolean>;
 const date: Ref<Date> = ref(new Date());
-const feedUrl: Ref<string> = ref("https://cal.htwk-leipzig.de/api/feed?token=rk47mvraeb43t3g");
+
+tokenStore().setToken("3rz8vb3974tr2b")
+
+
+const { data: calendar } = useQuery({
+  queryKey: ["userCalendar", tokenStore().token],
+  queryFn: () =>
+    fetchICalendarEvents(),
+  select: (data) => {
+    return data;
+  },
+  networkMode: "offlineFirst",
+  enabled: () => tokenStore().token !== "",
+  staleTime: 5000000, // 500 seconds
+});
 
 const fullCalendar = ref<InstanceType<typeof FullCalendar>>();
 
@@ -88,13 +106,7 @@ const calendarOptions: ComputedRef<CalendarOptions> = computed(() => ({
       },
     });
   },
-  events: {
-    url: feedUrl.value,
-    format: "ics",
-    failure: function () {
-      alert("There was an error while fetching the calendar events!");
-    },
-  },
+  events: parseICalData(calendar.value),
 }));
 
 watch(mobilePage, () => {

frontend/src/components/MenuBar.vue

@@ -27,14 +27,26 @@ const isDark = ref(true);
 
 const items = computed(() => [
   {
-    label: t("createCalendar"),
-    icon: "pi pi-fw pi-plus",
-    route: "/",
-  },
-  {
-    label: t("editCalendar"),
-    icon: "pi pi-fw pi-pencil",
-    route: "/edit",
+    label: t("calendar"),
+    icon: "pi pi-fw pi-angle-down",
+    info: "calendar",
+    items: [
+      {
+        label: t("createCalendar"),
+        icon: "pi pi-fw pi-plus",
+        route: "/calendar/create",
+      },
+      {
+        label: t("editCalendar"),
+        icon: "pi pi-fw pi-pencil",
+        route: "/calendar/edit",
+      },
+      {
+        label: t("userCalendar"),
+        icon: "pi pi-fw pi-calendar",
+        route: "/calendar/view",
+      },
+    ],
   },
   {
     label: t("rooms"),
@@ -53,11 +65,6 @@ const items = computed(() => [
       },
     ],
   },
-  {
-    label: t("userCalendar"),
-    icon: "pi pi-fw pi-calendar",
-    route: "/user/calendar",
-  },
   {
     label: t("faq"),
     icon: "pi pi-fw pi-book",