fix-8819: Unexpected error displayed when saving event in Speaker section (#9064)

Author: Hieu Lam - TMA

app/components/forms/wizard/sessions-speakers-step.js

@@ -226,18 +226,6 @@ export default Component.extend(EventWizardMixin, FormMixin, {
     if (this.data.event.customForms && !this.data.event.customForms.length) {
       this.set('data.event.customForms', this.getCustomForm(this.data.event));
     }
-
-    if (this.data.event.sessionTypes && !this.data.event.sessionTypes.length) {
-      this.data.event.sessionTypes.addObject(this.store.createRecord('session-type'));
-    }
-
-    if (this.data.event.tracks && !this.data.event.tracks.length) {
-      this.data.event.tracks.addObject(this.store.createRecord('track'));
-    }
-
-    if (this.data.event.microlocations && !this.data.event.microlocations.length) {
-      this.data.event.microlocations.addObject(this.store.createRecord('microlocation'));
-    }
   },
 
   actions: {
@@ -301,6 +289,35 @@ export default Component.extend(EventWizardMixin, FormMixin, {
     },
     onChange() {
       this.onValid(() => {});
+    },
+    toggleSessionSpeaker() {
+      if (!this.data.event.isSessionsSpeakersEnabled) {
+        this.set('data.event.isSessionsSpeakersEnabled', true);
+        if (this.data.event.sessionTypes && !this.data.event.sessionTypes.length) {
+          this.data.event.sessionTypes.addObject(this.store.createRecord('session-type'));
+        }
+  
+        if (this.data.event.tracks && !this.data.event.tracks.length) {
+          this.data.event.tracks.addObject(this.store.createRecord('track'));
+        }
+  
+        if (this.data.event.microlocations && !this.data.event.microlocations.length) {
+          this.data.event.microlocations.addObject(this.store.createRecord('microlocation'));
+        }
+      } else {
+        this.set('data.event.isSessionsSpeakersEnabled', false);
+        if (this.data.event.sessionTypes && this.data.event.sessionTypes.length) {
+          this.data.event.sessionTypes.clear();
+        }
+  
+        if (this.data.event.tracks && this.data.event.tracks.length) {
+          this.data.event.tracks.clear();
+        }
+  
+        if (this.data.event.microlocations && this.data.event.microlocations.length) {
+          this.data.event.microlocations.clear();
+        }
+      }
     }
   }
 });

app/templates/components/forms/wizard/sessions-speakers-step.hbs

@@ -5,13 +5,23 @@
       <div class="ui {{if this.data.event.isSessionsSpeakersEnabled 'basic'}} segment">
         <div class="center aligned text">
           <div class="field">
-            <div class="ui slider checkbox">
-              <Input @type="checkbox" @checked={{this.data.event.isSessionsSpeakersEnabled}} />
+            <div class="d-flex" style="justify-content: center;">
+              <UiCheckbox
+                @class="ui slider"
+                @checked={{if this.data.event.isSessionsSpeakersEnabled 'active'}}
+                @onChange={{action "toggleSessionSpeaker"}} />
               <label class="weight-300" style="font-size: large">
                 {{if this.data.event.isSessionsSpeakersEnabled (t 'Turn off') (t 'Turn on')}}
                 {{t 'Sessions & Speakers'}}
               </label>
             </div>
+            {{!-- <div class="ui slider checkbox">
+              <Input @type="checkbox" @checked={{this.data.event.isSessionsSpeakersEnabled}} />
+              <label class="weight-300" style="font-size: large">
+                {{if this.data.event.isSessionsSpeakersEnabled (t 'Turn off') (t 'Turn on')}}
+                {{t 'Sessions & Speakers'}}
+              </label>
+            </div> --}}
           </div>
         </div>
       </div>