templates/CRM/Core/AgeRange.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | Copyright CiviCRM LLC. All rights reserved.                        |
   4  |                                                                    |
   5  | This work is published under the GNU AGPLv3 license with some      |
   6  | permitted exceptions and without any warranty. For full license    |
   7  | and copyright information, see https://civicrm.org/licensing       |
   8  +--------------------------------------------------------------------+
   9 *}
  10 {*this is included inside a table row*}
  11 <td>
  12   <span class="crm-age-range">
  13     <span class="crm-age-range-min">
  14       {assign var=minName   value=$fieldName|cat:$from}
  15       {$form.$minName.label}
  16       {$form.$minName.html}
  17     </span>
  18     <span class="crm-age-range-max">
  19       {assign var=maxName   value=$fieldName|cat:$to}
  20       {$form.$maxName.label}
  21       {$form.$maxName.html}
  22     </span>
  23   </span>
  24   <span class="crm-age-range-asofdate">
  25     {assign var=dateName value=$fieldName|cat:$date}
  26     {$form.$dateName.label}
  27     {$form.$dateName.html}
  28   </span>
  29   {literal}
  30     <script type="text/javascript">
  31       CRM.$(function($) {
  32         var $form = $('form.{/literal}{$form.formClass}{literal}');
  33         function toggleDate() {
  34           $(".crm-age-range-asofdate").toggle(!!($('.crm-age-range-min input', $form).val() || $('.crm-age-range-max input', $form).val()));
  35         }
  36         $('.crm-age-range input', $form).on('keyup change', toggleDate);
  37         toggleDate();
  38       });
  39
  40     </script>
  41   {/literal}
  42 </td>