add email verification flag in the UI and API

diff --git a/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js b/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js
index 7d33889d374a0d514bc1ef181f84e4c06664b59f..f593defc15d1a03a08d290bea16cdc4a94756914 100644 (file)
--- a/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js
+++ b/ext/afform/admin/ang/afGuiEditor/afGuiEditor.component.js
@@ -403,6 +403,14 @@
         }
       };
 
+      this.toggleEmailVerification = function() {
+        if (editor.afform.require_email_confirmation) {
+          editor.afform.require_email_confirmation = null;
+        } else {
+          editor.afform.create_submission = true;
+        }
+      }
+
       function loadNavigationMenu() {
         if ('navigationMenu' in editor) {
           return;
@@ -615,6 +623,10 @@
         var afform = JSON.parse(angular.toJson(editor.afform));
         // This might be set to undefined by validation
         afform.server_route = afform.server_route || '';
+        // create submission is required if email confirmation is selected.
+        if (afform.require_email_confirmation) {
+          afform.create_submission = true;
+        }
         $scope.saving = true;
         crmApi4('Afform', 'save', {formatWhitespace: true, records: [afform]})
           .then(function (data) {

diff --git a/ext/afform/admin/ang/afGuiEditor/config-form.html b/ext/afform/admin/ang/afGuiEditor/config-form.html
index b439b4c81621c6e6af7f12eaef4b775804ef5336..0d2701e0c595bd62876289afbf35589aa4957b8b 100644 (file)
--- a/ext/afform/admin/ang/afGuiEditor/config-form.html
+++ b/ext/afform/admin/ang/afGuiEditor/config-form.html
@@ -122,10 +122,9 @@
     </p>
 
     <div ng-if="editor.afform.submit_enabled">
-
       <div class="form-group">
         <label>
-          <input type="checkbox" ng-model="editor.afform.create_submission" >
+          <input type="checkbox" ng-model="editor.afform.create_submission" ng-class="{'disabled': !!editor.afform.require_email_confirmation}">
           {{:: ts('Log Submissions') }}
         </label>
         <p class="help-block">{{:: ts('Keep a log of the date, time, user, and items saved by each form submission.') }}</p>
@@ -136,6 +135,14 @@
         <input type="number" min="1" step="1" id="submit_limit" ng-model="editor.afform.submit_limit" placeholder="{{:: ts('Unlimited') }}">
       </div>
 
+      <div class="form-group" >
+        <label>
+          <input type="checkbox" ng-model="editor.afform.require_email_confirmation" ng-click="editor.toggleEmailVerification()">
+          {{:: ts('Verify email before processing') }}
+        </label>
+        <p class="help-block">{{:: ts('The data will be processed and stored in CiviCRM only after email verfication. Email field is required if you enable this setting.') }}</p>
+      </div>
+
       <div class="form-group" ng-class="{'has-error': !!config_form.redirect.$error.pattern}">
         <label for="af_config_redirect">
           {{:: ts('Post-Submit Page') }}

diff --git a/ext/afform/core/Civi/Api4/Afform.php b/ext/afform/core/Civi/Api4/Afform.php
index cac1f9f799374c5290fe8f82922979c01ecc76c7..667809eb38421a761d841ee2aea1701399d30171 100644 (file)
--- a/ext/afform/core/Civi/Api4/Afform.php
+++ b/ext/afform/core/Civi/Api4/Afform.php
@@ -231,6 +231,10 @@ class Afform extends Generic\AbstractEntity {
           'title' => E::ts('Log Submissions'),
           'data_type' => 'Boolean',
         ],
+        [
+          'name' => 'require_email_confirmation',
+          'data_type' => 'Boolean',
+        ],
         [
           'name' => 'navigation',
           'title' => E::ts('Navigation Menu'),