feat:#5 added menubar link

frontend/src/components/MenuBar.vue

@@ -17,9 +17,20 @@ const items = computed(() => [
     route: "/edit",
   },
   {
-    label: t("roomFinder"),
-    icon: "pi pi-fw pi-calendar",
-    route: "/rooms",
+    label: t("rooms"),
+    icon: "pi pi-fw pi-angle-down",
+    items: [
+      {
+        label: t("roomFinderPage.roomSchedule"),
+        icon: "pi pi-fw pi-hourglass",
+        route: "/rooms",
+      },
+      {
+        label: t("roomFinderPage.freeRooms"),
+        icon: "pi pi-fw pi-calendar",
+        route: "/rooms/free",
+      },
+    ],
   },
   {
     label: t("faq"),
@@ -44,17 +55,17 @@ const items = computed(() => [
     <template #start>
       <router-link v-slot="{ navigate }" :to="`/`" custom>
         <Button severity="secondary" text class="p-0 mx-2" @click="navigate">
-          <img
-            width="50"
-            height="50"
-            src="../../public/htwk.svg"
-            alt="Logo"
-          />
+          <img width="50" height="50" src="../../public/htwk.svg" alt="Logo" />
         </Button>
       </router-link>
     </template>
     <template #item="{ item }">
-      <router-link v-slot="{ navigate }" :to="item.route" custom>
+      <router-link
+        v-if="item.route"
+        v-slot="{ navigate }"
+        :to="item.route"
+        custom
+      >
         <Button
           :label="String(item.label)"
           :icon="item.icon"
@@ -64,6 +75,15 @@ const items = computed(() => [
           @click="navigate"
         />
       </router-link>
+      <Button
+        v-else
+        :label="String(item.label)"
+        :icon="item.icon"
+        text
+        severity="secondary"
+        @click="item.url"
+      >
+      </Button>
     </template>
     <template #end>
       <div class="flex align-items-stretch justify-content-center">
@@ -80,6 +100,10 @@ const items = computed(() => [
   border: none;
 }
 
+:deep(.p-submenu-list) {
+  border-radius: 6px;
+}
+
 :deep(.p-button .p-button-label::after) {
   content: "";
   display: block;

frontend/src/i18n/translations/de.json

@@ -2,7 +2,7 @@
   "languageCode": "de",
   "createCalendar": "Kalender erstellen",
   "editCalendar": "Kalender bearbeiten",
-  "roomFinder": "Raumfinder",
+  "rooms": "Räume",
   "faq": "FAQ",
   "imprint": "Impressum",
   "privacy": "Datenschutz",
@@ -19,6 +19,8 @@
     "semesterDropDown": "Semester"
   },
   "roomFinderPage": {
+    "roomSchedule": "Raumbelegung",
+    "freeRooms": "Freie Räume",
     "headline": "Raumfinder",
     "detail": "Bitte wähle einen Raum aus, um die Belegung einzusehen",
     "dropDownSelect": "Bitte wähle einen Raum aus",

frontend/src/i18n/translations/en.json

@@ -2,7 +2,7 @@
   "languageCode": "en",
   "createCalendar": "create calendar",
   "editCalendar": "edit calendar",
-  "roomFinder": "room finder",
+  "rooms": "rooms",
   "faq": "faq",
   "imprint": "imprint",
   "privacy": "privacy",
@@ -19,6 +19,8 @@
     "semesterDropDown": "please select a semester"
   },
   "roomFinderPage": {
+    "roomSchedule": "room schedule",
+    "freeRooms": "free rooms",
     "headline": "room finder",
     "detail": "please select a room to view the occupancy",
     "dropDownSelect": "please select a room",