From d08c8878923ae0b5d121a436a65ce0a245300fca Mon Sep 17 00:00:00 2001
From: Leo Mouyna <mouynaleo@gmail.com>
Date: Tue, 10 Dec 2019 22:40:33 +0100
Subject: [PATCH] fix: Front end validation on switch.

Add a watcher on limitedPlaces and set to default values options related to occupancy when toogle to false.
Increase min places to 1 instead of 0.

See issue: #307
---
 js/src/views/Event/Edit.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/js/src/views/Event/Edit.vue b/js/src/views/Event/Edit.vue
index 34d3d055a..097d4d02e 100644
--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@@ -92,7 +92,7 @@
 
           <div class="box" v-if="limitedPlaces">
             <b-field :label="$t('Number of places')">
-              <b-numberinput controls-position="compact" min="0" v-model="event.options.maximumAttendeeCapacity" />
+              <b-numberinput controls-position="compact" min="1" v-model="event.options.maximumAttendeeCapacity" />
             </b-field>
 <!--
             <b-field>
@@ -344,7 +344,7 @@ export default class EditEvent extends Vue {
       this.unmodifiedEvent = JSON.parse(JSON.stringify(this.event.toEditJSON()));
 
       this.pictureFile = await buildFileFromIPicture(this.event.picture);
-      this.limitedPlaces = this.event.options.maximumAttendeeCapacity !== 0;
+      this.limitedPlaces = this.event.options.maximumAttendeeCapacity > 0;
     }
   }
 
@@ -574,6 +574,15 @@ export default class EditEvent extends Vue {
     return new EventModel(result.data.event);
   }
 
+  @Watch('limitedPlaces')
+  updatedEventCapacityOptions(limitedPlaces: boolean) {
+    if (! limitedPlaces) {
+      this.event.options.maximumAttendeeCapacity = 0
+      this.event.options.remainingAttendeeCapacity = 0
+      this.event.options.showRemainingAttendeeCapacity = false
+    }
+  }
+
   @Watch('needsApproval')
   updateEventJoinOptions(needsApproval) {
     if (needsApproval === true) {