Added confirm dialog for removing custom form field

Author: hb

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

@@ -24,4 +24,5 @@ export default Component.extend(FormMixin, EventWizardMixin, {
       this.data.customForms.removeObject(field);
     }
   }
-});
+});
+

app/components/forms/wizard/custom-forms/table.hbs

@@ -71,7 +71,7 @@
               <button class="ui compact icon positive circular button" data-tooltip="{{t 'Edit'}}" {{action  @updateField field}}>
                 <i class="pencil icon"></i>
               </button>
-              <button class="ui compact icon negative circular button" data-tooltip="{{t 'Delete'}}" {{action  @removeField field}}>
+              <button class="ui compact icon negative circular button" data-tooltip="{{t 'Delete'}}" {{action (confirm (t "Are you sure you want to delete this?") (action @removeField field))}}>
                 <i class="trash icon"></i>
               </button>
             {{/if}}

app/components/forms/wizard/custom-forms/table.ts

@@ -3,7 +3,9 @@ import Component from '@glimmer/component';
 interface CustomForm { isComplex: boolean }
 
 interface Args {
-  fields: CustomForm[]
+  fields: CustomForm[],
+  removeField: (field: any) => void,
+  updateField: (field: any) => void
  }
 
 export default class CustomFormTable extends Component<Args> {

app/templates/components/forms/wizard/attendee-step.hbs

@@ -49,7 +49,7 @@
       <div class="column">
         <Forms::Wizard::CustomForms::Table
           @fields={{this.editableFields}}
-          @removeField={{action 'removeField'}} 
+          @removeField={{action "removeField"}}
           @updateField={{action (mut this.field)}} 
         />
       </div>