Improve UI/UX for Terms and Conditions Review (CFM-501)

app/config/routes.php

@@ -138,6 +138,11 @@ function (RouteBuilder $builder) {
     ['controller' => 'ApiV2', 'action' => 'generateApiKey', 'model' => 'api_users'])
     ->setPass(['id'])
     ->setPatterns(['id' => '[0-9]+']);
+ $builder->post(
+   '/terms_and_conditions/record/{id}',
+   ['controller' => 'ApiV2', 'action' => 'recordTAndC', 'model' => 'terms_and_conditions'])
+   ->setPass(['id'])
+   ->setPatterns(['id' => '[0-9]+']);
   $builder->get(
     '/people/pick',
     ['controller' => 'ApiV2', 'action' => 'pick', 'model' => 'people']);

app/plugins/TermsAgreer/resources/locales/en_US/terms_agreer.po

@@ -37,21 +37,9 @@ msgstr "Ignore"
 msgid "enumeration.TAndCEnrollmentModeEnum.IC"
 msgstr "Implied Consent"
 
-msgid "error.TAndCAgreement.missing"
-msgstr "Did not receive agreement for \"{0}\" (T&C {1})"
-
 msgid "field.AgreementCollectors.t_and_c_mode"
 msgstr "Terms and Conditions Mode"
 
-msgid "information.AgreementCollectors.external"
-msgstr "These Terms and Conditions will be loaded in an external browser window. After review, you must return to this window and click \"Agree\" to continue."
-
-msgid "information.AgreementCollectors.review"
-msgstr "You must review and agree to these Terms and Conditions before continuing."
-
-msgid "information.AgreementCollectors.review.tc"
-msgstr "Review Terms & Conditions"
-
 msgid "result.AgreementCollectors.ignored"
 msgstr "Terms and Conditions collection disabled"
 

app/plugins/TermsAgreer/src/Controller/AgreementCollectorsController.php

@@ -119,7 +119,7 @@ public function dispatch(string $id) {
         if(!isset($data[$key]) || $data[$key] != "1") {
           $ok = false;
 
-          $this->Flash->error(__d('terms_agreer','error.TAndCAgreement.missing', [$tc->description, $tc->id]));
+          $this->Flash->error(__d('error','TermsAndConditions.agreement.missing', [$tc->description, $tc->id]));
         }
       }
 

app/plugins/TermsAgreer/templates/AgreementCollectors/dispatch.inc

@@ -1,6 +1,6 @@
 <?php
 /**
- * COmanage Registry T&C Agreement Colectors Petition Fields
+ * COmanage Registry T&C Agreement Collectors Petition Fields
  *
  * Portions licensed to the University Corporation for Advanced Internet
  * Development, Inc. ("UCAID") under one or more contributor license agreements.
@@ -25,169 +25,5 @@
  * @license       Apache License, Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0)
  */
 
