From 8c64568077b91b3ea07658fd5a6ff7de30cdde09 Mon Sep 17 00:00:00 2001
From: minie4 <minie4@gmx.de>
Date: Sat, 30 Apr 2022 23:08:29 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20menu=20button=20for=20opening?=
 =?UTF-8?q?=20the=20settings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/titlebar-element.vue | 18 ++++++++++++++++--
 src/router/index.js                 |  6 ++++++
 src/views/SettingsView.vue          |  0
 3 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 src/views/SettingsView.vue

diff --git a/src/components/titlebar-element.vue b/src/components/titlebar-element.vue
index d8ec2f2..46b4b8e 100644
--- a/src/components/titlebar-element.vue
+++ b/src/components/titlebar-element.vue
@@ -1,7 +1,7 @@
 <script setup>
 import MenuIcon from "./icons/menu-icon.vue";
 import { computed } from "vue";
-import { useRoute } from "vue-router";
+import { useRoute, RouterLink } from "vue-router";
 
 const route = useRoute();
 const routeName = computed(() => route.name);
@@ -11,7 +11,9 @@ const routeName = computed(() => route.name);
   <div class="titlebar">
     <span class="title">{{ routeName }}</span>
     <div class="settings">
-      <MenuIcon />
+      <RouterLink to="/settings">
+        <MenuIcon />
+      </RouterLink>
     </div>
   </div>
 </template>
@@ -38,4 +40,16 @@ const routeName = computed(() => route.name);
   justify-content: right;
   padding-right: 13px;
 }
+
+a {
+  display: inherit;
+  text-decoration: none;
+  color: inherit;
+  padding: 4px;
+}
+
+a.router-link-active {
+  background-color: #335723;
+  border-radius: 5px;
+}
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index e484db6..614f5c7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from "vue-router";
 import TimetableView from "../views/TimetableView.vue";
 import SubstitutionView from "../views/SubstitutionView.vue";
 import HistoryView from "../views/HistoryView.vue";
+import SettingsView from "../views/SettingsView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -25,6 +26,11 @@ const router = createRouter({
       name: "History",
       component: HistoryView,
     },
+    {
+      path: "/settings",
+      name: "Settings",
+      component: SettingsView,
+    },
   ],
 });
 
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
new file mode 100644
index 0000000..e69de29