feat: Implement deleting custom form field (#5661)

Co-authored-by: hb <[email protected]>

Author: codepool867

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

@@ -17,5 +17,12 @@ export default Component.extend(FormMixin, EventWizardMixin, {
 
   showEditColumn: computed('editableFields.@each', function() {
     return this.editableFields?.some(field => field.isComplex);
-  })
+  }),
+
+  actions: {
+    removeField(field) {
+      this.data.customForms.removeObject(field);
+    }
+  }
 });
+

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

@@ -71,8 +71,7 @@
               <button class="ui compact icon positive circular button" data-tooltip="{{t 'Edit'}}" {{action  @updateField field}}>
                 <i class="pencil icon"></i>
               </button>
-              {{!-- Hiding till implemented --}}
-              <button class="ui compact icon negative circular button hidden-item" data-tooltip="{{t 'Delete'}}">
+              <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

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

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

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