-declare(strict_types = 1);
-
-use \TermsAgreer\Lib\Enum\TAndCEnrollmentModeEnum;
-
-print $this->element('flash', []);
-
-// Make the Form fields editable
-$this->Field->enableFormEditMode();
-?>
-
-<p><?= __d('terms_agreer', 'information.AgreementCollectors.review') ?></p>
-
-<?php
-
-// Begin the form
-print $this->Form->create(null, [
-  'id'   => 'agreement-form',
-  'type' => 'post'
-]);
-
-
-?>
-
-<table>
-  <tr>
-    <th><?= __d('controller','TermsAndConditions',[99]) ?></th>
-    <th class="center"><?= __d('operation','review')  ?></th>
-    <th><?= __d('operation','agreement') ?></th>
-  </tr>
-
-  <?php foreach($vv_tandc as $tc): ?>
-    <tr class="<?= !empty($tc->url) ? 'tc-url' : 'tc-msp' ?>">
-      <td>
-        <?= $tc['description'] ?>
-      </td>
-      <td class="center">
-        <button 
-          data-tc-id="tc<?= $tc['id'] ?>"
-          class="btn btn-primary btn-sm tc-review-button" 
-          type="button">
-          <?= __d('operation','review') ?>
-        </button>
-        <?php if(!empty($tc->url)): // We have a URL based T&C ?>
-          <button
-            data-tc-id="tc<?= $tc['id'] ?>"
-            id="tc<?= $tc['id'] ?>-window-launcher"
-            class="tc-window-launcher invisible"
-            data-tc-url="<?= $tc->url ?>"
-            type="button">
-            <?= __d('operation','review') . ' tc' . $tc['id'] ?>
-          </button>
-        <?php else: // We have a Mostly Static Page based T&C ?>
-          <?= $this->element('TermsAgreer.agreeDialog', ['vv_tc' => $tc]); ?>
-        <?php endif; ?>
-      </td>
-      <td>
-        <div class="form-check tc-agree">
-          <?= 
-            $this->Form->checkbox(
-              'tc'.$tc['id'], 
-              ['id' => 'tc'.$tc['id'], 'class' => 'form-check-input tc-agree-checkbox']
-            ) . 
-            $this->Form->label(
-              'tc'.$tc['id'], 
-              __d('operation','agree'),
-              ['class' => 'form-check-label']
-            ) 
-          ?>
-        </div>
-      </td>
-    </tr>
-  <?php endforeach; ?>
-
-</table>
-
-
-<script nonce="<?= $vv_js_nonce ?>">
-  // Iterate over our T&Cs to see if they're all checked.
-  function checkAgreements(mode) {
-    let allAgreed = true;
-    $('.tc-agree-checkbox').each(function() {
-      if(!$(this).prop('checked')) {
-        allAgreed = false;
-        if(mode == 'EC') {
-          // We're in Explicit Consent mode, so disable 
-          // the current checkbox; its T&C must be reviewed.
-          $(this).prop('disabled', true);
-        }
-      }
-    });
-
-    // Enable / disable the "Continue" button.
-    if(allAgreed) {
-      $('.submit input[type="submit"]').prop('disabled', false);
-    } else {
-      $('.submit input[type="submit"]').prop('disabled', true);
-    }
-  }
-
-  // On page load: check agreement states and attach event handlers.
-  $(function() {
-    // Explicit Consent mode ("EC") will disable "I Agree" checkboxes until review.
-    const tcmode = '<?= $vv_tandc_mode ?>';
-
-    // Run on first load.
-    checkAgreements(tcmode);
-
-    // Handle "Review" button for URL-based terms and conditions.
-    $('tr.tc-url button.tc-review-button').click(function(e) {
-      e.preventDefault();
-      jsConfirmGeneric(
-        '<?= __d('terms_agreer', 'information.AgreementCollectors.external') ?>', 
-        '', 
-        $(this).attr('data-tc-id')+'-window-launcher', 
-        '<?= __d('operation','continue') ?>', 
-        '<?= __d('operation','cancel') ?>',
-        '<?= __d('terms_agreer','information.AgreementCollectors.review.tc') ?>'
-      );
-    });
-
-    // Launch the external window for URL-based terms and conditions
-    $('tr.tc-url button.tc-window-launcher').click(function(e) {
-      e.preventDefault();
-
-      // Calculate window size based on screen size so that we 
-      // can handle mobile and to center the window.
-      const winWidth = window.outerWidth / 1.5;
-      const winHeight = window.outerHeight / 1.5;
-      const left = window.screenLeft + ((window.outerWidth - winWidth) / 2);
-      const top = window.screenTop + ((window.outerHeight - winHeight) / 2);
-
-      // Launch the T&C window with the external URL
-      let tandcExternalWindow = window.open(
-        $(this).attr('data-tc-url'),
-        'tandcExternalWindow',
-        'width=' + winWidth + ',height=' + winHeight + ',left=' + left + ',top=' + top + 
-        ',resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,status=no'
-      );
-
-      // Enable the T&C checkbox
-      $('#'+$(this).attr('data-tc-id')).prop('disabled', false);
-    });
-
-    // Handle "Review" button for Mostly Static Page-based terms and conditions.
-    // Clicking this will reveal the T&C agree dialog.
-    $('tr.tc-msp button.tc-review-button').click(function(e) {
-      e.preventDefault();
-      $('#'+$(this).attr('data-tc-id')+'-agree-dialog').modal('show');
-    });
-
-    // Handle "Agree" button click from MSP Dialog
-    $('.tc-agree-button').click(function(e) {
-      // Enable and check the T&C checkbox
-      $('#'+$(this).attr('data-tc-id'))
-        .prop('checked', true)
-        .prop('disabled', false)
-        .trigger('change');
-    });
-
-    // Check agreements when a checkbox is clicked. 
-    // If all are checked, we'll enable "Continue".
-    $('.tc-agree-checkbox').change(function() {
-      checkAgreements(tcmode);
-    });
-  });
-</script>
+// This dispatch uses the same user interface as the core TermsAndConditions/tandcs.inc template. 
+include ROOT . DS . 'templates' . DS . 'TermsAndConditions' . DS . 'tandcs.inc';

