Update client with new api data model

client/src/components/circle/LearningSequence.vue

@@ -8,8 +8,8 @@ defineProps(['learningSequence'])
     <h3 class="mb-2 text-xl">{{ learningSequence.title }}</h3>
 
     <div class="bg-white p-4 border border-slate-300 border-l-4 border-l-blue-500">
-      <div v-for="learningPackage in learningSequence.learning_packages">
-        <h3>{{ learningPackage.id }}</h3>
+      <div v-for="learningUnit in learningSequence.learningUnits">
+        {{ learningUnit.title }}
       </div>
     </div>
   </div>

client/src/views/Circle.vue

@@ -11,17 +11,31 @@ export default {
   data() {
     return {
       count: 0,
-      circleData: {}
+      circleData: {},
+      learningSequences: [],
     }
   },
   mounted() {
     log.debug('CircleAnalyseExampleView mounted', this.circleSlug);
     axios({
       method: 'get',
-      url: `/wagtailapi/v2/pages/?type=learnpath.Circle&slug=${this.circleSlug}&fields=title,description,learning_sequences(title,learning_packages(title,my_title,learning_units(title)))`,
+      url: `/learnpath/api/circle/${this.circleSlug}/`,
     }).then((response) => {
-      log.debug(response.data.items[0]);
-      this.circleData = response.data.items[0];
+      log.debug(response.data);
+      this.circleData = response.data;
+
+      let learningSequence = { learningUnits: [] };
+      this.circleData.children.forEach((child) => {
+        if (child.type === 'learnpath.LearningSequence') {
+          if (learningSequence.learningUnits.length) {
+            this.learningSequences.push(learningSequence);
+          }
+          learningSequence = Object.assign(child, { learningUnits: [] });
+        } else {
+          learningSequence.learningUnits.push(child);
+        }
+      });
+      log.debug(this.learningSequences);
     });
   }
 
@@ -61,7 +75,7 @@ export default {
       </div>
 
       <div class="flex-auto bg-gray-100 px-4 py-8">
-        <div v-for="learningSequence in circleData.learning_sequences">
+        <div v-for="learningSequence in learningSequences">
           <LearningSequence :learning-sequence="learningSequence"></LearningSequence>
         </div>
 

server/config/urls.py

@@ -18,7 +18,7 @@ from vbv_lernwelt.core.middleware.auth import django_view_authentication_exempt
 from vbv_lernwelt.core.views import (
     rate_limit_exceeded_view,
     permission_denied_view,
-    check_rate_limit, cypress_reset_view,
+    check_rate_limit, cypress_reset_view, vue_home,
 )
 from .wagtail_api import wagtail_api_router
 
@@ -112,5 +112,5 @@ if settings.DEBUG:
 
 
 # serve everything else via the vue app
-# urlpatterns += [re_path(r'^.*$', vue_home, name='home')]
+urlpatterns += [re_path(r'^.*$', vue_home, name='home')]