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 2d175ba223809b66a7e8c1ab8dd87ae966cb5a71..f89322b78fbc3a291c510751c905e355cc9340e5 100644
--- a/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js
+++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/CourseBook.js
@@ -1,14 +1,26 @@
+import {ERROR, SAVED, UPDATING, CHANGES} from "../../alsijil/UpdateStatuses.js";
+
 export default {
     methods: {
-        notifyChange(event) {
-          alert("Probably save the data");
-          console.log(event);
+        processDataChange(event) {
+            this.status = CHANGES;
+            // alert("Probably save the data");
+            console.log(event);
+            setTimeout(() => {
+              this.status = UPDATING;
+            }, 500)
+
+            setTimeout(() => {
+              this.status = SAVED;
+            }, 1000)
+
         },
     },
     props: [],
     name: "course-book",
     data: () => {
         return {
+          status: SAVED,
           "lesson":{
             "teachers":[
               {
@@ -159,16 +171,16 @@ export default {
              :period="item.period_formatted"
              
              :personal-notes="item.personal_notes"
-             @change-personal-notes="notifyChange"
+             @change-personal-notes="processDataChange"
              
              :date="item.date"
-             @change-date="notifyChange"
+             @change-date="processDataChange"
              
              :topic="item.topic"
-             @change-topic="notifyChange"
+             @change-topic="processDataChange"
              
              :homework="item.homework"
-             @change-homework="notifyChange"
+             @change-homework="processDataChange"
              
              :group-note="item.group_note"
              @change-group-note="createNotification('course-book');"