From 61ef4776d0efb8ee74b96e5094b3ebd91ae4791b Mon Sep 17 00:00:00 2001 From: Julian Leucker <leuckerj@gmail.com> Date: Sat, 16 Jul 2022 10:31:21 +0200 Subject: [PATCH] Keep track of the updating status inside the coursebook --- .../js/vue/components/alsijil/CourseBook.js | 26 ++++++++++++++----- 1 file changed, 19 insertions(+), 7 deletions(-) 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 2d175ba22..f89322b78 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');" -- GitLab