fix-9077: Row has been duplicated when edit badge of an existing event (#9079)

* fix-9077: Row has been duplicated when edit badge of an existing event

* fix-9077: Row has been duplicated when edit badge of an existing event

Author: Hieu Lam - TMA

app/components/forms/wizard/attendee-step.js

@@ -69,6 +69,7 @@ export default Component.extend(FormMixin, EventWizardMixin, {
   },
 
   prepareCustomFormsForSave() {
+    this.set('loading', true);
     this.data.forms.forEach(_form => {
       const { formID, customForms, ticketsDetails } = _form;
       customForms.forEach(field => {

app/components/forms/wizard/badge-step.js

@@ -130,6 +130,7 @@ export default Component.extend(FormMixin, EventWizardMixin, {
   },
 
   prepareCustomFormsForSave() {
+    this.set('loading', true);
     this.data.badges.forEach(_badge => {
       const { badgeID, badgeForms, ticketsDetails } = _badge;
       badgeForms.forEach(field => {

app/components/forms/wizard/wizard-footer.hbs

@@ -1,7 +1,7 @@
 <div class="ui grid">
   <div class="sixteen wide column {{unless @device.isMobile 'right aligned'}}">
     {{#if @event.identifier}}
-      <LinkTo @route="events.view.index" @model={{@event.identifier}} class="ui red button right labeled icon small right aligned mt-4 {{if this.isUserUnverified 'disabled'}} button">
+      <LinkTo @route="events.view.index" @model={{@event.identifier}} class="ui red button right labeled icon small right aligned mt-4 {{if @loading 'disabled'}} {{if this.isUserUnverified 'disabled'}} button">
         {{t 'Cancel'}} <i class="close icon"></i>
       </LinkTo>
     {{else}}
@@ -10,7 +10,7 @@
       </LinkTo>
     {{/if}}
     {{#if (not @first)}}
-      <button class="ui left labeled small icon button {{if @isLoading 'disabled'}}" type="button" {{action @move 'backwards'}}>
+      <button class="ui left labeled small icon button {{if @loading 'disabled'}}" type="button" {{action @move 'backwards'}}>
         {{t 'Previous'}}
         <i class="left chevron icon"></i>
       </button>