From d9e075399863d15754c1f0a21df33b4483a85cc0 Mon Sep 17 00:00:00 2001
From: Liam Keegan <liam@keegan.ch>
Date: Wed, 6 Nov 2024 10:45:26 +0100
Subject: [PATCH] Add footer

- copyright
- version number
- links
  - contact
  - impressum
- resolves #38
---
 frontend/src/App.vue                        |  4 +++-
 frontend/src/components/FooterComponent.vue | 26 +++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/components/FooterComponent.vue

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index df8300f..21808d3 100644
--- a/frontend/src/App.vue
+++ b/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>
diff --git a/frontend/src/components/FooterComponent.vue b/frontend/src/components/FooterComponent.vue
new file mode 100644
index 0000000..08730fc
--- /dev/null
+++ b/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:predictcr@dkfz.de">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>