feat:#4 added input and translation

frontend/src/i18n/translations/de.json

@@ -240,5 +240,11 @@
     "ninthAnswer": "Wenn du dich für die Entwicklung und den Quelltext interessierst, kannst du jederzeit als HTWK-Student daran mitarbeiten. Quelltext und weitere Informationen findest du im ",
     "notFound": "Nicht gefunden, wonach du suchst?",
     "contact": "Kontakt aufnehmen"
+  },
+  "userCalender": {
+    "headline": "Dein Kalender",
+    "subTitle": "Hier findest du die Kalenderansicht von deinem persönlichen Feed.",
+    "searchPlaceholder": "Token",
+    "searchButton": "Kalender laden"
   }
 }

frontend/src/i18n/translations/en.json

@@ -240,5 +240,11 @@
     "ninthAnswer": "If you want to contribute, you can do so at any time if you are a HTWK student. The source code is available on ",
     "notFound": "Not finding what you're looking for?",
     "contact": "Get in touch"
+  },
+  "userCalender": {
+    "headline": "user calendar",
+    "subTitle": "Here you can find the calendar view of your personal feed.",
+    "searchPlaceholder": "calendar token",
+    "searchButton": "load calendar"
   }
 }

frontend/src/view/UserCalendar.vue

@@ -11,14 +11,23 @@ import DynamicPage from "@/view/DynamicPage.vue";
 <template>
   <DynamicPage
     :hide-content="false"
-    :headline="$t('freeRooms.freeRooms')"
-    :sub-title="$t('freeRooms.detail')"
+    :headline="$t('userCalender.headline')"
+    :sub-title="$t('userCalender.subTitle')"
   >
-    <template #selection="{ flexSpecs }">
-      <CalendarViewer
+      <template #selection="{ flexSpecs }">
+      <InputText
+        :placeholder="$t('userCalender.searchPlaceholder')"
         :class="flexSpecs"
       />
-    </template>
+      <Button
+        :label="$t('userCalender.searchButton')"
+        icon="pi pi-refresh"
+      />
+      </template>
+      <template #content>
+      <CalendarViewer
+      />
+      </template>
 </DynamicPage>
 </template>