From b7a767cfae26d22ac080033d74f3b2bb0d419982 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 1 Oct 2020 18:25:57 +0200
Subject: [PATCH] Make sure we don't submit the event form twice

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Event/Edit.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/js/src/views/Event/Edit.vue b/js/src/views/Event/Edit.vue
index d55791315..950a435c2 100644
--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@@ -267,13 +267,18 @@
             </span>
             <!-- If an event has been published we can't make it draft anymore -->
             <span class="navbar-item" v-if="event.draft === true">
-              <b-button type="is-primary" outlined @click="createOrUpdateDraft">{{
-                $t("Save draft")
-              }}</b-button>
+              <b-button
+                type="is-primary"
+                outlined
+                @click="createOrUpdateDraft"
+                :disabled="saving"
+                >{{ $t("Save draft") }}</b-button
+              >
             </span>
             <span class="navbar-item">
               <b-button
                 type="is-primary"
+                :disabled="saving"
                 @click="createOrUpdatePublish"
                 @keyup.enter="createOrUpdatePublish"
               >
@@ -457,6 +462,8 @@ export default class EditEvent extends Vue {
 
   endsOnNull = false;
 
+  saving = false;
+
   displayNameAndUsername = displayNameAndUsername;
 
   formatList = formatList;
@@ -517,6 +524,7 @@ export default class EditEvent extends Vue {
   }
 
   createOrUpdatePublish(e: Event): void {
+    e.preventDefault();
     if (this.validateForm()) {
       this.event.draft = false;
       this.createOrUpdateDraft(e);
@@ -552,6 +560,7 @@ export default class EditEvent extends Vue {
   }
 
   async createEvent(): Promise<void> {
+    this.saving = true;
     const variables = await this.buildVariables();
 
     try {
@@ -575,11 +584,13 @@ export default class EditEvent extends Vue {
         params: { uuid: data.createEvent.uuid },
       });
     } catch (err) {
+      this.saving = false;
       console.error(err);
     }
   }
 
   async updateEvent(): Promise<void> {
+    this.saving = true;
     const variables = await this.buildVariables();
 
     try {
@@ -601,6 +612,7 @@ export default class EditEvent extends Vue {
         params: { uuid: this.eventId as string },
       });
     } catch (err) {
+      this.saving = false;
       console.error(err);
     }
   }