605 enhance email confirmation

force-app/main/default/classes/SummitEventsReadShared.cls

@@ -66,7 +66,7 @@ public without sharing class SummitEventsReadShared {
                         Event_Payment_Due_Heading_Label__c, Event_Payment_Received_Heading_Label__c, Event_Payment_Received_Description__c,
                         Event_Cancel_Review_Title__c, Event_Cancel_Review_Description__c, Event_Cancelled_Notification_Text__c, Tracking_Cancel_Registration__c,
                         Event_Appointment_Title__c, Event_Appointment_Description__c, Tracking_Options_Registration__c, Event_Appointment_Chosen_Label__c,
-                        Event_Appointment_Unchosen_Label__c, Event_Appointment_Next_Instructions__c
+                        Event_Appointment_Unchosen_Label__c, Event_Appointment_Next_Instructions__c, Ask_Email_Confirmation__c
                 FROM Summit_Events__c
                 WHERE Id = :eventId
                 WITH SECURITY_ENFORCED

force-app/main/default/flexipages/Summit_Events_Record_Page.flexipage-meta.xml

@@ -851,12 +851,6 @@
                 <identifier>RecordAsk_Accessibility_Needs_cField</identifier>
             </fieldInstance>
         </itemInstances>
-        <itemInstances>
-            <componentInstance>
-                <componentName>flexipage:blankSpace</componentName>
-                <identifier>flexipage_blankSpace</identifier>
-            </componentInstance>
-        </itemInstances>
         <itemInstances>
             <fieldInstance>
                 <fieldInstanceProperties>
@@ -867,6 +861,16 @@
                 <identifier>record_item_046</identifier>
             </fieldInstance>
         </itemInstances>
+        <itemInstances>
+            <fieldInstance>
+                <fieldInstanceProperties>
+                    <name>uiBehavior</name>
+                    <value>none</value>
+                </fieldInstanceProperties>
+                <fieldItem>Record.Ask_Email_Confirmation__c</fieldItem>
+                <identifier>RecordAsk_Email_Confirmation_cField</identifier>
+            </fieldInstance>
+        </itemInstances>
         <name>Facet-290466e5-6049-4759-9618-a692c763459b</name>
         <type>Facet</type>
     </flexiPageRegions>

force-app/main/default/objects/Summit_Events__c/fields/Ask_Email_Confirmation__c.field-meta.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<CustomField xmlns="http://soap.sforce.com/2006/04/metadata">
+    <fullName>Ask_Email_Confirmation__c</fullName>
+    <description>Ask for email confirmation in Registration Form.</description>
+    <inlineHelpText>Ask for email confirmation in Registration Form.</inlineHelpText>
+    <label>Ask Email Confirmation</label>
+    <required>false</required>
+    <trackHistory>false</trackHistory>
+    <trackTrending>false</trackTrending>
+    <type>Picklist</type>
+    <valueSet>
+        <restricted>true</restricted>
+        <valueSetDefinition>
+            <sorted>false</sorted>
+            <value>
+                <fullName>Do not ask</fullName>
+                <default>true</default>
+                <label>Do not ask</label>
+            </value>
+            <value>
+                <fullName>Ask and require</fullName>
+                <default>false</default>
+                <label>Ask and require</label>
+            </value>
+        </valueSetDefinition>
+    </valueSet>
+</CustomField>

force-app/main/default/pages/SummitEventsRegister.page

@@ -359,6 +359,19 @@ Created by Thaddaeus Dahlberg on 5/1/2018.
                             </div>
                         </apex:outputPanel>
 
+                        <!-- CONFIRM EMAIL -->
+                        <apex:outputPanel layout="block" styleClass="slds-col slds-p-around_x-small slds-size_1-of-1 slds-large-size_3-of-6" rendered="{!IF(eventPage.Ask_Email_Confirmation__c != 'Do not ask' && !ISBLANK(eventPage.Ask_Email_Confirmation__c), true, false)}">
+                            <div class="slds-form-element slds-is-required">
+                                <apex:outputLabel for="confirm-email" styleClass="required slds-form-element__label">
+                                    Confirm Email <abbr class="slds-required" title="required">*</abbr>
+                                </apex:outputLabel>
+                                <div class="slds-form-element__control">
+                                    <apex:input type="email" id="confirm-email" html-aria-describedby="confirm-email-required" required="true" styleClass="slds-input validEmail" disabled="{!contactSet && !ISBLANK(eventRegistration.Registrant_Email__c)}"/>
+                                </div>
+                                <div class="slds-form-element__help" id="confirm-email-required">This field is required</div>
+                            </div>
+                        </apex:outputPanel>
+
                         <!-- PREFERRED FIRST NAME -->
                         <apex:outputPanel layout="block" styleClass="slds-col slds-p-around_x-small slds-size_1-of-1 slds-large-size_3-of-6" rendered="{!IF(eventPage.Ask_Preferred_First_Name__c != 'Do not ask' && eventPage.Ask_Preferred_First_Name__c != null, true, false)}">
                             <div class="slds-form-element {!IF(eventPage.Ask_Preferred_First_Name__c == 'Ask and require', 'slds-is-required', '')}">

force-app/main/default/permissionsets/Summit_Events_Admin.permissionset-meta.xml

@@ -1897,6 +1897,11 @@
         <field>Summit_Events__c.Ask_Title__c</field>
         <readable>true</readable>
     </fieldPermissions>
+    <fieldPermissions>
+        <editable>true</editable>
+        <field>Summit_Events__c.Ask_Email_Confirmation__c</field>
+        <readable>true</readable>
+    </fieldPermissions>
     <fieldPermissions>
         <editable>true</editable>
         <field>Summit_Events__c.Audience__c</field>

force-app/main/default/permissionsets/Summit_Events_Registrant.permissionset-meta.xml

@@ -1780,6 +1780,11 @@
         <field>Summit_Events__c.Ask_Title__c</field>
         <readable>true</readable>
     </fieldPermissions>
+    <fieldPermissions>
+        <editable>false</editable>
+        <field>Summit_Events__c.Ask_Email_Confirmation__c</field>
+        <readable>true</readable>
+    </fieldPermissions>
     <fieldPermissions>
         <editable>false</editable>
         <field>Summit_Events__c.Audience__c</field>

force-app/main/default/staticresources/SummitEventsAssets/js/register.js

@@ -121,6 +121,13 @@ function checkForm() {
         }
     });
 
