Added tools page

src/components/layout/LayoutFooter.vue

@@ -4,6 +4,7 @@
       width="medium"
       center
     >
+      <b-link to="/tools" class="surround-space">Tools</b-link>
       <b-link to="/changelog" class="surround-space">Changelog</b-link>
       <b-link to="/credits" class="surround-space">Credits</b-link>
     </BaseContainer>

src/router/index.js

@@ -9,6 +9,7 @@ import Manage from "../views/Manage.vue";
 import Statistics from "../views/Statistics.vue";
 import Changelog from "../views/Changelog.vue";
 import Credits from "../views/Credits.vue";
+import ToolsDocumentation from "../views/ToolsDocumentation.vue";
 
 Vue.use(VueRouter);
 
@@ -56,6 +57,11 @@ const routes = [
     name: "Credits",
     component: Credits
   },
+  {
+    path: "/tools",
+    name: "ToolsDocumentation",
+    component: ToolsDocumentation
+  },
   {
     path: "/logout",
     name: "Logout",

src/views/Changelog.vue

@@ -1,5 +1,12 @@
 <template>
   <LayoutMinimal title="Changelog">
+    <BaseTitle size="small">
+      23.11.2021
+    </BaseTitle>
+    <ul>
+      <li>Added tools page</li>
+      <li>Visual tweaks</li>
+    </ul>
     <BaseTitle size="small">
       07.11.2021
     </BaseTitle>

src/views/ToolsDocumentation.vue

@@ -0,0 +1,35 @@
+<template>
+  <LayoutMinimal title="Tools">
+    <BaseTitle>
+      JSON to CSV
+      <br/>
+      <small>by Linus Kämmerer</small>
+    </BaseTitle>
+    <BaseTitle size="tiny">
+      <b-link href="https://gist.github.com/linuskmr/856459cdf6c7ea460503b92e00b2aa26">
+        <b-icon-github></b-icon-github>
+        GitHub
+      </b-link>
+    </BaseTitle>
+    <p class="monospace">
+      Python script to convert exported Juggl data from a JSON to a CSV file.
+    </p>
+  </LayoutMinimal>
+</template>
+
+<script>
+// @ is an alias to /src
+import LayoutMinimal from "@/components/layout/LayoutMinimal";
+import BaseTitle from "@/components/base/BaseTitle";
+
+export default {
+  name: "ToolsDocumentation",
+  components: {
+    LayoutMinimal,
+    BaseTitle
+  }
+};
+</script>
+
+<style lang="sass" scoped>
+</style>