From 434cdb35a030538e4fb023fadad6d5dcb51f0be9 Mon Sep 17 00:00:00 2001
From: Tobias Johansson <tobias@tobias-johansson.se>
Date: Wed, 13 Mar 2019 15:25:32 +0100
Subject: [PATCH] Attract multi edit: Disable save button during save

---
 src/scripts/js/es6/common/vuecomponents/editor/AssetEditor.js | 1 +
 src/scripts/js/es6/common/vuecomponents/editor/ShotEditor.js  | 1 +
 src/scripts/js/es6/common/vuecomponents/editor/TaskEditor.js  | 1 +
 .../js/es6/common/vuecomponents/editor/base/EditorBase.js     | 4 +++-
 4 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/scripts/js/es6/common/vuecomponents/editor/AssetEditor.js b/src/scripts/js/es6/common/vuecomponents/editor/AssetEditor.js
index 9a30c08..09cc087 100644
--- a/src/scripts/js/es6/common/vuecomponents/editor/AssetEditor.js
+++ b/src/scripts/js/es6/common/vuecomponents/editor/AssetEditor.js
@@ -71,6 +71,7 @@ const TEMPLATE =`
     >
         <button class="btn btn-outline-success btn-block" id="item-save" type="submit"
             @click="save"
+            :disabled="isSaving"
         >
             <i class="pi-check"/>Save Asset
         </button>
diff --git a/src/scripts/js/es6/common/vuecomponents/editor/ShotEditor.js b/src/scripts/js/es6/common/vuecomponents/editor/ShotEditor.js
index 150be67..e907ccd 100644
--- a/src/scripts/js/es6/common/vuecomponents/editor/ShotEditor.js
+++ b/src/scripts/js/es6/common/vuecomponents/editor/ShotEditor.js
@@ -72,6 +72,7 @@ const TEMPLATE =`
         >
             <button class="btn btn-outline-success btn-block" id="item-save" type="submit"
                 @click="save"
+                :disabled="isSaving"
             >
                 <i class="pi-check"/>Save Shot
             </button>
diff --git a/src/scripts/js/es6/common/vuecomponents/editor/TaskEditor.js b/src/scripts/js/es6/common/vuecomponents/editor/TaskEditor.js
index 0bdfd16..09839b5 100644
--- a/src/scripts/js/es6/common/vuecomponents/editor/TaskEditor.js
+++ b/src/scripts/js/es6/common/vuecomponents/editor/TaskEditor.js
@@ -142,6 +142,7 @@ const TEMPLATE =`
     >
         <button class="btn btn-outline-success btn-block" id="item-save" type="submit"
             @click="save"
+            :disabled="isSaving"
         >
             <i class="pi-check"/>
             Save Task
diff --git a/src/scripts/js/es6/common/vuecomponents/editor/base/EditorBase.js b/src/scripts/js/es6/common/vuecomponents/editor/base/EditorBase.js
index 29532cc..c9faa6b 100644
--- a/src/scripts/js/es6/common/vuecomponents/editor/base/EditorBase.js
+++ b/src/scripts/js/es6/common/vuecomponents/editor/base/EditorBase.js
@@ -24,6 +24,7 @@ let EditorBase = Vue.component('attract-editor-Base', {
     data() {
         return {
             multiEditEngine: this.createEditorEngine(ALL_BASE_PROPERTIES),
+            isSaving: false,
         }
     },
     watch: {
@@ -112,13 +113,14 @@ let EditorBase = Vue.component('attract-editor-Base', {
         save() {
             let toBeSaved = this.multiEditEngine.createUpdatedItems();
             let promises = toBeSaved.map(pillar.api.thenUpdateNode);
-            
+            this.isSaving = true;
             this.unitOfWork(
                 Promise.all(promises)
                     .then(() => {
                         this.$emit('saved-items');
                     })
                     .catch((err) => {toastr.error(pillar.utils.messageFromError(err), 'Save Failed')})
+                    .finally(() => this.isSaving = false)
             );
         },
     },