+    if (error_count == 0) {
+        let confirmEmailInput = document.querySelector('input[id$=confirm-email]');
+        if (confirmEmailInput) {
+            error_count = validateEmailsMatch(error_count);
+        }
+    }
+
     document.querySelectorAll(".selectableOL").forEach(sel => {
         let selWrap = sel.closest('.slds-form-element');
         let hiddenData = document.querySelector('[id$="' + sel.dataset.hiddendataid + '"]').id;
@@ -206,9 +213,9 @@ function fillInCityStateOnZip(zipObj) {
             }
             formOverlay(true);
         }).catch(error => {
-        console.log(error);
-        formOverlay(true);
-    });
+            console.log(error);
+            formOverlay(true);
+        });
 
     function formOverlay(remove) {
         let cityState = document.querySelectorAll('input[id$=city], select[id$=state]');
@@ -475,4 +482,19 @@ function createSpinner() {
     overlay1.append(overlay4);
     overlay.append(overlay1);
     return overlay;
+}
+
+function validateEmailsMatch(error_count) {
+    let emailInput = document.querySelector('input[id$=email]');
+    let confirmEmailInput = document.querySelector('input[id$=confirm-email]');
+    if (emailInput.value !== confirmEmailInput.value) {
+        let inputWrap = confirmEmailInput.closest('.slds-form-element');
+        inputWrap.classList.add("slds-has-error");
+        addErrorFixerListener(confirmEmailInput, inputWrap, 'change');
+        let parentDiv = confirmEmailInput.closest('.slds-form-element');
+        let childDiv = parentDiv.querySelector('.slds-form-element__help');
+        childDiv.textContent = 'Email addresses do not match.';
+        error_count++;
+    }
+    return error_count;
 }