diff --git a/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js b/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js
index f89322b78fbc3a291c510751c905e355cc9340e5..af4538eb67ee736916379b06733867ef924851fb 100644
--- a/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js
+++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js
@@ -15,6 +15,13 @@ export default {
             }, 1000)
 
         },
+        updateManually(event) {
+            alert("Data sync triggered manually");
+            this.status = UPDATING;
+            setTimeout(() => {
+              this.status = SAVED;
+            }, 500)
+        }
     },
     props: [],
     name: "course-book",
@@ -163,6 +170,7 @@ export default {
     },
     template: `
     <div>
+      <update-indicator @manual-update="updateManually()" ref="indicator" :status="status"></update-indicator>
       <v-subheader>{{ lesson.subject.name }}</v-subheader>
       <v-row>
         <v-col v-for="item in lesson_documentations" cols="12" v-bind:key="item.id">