templates/CRM/common/jcalendar.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | CiviCRM version 4.5                                                |
   4  +--------------------------------------------------------------------+
   5  | Copyright CiviCRM LLC (c) 2004-2014                                |
   6  +--------------------------------------------------------------------+
   7  | This file is a part of CiviCRM.                                    |
   8  |                                                                    |
   9  | CiviCRM is free software; you can copy, modify, and distribute it  |
  10  | under the terms of the GNU Affero General Public License           |
  11  | Version 3, 19 November 2007 and the CiviCRM Licensing Exception.   |
  12  |                                                                    |
  13  | CiviCRM is distributed in the hope that it will be useful, but     |
  14  | WITHOUT ANY WARRANTY; without even the implied warranty of         |
  15  | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.               |
  16  | See the GNU Affero General Public License for more details.        |
  17  |                                                                    |
  18  | You should have received a copy of the GNU Affero General Public   |
  19  | License and the CiviCRM Licensing Exception along                  |
  20  | with this program; if not, contact CiviCRM LLC                     |
  21  | at info[AT]civicrm[DOT]org. If you have questions about the        |
  22  | GNU Affero General Public License or the licensing of CiviCRM,     |
  23  | see the CiviCRM license FAQ at http://civicrm.org/licensing        |
  24  +--------------------------------------------------------------------+
  25 *}
  26 {strip}
  27 {if $batchUpdate}
  28     {assign var='elementId'   value=$form.field.$elementIndex.$elementName.id}
  29     {assign var="tElement" value=$elementName|cat:"_time"}
  30     {assign var="timeElement" value=field_`$elementIndex`_`$elementName`_time}
  31     {$form.field.$elementIndex.$elementName.html}
  32 {elseif $elementIndex}
  33     {assign var='elementId'   value=$form.$elementName.$elementIndex.id}
  34     {assign var="timeElement" value=$elementName|cat:"_time.$elementIndex"}
  35     {$form.$elementName.$elementIndex.html}
  36 {elseif $blockId and $blockSection}
  37     {assign var='elementId'   value=$form.$blockSection.$blockId.$elementName.id}
  38     {assign var="tElement" value=`$elementName`_time}
  39     {$form.$blockSection.$blockId.$elementName.html}
  40     {assign var="timeElement" value=`$blockSection`_`$blockId`_`$elementName`_time}
  41     {if $tElement}
  42       &nbsp;&nbsp;{$form.$blockSection.$blockId.$tElement.label}
  43       &nbsp;&nbsp;{$form.$blockSection.$blockId.$tElement.html|crmAddClass:six}
  44     {/if}
  45 {else}
  46     {if !$elementId}
  47       {assign var='elementId'   value=$form.$elementName.id}
  48     {/if}
  49     {assign var="timeElement" value=$elementName|cat:'_time'}
  50     {$form.$elementName.html}
  51 {/if}
  52
  53 {assign var='displayDate' value=$elementId|cat:"_display"}
  54
  55 {if $action neq 1028}
  56     <input type="text" name="{$displayDate}" id="{$displayDate}" class="dateplugin" autocomplete="off"/>
  57 {/if}
  58
  59 {if $batchUpdate AND $timeElement AND $tElement}
  60     &nbsp;&nbsp;{$form.field.$elementIndex.$tElement.label}&nbsp;&nbsp;{$form.field.$elementIndex.$tElement.html|crmAddClass:six}
  61 {elseif $timeElement AND !$tElement}
  62     {if $form.$timeElement.label}
  63       &nbsp;&nbsp;{$form.$timeElement.label}&nbsp;&nbsp;
  64     {/if}
  65     {$form.$timeElement.html|crmAddClass:six}
  66 {/if}
  67
  68 {if $action neq 1028}
  69     <a href="#" class="crm-hover-button crm-clear-link" title="{ts}Clear{/ts}"><span class="icon close-icon"></span></a>
  70 {/if}
  71
  72 <script type="text/javascript">
  73     {literal}
  74     CRM.$(function($) {
  75       {/literal}
  76       var element_date   = "#{$displayDate}";
  77       var element_time  = "#{$elementId}_time";
  78       {if $timeElement}
  79           element_time  = "#{$timeElement}";
  80           var time_format   = cj( element_time ).attr('timeFormat');
  81           {literal}
  82               cj(element_time).timeEntry({ show24Hours : time_format, spinnerImage: '' });
  83           {/literal}
  84       {/if}
  85       var currentYear = new Date().getFullYear();
  86       var alt_field   = '#{$elementId}';
  87       cj( alt_field ).hide();
  88       var date_format = cj( alt_field ).attr('format');
  89
  90       var altDateFormat = 'mm/dd/yy';
  91       {literal}
  92       switch ( date_format ) {
  93         case 'dd-mm':
  94         case 'mm/dd':
  95             altDateFormat = 'mm/dd';
  96             break;
  97       }
  98
  99       if ( !( ( date_format == 'M yy' ) || ( date_format == 'yy' ) || ( date_format == 'yy-mm' ) ) ) {
 100           cj( element_date ).addClass( 'dpDate' );
 101       }
 102
 103       {/literal}
 104       var yearRange   = currentYear - parseInt( cj( alt_field ).attr('startOffset') );
 105           yearRange  += ':';
 106           yearRange  += currentYear + parseInt( cj( alt_field ).attr('endOffset'  ) );
 107       {literal}
 108
 109       var startRangeYr = currentYear - parseInt( cj( alt_field ).attr('startOffset') );
 110       var endRangeYr = currentYear + parseInt( cj( alt_field ).attr('endOffset'  ) );
 111
 112       var lcMessage = {/literal}"{$config->lcMessages}"{literal};
 113       var localisation = lcMessage.split('_');
 114       var dateValue = cj(alt_field).val( );
 115       cj(element_date).datepicker({
 116                                     closeAtTop        : true,
 117                                     dateFormat        : date_format,
 118                                     changeMonth       : true,
 119                                     changeYear        : true,
 120                                     altField          : alt_field,
 121                                     altFormat         : altDateFormat,
 122                                     yearRange         : yearRange,
 123                                     regional          : localisation[0],
 124                                     minDate           : new Date(startRangeYr, 1 - 1, 1),
 125                                     maxDate           : new Date(endRangeYr, 12 - 1, 31)
 126                                 });
 127
 128       // set default value to display field, setDefault param for datepicker
 129       // is not working hence using below logic
 130       // parse the date
 131       var displayDateValue = cj.datepicker.parseDate( altDateFormat, dateValue );
 132
 133       // format date according to display field
 134       displayDateValue = cj.datepicker.formatDate( date_format, displayDateValue );
 135       cj( element_date).val( displayDateValue );
 136       //support unsaved-changes warning: CRM-14353
 137       cj( element_date).data('crm-initial-value', displayDateValue);
 138
 139       cj(element_date).click( function( ) {
 140           hideYear( this );
 141       });
 142       cj('.ui-datepicker-trigger').click( function( ) {
 143           hideYear( cj(this).prev() );
 144       });
 145       function hideYear( element ) {
 146         var format = cj( element ).attr('format');
 147         if ( format == 'dd-mm' || format == 'mm/dd' ) {
 148           cj(".ui-datepicker-year").css('display', 'none');
 149         }
 150       }
 151       cj(alt_field + ',' + element_date + ',' + element_time).on('blur change', function() {
 152         var vis = cj(alt_field).val() || cj(element_time).val() ? '' : 'hidden';
 153         cj(this).siblings('.crm-clear-link').css('visibility', vis);
 154       });
 155       cj(alt_field).change();
 156     });
 157
 158     {/literal}
 159 </script>
 160 {/strip}