Display the current status using the update indicator

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">