Merge pull request #50 from ssciwr/fix_38_footer

Add footer

frontend/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink, RouterView, useRoute } from "vue-router";
+import { RouterLink, RouterView } from "vue-router";
 import { computed } from "vue";
 import {
   FwbNavbar,
@@ -8,6 +8,7 @@ import {
   FwbNavbarLogo,
 } from "flowbite-vue";
 import { useUserStore } from "@/stores/user";
+import FooterComponent from "@/components/FooterComponent.vue";
 const userStore = useUserStore();
 const login_title = computed(() => {
   if (userStore.user !== null) {
@@ -47,4 +48,5 @@ const login_title = computed(() => {
   <div class="flex flex-col items-stretch justify-center">
     <RouterView />
   </div>
+  <FooterComponent></FooterComponent>
 </template>

frontend/src/components/FooterComponent.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import {
+  FwbFooter,
+  FwbFooterCopyright,
+  FwbFooterLinkGroup,
+  FwbFooterLink,
+  FwbFooterBrand,
+} from "flowbite-vue";
+</script>
+
+<template>
+  <fwb-footer sticky>
+    <fwb-footer-copyright
+      by="DKFZ"
+      href="https://www.dkfz.de/"
+      copyright-message="All Rights Reserved."
+    />
+    <div>predicTCR v2 - beta version</div>
+    <fwb-footer-link-group>
+      <fwb-footer-link href="mailto:[email protected]">Contact</fwb-footer-link>
+      <fwb-footer-link href="https://www.dkfz.de/de/impressum.html"
+        >Impressum</fwb-footer-link
+      >
+    </fwb-footer-link-group>
+  </fwb-footer>
+</template>