added logout route + AnalyticsCard File

backend/app.js

@@ -7,9 +7,9 @@ const jwt_secret = "jwt_secret";
 
 const apiRoute = require("./routes/index");
 
-
 const port = process.env.port || 3000;
 
+
 app.use(cookieParser());
 
 app.use( (req, res, next) => {

backend/routes/users/index.js

@@ -94,4 +94,16 @@ router.get('/loggedIn', (req, res) => {
     }
 });
 
+router.get('/logout', (req, res) => {
+    console.log(req.user);
+    if(req.user && req.user.ID) {
+        res.clearCookie('token', {
+            secure: false, 
+            httpOnly: true,
+            //sameSite: 'None'
+          }).json({ success: 'Logout was successful'});
+        //res.status(200).json({ success: 'Log out was successful'});
+    }
+});
+
 module.exports = router;

frontend/src/api.js

@@ -1,6 +1,6 @@
 import deepmerge from "deepmerge";
 import { store } from "@/store";
-const baseUrl = "https://vision.owlabout.de/api";
+const baseUrl = /*"https://vision.owlabout.de/api";*/ 'http://localhost:9000/api/'
 
 function base(path, options = {}) {
   return fetch(

frontend/src/components/AnalyticsCard.vue

@@ -0,0 +1,26 @@
+<template>
+ <div class="card card-lg analytics">
+      <div class="card-body">
+        <h2>Analytics2</h2>
+      </div>
+      <div class="card-body"></div>
+      <div class="card-footer"></div>
+    </div>
+</template>
+
+<script>
+export default {
+  props: {
+    track: Object
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.analytics {
+  background: url("../assets/form-blue.svg");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: -150px -80px;
+}
+</style>

frontend/src/views/Dashboard.vue

@@ -11,13 +11,7 @@
         <button class="btn">Kurs fortführen</button>
       </div>
     </div>
-    <div class="card card-lg analytics">
-      <div class="card-body">
-        <h2>Analytics</h2>
-      </div>
-      <div class="card-body"></div>
-      <div class="card-footer"></div>
-    </div>
+    <AnalyticsCard />
     <div class="card recommendations">
       <div class="card-header">
         <h2>Empfohlen für dich</h2>
@@ -99,10 +93,13 @@
 <script>
 // @ is an alias to /src
 import HelloWorld from "@/components/HelloWorld.vue";
+import AnalyticsCard from "../components/AnalyticsCard.vue";
 
 export default {
   name: "Home",
-  components: {}
+  components: {
+    AnalyticsCard
+  }
 };
 </script>
 
@@ -181,10 +178,4 @@ ul {
   background-size: cover;
   background-position: 100px -100px;
 }
-.analytics {
-  background: url("../assets/form-blue.svg");
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: -150px -80px;
-}
 </style>