things I did Today

Added funktion for cookies,
Fixed path in app/urls.py
added something to settings.py
imported inMount
updated package-lock.json and package.json

backend/app/urls.py

@@ -2,7 +2,7 @@ from django.urls import path
 from . import views
 
 urlpatterns = [
-    path("api/set-csrf-token", views.set_csrf_token, name="set_csrf_token"),
+    path("api/set_csrf_token/", views.set_csrf_token, name="set_csrf_token"),
     path("api/login", views.login_view, name="login"),
     path("api/logout", views.logout_view, name="logout"),
     path("api/user", views.user, name="user"),

backend/core/settings.py

@@ -29,7 +29,7 @@ DEBUG = True
 
 ALLOWED_HOSTS = []
 
-
+APPEND_SLASH = True
 # Application definition
 
 INSTALLED_APPS = [

frontend/package.json

@@ -9,12 +9,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.5.13",
     "chart.js": "^4.4.0",
+    "vue": "^3.5.13",
     "vue-chartjs": "^5.3.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",
     "vite": "^6.3.2"
   }
-}
+}
\ No newline at end of file

frontend/src/App.vue

 <script setup>
+import { onMounted } from 'vue'
 import HelloWorld from './components/HelloWorld.vue'
 import Chart from './components/LiveChart.vue'
+onMounted(() => {
+  fetch('/api/set_csrf_token/', {
+    credentials: 'include'
+  })
+  .then(res => res.json())
+  .then(data => console.log('CSRF token gesetzt:', data))
+  .catch(err => console.error('CSRF Token holen fehlgeschlagen:', err))
+})
 </script>
 
 <template>

frontend/src/components/LiveChart.vue

 <template>
     <Line :data="chartData" :options="chartOptions" ref="chartRef" />
-  </template>
+</template>
   
   <script setup>
   import { Line } from 'vue-chartjs'
@@ -15,7 +15,7 @@
     CategoryScale
   } from 'chart.js'
   import { ref, reactive } from 'vue'
-  
+
   // Chart.js Module registrieren
   ChartJS.register(Title, Tooltip, Legend, LineElement, PointElement, LinearScale, CategoryScale)
   
@@ -60,6 +60,12 @@
       }
     }
   }
+
+  function getCookie(name) {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) return parts.pop().split(';').shift();
+  }
   
   // Methoden nach außen freigeben
   defineExpose({

stream_processing/mac_to_room.json

@@ -19,5 +19,7 @@
     "test": "",
     "aaron": "",
     "AAFF": "",
-    "AAFFEE": ""
+    "AAFFEE": "",
+    "testtt": "",
+    "testScript": "1/210"
 }
\ No newline at end of file