app/resources/locales/en_US/error.po

@@ -448,6 +448,12 @@ msgstr "No outgoing SMTP Server configuration found"
 msgid "TermsAndConditions.document.one"
 msgstr "Exactly one of Mostly Static Page or URL must be specified"
 
+msgid "TermsAndConditions.agreement.missing"
+msgstr "Did not receive agreement for \"{0}\" (T&C {1})"
+
+msgid "TermsAndConditions.agreement.failed"
+msgstr "Failed to record agreement. Please try again or check with your administrator."
+
 msgid "TermsAndConditions.revoke.none"
 msgstr "No Agreements available to revoke"
 

app/resources/locales/en_US/information.po

@@ -183,6 +183,15 @@ msgstr "Report for "
 msgid "table.list"
 msgstr "{0} List"
 
+msgid "tandc.review"
+msgstr "You must review and agree to these Terms and Conditions before continuing."
+
+msgid "tandc.review.dialog.title"
+msgstr "Review Terms & Conditions"
+
+msgid "tandc.review.external"
+msgstr "These Terms and Conditions will be loaded in an external browser window. After review, you must return to this window and click \"Agree\" to continue."
+
 msgid "ug.tasks.post"
 msgstr "Executing post-database tasks for version {0}"
 

app/src/Controller/ApiV2Controller.php

@@ -131,21 +131,6 @@ public function add() {
     $this->render('/Standard/api/v2/json/add-edit');
   }
 
-  /**
-   * beforeFilter callback.
-   *
-   * @param \Cake\Event\EventInterface $event Event.
-   * @return \Cake\Http\Response|null|void
-   */
-  public function beforeFilter(\Cake\Event\EventInterface $event)
-  {
-    parent::beforeFilter($event);
-
-    if ($this->request->is('ajax') && $this->request->is(['post', 'put'])) {
-      $this->FormProtection->setConfig('validate', false);
-    }
-  }
-
   /**
    * Callback run prior to the request rendering.
    *
@@ -446,20 +431,27 @@ public function recordTAndC(string $id) {
     }
 
     $TAndCAgreements = TableRegistry::getTableLocator()->get('TAndCAgreements');
+    $TAndCs = TableRegistry::getTableLocator()->get('TermsAndConditions');
 
     $agreement = $TAndCAgreements->record(
       termsAndConditionsId: (int)$id,
-      personId: $json['personId'],
-      actorPersonId: $json['actorPersonId'],
+      personId: (int)$json['personId'],
+      actorPersonId: (int)$json['actorPersonId'],
       identifier: $json['identifier']
     );
 
     $TAndCAgreements->People->requestProvisioning(
-      id: $json['personId'],
+      id: (int)$json['personId'],
       context: ProvisioningContextEnum::Automatic
     );
 
     $this->set('vv_results', ['id' => $agreement->id]);
+
+    // Only this action uses a Flash message. If more restful actions need it in the future,
+    // move the loadComponent('Flash') out of the !restful test in AppController.
+    $this->loadComponent('Flash');
+    $tandc = $TAndCs->get($agreement->terms_and_conditions_id);
+    $this->Flash->success(__d('result', 'TermsAndConditions.agreed', [$tandc->description]));
 
     // Let the view render
     $this->viewBuilder()->setLayout('rest');

app/src/Controller/AppController.php

@@ -706,7 +706,13 @@ protected function getTheme() {
    */
 
   protected function maybeEnforceTAndCs() {
-    // First, if we are processing a request for certain controllers
+    // First, skip this on ajax calls
+
+    if($this->request->is('ajax')) {
+      return;
+    }
+
+    // Second, if we are processing a request for certain controllers
     // and actions, skip the check and return
 
     $modelName = $this->request->getParam('controller');