Merge remote-tracking branch 'origin' into 3-semi-offline-room-finder

frontend/src/view/EditCalendarView.vue

@@ -26,6 +26,7 @@ import tokenStore from "../store/tokenStore";
 import { useToast } from "primevue/usetoast";
 import { useI18n } from "vue-i18n";
 import DynamicPage from "./DynamicPage.vue";
+import { extractToken, isToken } from "@/helpers/token.ts";
 const { t } = useI18n({ useScope: "global" });
 
 const toast = useToast();
@@ -33,26 +34,6 @@ const toast = useToast();
 const token: Ref<string> = ref("");
 const modules: Ref<Map<string, Module>> = ref(moduleStore().modules);
 
-const tokenRegex = /^[a-z0-9]{15}$/;
-const tokenUriRegex = /[?&]token=([a-z0-9]{15})(?:&|$)/;
-
-const isToken = (token: string): boolean => {
-  return tokenRegex.test(token) || tokenUriRegex.test(token);
-};
-
-function extractToken(token: string): string {
-  if (tokenRegex.test(token)) {
-    return token;
-  }
-
-  const match = tokenUriRegex.exec(token);
-  if (match) {
-    return match[1];
-  }
-
-  throw new Error("Invalid token");
-}
-
 function loadCalendar(): void {
   try {
     token.value = extractToken(token.value);

frontend/src/view/UserCalendar.vue

@@ -0,0 +1,81 @@
+<script setup lang="ts">
+
+import CalendarViewer from "@/components/CalendarViewer.vue";
+import DynamicPage from "@/view/DynamicPage.vue";
+import { useI18n } from "vue-i18n";
+import { onMounted, ref } from "vue";
+import { extractToken } from "@/helpers/token.ts";
+import { useToast } from "primevue/usetoast";
+import moduleStore from "@/store/moduleStore.ts";
+import tokenStore from "@/store/tokenStore.ts";
+
+const { t } = useI18n({ useScope: "global" });
+const toast = useToast();
+
+const token = ref(tokenStore().token || ""  as string );
+
+// parse token from query parameter
+const urlParams = new URLSearchParams(window.location.search);
+const tokenFromUrl = urlParams.get("token");
+if (tokenFromUrl) {
+  token.value = tokenFromUrl;
+  tokenStore().setToken(tokenFromUrl);
+  loadCalendar();
+}
+
+function loadCalendar() {
+  try {
+    token.value = extractToken(token.value);
+  } catch (e) {
+    console.error(e);
+    toast.add({
+      severity: "error",
+      summary: t("editCalendarView.error"),
+      detail: t("editCalendarView.invalidToken"),
+      life: 3000,
+    });
+    return;
+  }
+
+  moduleStore().removeAllModules();
+  tokenStore().setToken(token.value);
+}
+
+onMounted(() => {
+  if (token.value && token.value !== "") {
+    loadCalendar();
+  }
+});
+
+</script>
+
+<template>
+  <DynamicPage
+    :hide-content="false"
+    :headline="$t('userCalender.headline')"
+    :sub-title="$t('userCalender.subTitle')"
+  >
+      <template #selection="{ flexSpecs }">
+      <InputText
+        v-model="token"
+        :placeholder="$t('userCalender.searchPlaceholder')"
+        :class="flexSpecs"
+        @keyup.enter="loadCalendar()"
+      />
+      <Button
+        :label="$t('userCalender.searchButton')"
+        icon="pi pi-refresh"
+        @click="loadCalendar()"
+      />
+      </template>
+      <template #content>
+      <CalendarViewer
+        :token="tokenStore().token"
+      />
+      </template>
+</DynamicPage>
+</template>
+
+<style scoped>
+
+</style>