From d3632d874f6f143268e57580d21b3c449a52bb01 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Sat, 16 Jul 2022 10:31:48 +0200
Subject: [PATCH] Display the current status using the update indicator

---
 .../static/js/vue/components/alsijil/CourseBook.js        | 8 ++++++++
 1 file changed, 8 insertions(+)

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 f89322b78..af4538eb6 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">
-- 
GitLab