diff --git a/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js b/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js
new file mode 100644
index 0000000000000000000000000000000000000000..0fe2ed84b8da83e7ae3ad5e2b1eb02dc3f36c42d
--- /dev/null
+++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js
@@ -0,0 +1,23 @@
+export default {
+    methods: {
+
+    },
+    props: [],
+    name: "course-book",
+    data: () => {
+        return {lesson:{teachers:[{id:1245,full_name:"Teacher, first_name"}],subject:{name:"Informatik"},groups:[{name:"Q2b",short_name:"q2b"},{name:"Q1b",short_name:"q1b"}],validity_range:{date_start:"2022-01-01",date_end:"2022-12-31"}},excuse_types:[{name:"Schulisch entschuldigt",short_name:"s"},{name:"Something else",short_name:"o"}],extra_marks:[{short_name:"hw",name:"Homework Forgotten"}],lesson_documentations:[{topic:"Rechner auseinanderschrauben",homework:"Aufgabe 1 programmieren",group_note:"Einweisung Feueralarm durchgeführt",date:"2022-05-26",period_formatted:"5.",personal_notes:[]},{topic:"Python Basics",homework:"Aufgabe 2 angucken",group_note:"",date:"2022-05-25",period_formatted:"5.",personal_notes:[{student:{id:571,full_name:"Pil, Mail-Pu"},tardiness:5,absent:false,excused:false,excuse_type:null,extra_marks:[]},{student:{id:123,full_name:"Elf, Mais"},tardiness:0,absent:false,excused:false,excuse_type:null,extra_marks:[{short_name:"hw",name:"Homework Forgotten"}]},{student:{id:392,full_name:"Wendt, Gesch."},tardiness:0,absent:true,excused:true,excuse_type:{name:"Schulisch entschuldigt",short_name:"s"},extra_marks:[]}]}]}
+    },
+    template: `
+    <div>
+      <v-subheader>{{ lesson.subject.name }}</v-subheader>
+      <v-row>
+        <v-col v-for="item in lesson_documentations" cols="12"">
+          <lesson-documentation
+             :period="item.period_formatted"
+            :date="item.date" :topic="item.topic" :homework="item.homework" :group-note="item.group_note"
+          ></lesson-documentation>
+        </v-col>
+      </v-row>
+    </div>
+`
+}