danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * JavaScript behaviors for the front-end display of webforms.
danielebarchiesi@0:  */
danielebarchiesi@0: 
danielebarchiesi@0: (function ($) {
danielebarchiesi@0: 
danielebarchiesi@0: Drupal.behaviors.webform = Drupal.behaviors.webform || {};
danielebarchiesi@0: 
danielebarchiesi@0: Drupal.behaviors.webform.attach = function(context) {
danielebarchiesi@0:   // Calendar datepicker behavior.
danielebarchiesi@0:   Drupal.webform.datepicker(context);
danielebarchiesi@0: };
danielebarchiesi@0: 
danielebarchiesi@0: Drupal.webform = Drupal.webform || {};
danielebarchiesi@0: 
danielebarchiesi@0: Drupal.webform.datepicker = function(context) {
danielebarchiesi@0:   $('div.webform-datepicker').each(function() {
danielebarchiesi@0:     var $webformDatepicker = $(this);
danielebarchiesi@0:     var $calendar = $webformDatepicker.find('input.webform-calendar');
danielebarchiesi@0: 
danielebarchiesi@0:     // Ensure the page we're on actually contains a datepicker.
danielebarchiesi@0:     if ($calendar.length == 0) { 
danielebarchiesi@0:       return;
danielebarchiesi@0:     }
danielebarchiesi@0: 
danielebarchiesi@0:     var startDate = $calendar[0].className.replace(/.*webform-calendar-start-(\d{4}-\d{2}-\d{2}).*/, '$1').split('-');
danielebarchiesi@0:     var endDate = $calendar[0].className.replace(/.*webform-calendar-end-(\d{4}-\d{2}-\d{2}).*/, '$1').split('-');
danielebarchiesi@0:     var firstDay = $calendar[0].className.replace(/.*webform-calendar-day-(\d).*/, '$1');
danielebarchiesi@0:     // Convert date strings into actual Date objects.
danielebarchiesi@0:     startDate = new Date(startDate[0], startDate[1] - 1, startDate[2]);
danielebarchiesi@0:     endDate = new Date(endDate[0], endDate[1] - 1, endDate[2]);
danielebarchiesi@0: 
danielebarchiesi@0:     // Ensure that start comes before end for datepicker.
danielebarchiesi@0:     if (startDate > endDate) {
danielebarchiesi@0:       var laterDate = startDate;
danielebarchiesi@0:       startDate = endDate;
danielebarchiesi@0:       endDate = laterDate;
danielebarchiesi@0:     }
danielebarchiesi@0: 
danielebarchiesi@0:     var startYear = startDate.getFullYear();
danielebarchiesi@0:     var endYear = endDate.getFullYear();
danielebarchiesi@0: 
danielebarchiesi@0:     // Set up the jQuery datepicker element.
danielebarchiesi@0:     $calendar.datepicker({
danielebarchiesi@0:       dateFormat: 'yy-mm-dd',
danielebarchiesi@0:       yearRange: startYear + ':' + endYear,
danielebarchiesi@0:       firstDay: parseInt(firstDay),
danielebarchiesi@0:       minDate: startDate,
danielebarchiesi@0:       maxDate: endDate,
danielebarchiesi@0:       onSelect: function(dateText, inst) {
danielebarchiesi@0:         var date = dateText.split('-');
danielebarchiesi@0:         $webformDatepicker.find('select.year, input.year').val(+date[0]);
danielebarchiesi@0:         $webformDatepicker.find('select.month').val(+date[1]);
danielebarchiesi@0:         $webformDatepicker.find('select.day').val(+date[2]);
danielebarchiesi@0:       },
danielebarchiesi@0:       beforeShow: function(input, inst) {
danielebarchiesi@0:         // Get the select list values.
danielebarchiesi@0:         var year = $webformDatepicker.find('select.year, input.year').val();
danielebarchiesi@0:         var month = $webformDatepicker.find('select.month').val();
danielebarchiesi@0:         var day = $webformDatepicker.find('select.day').val();
danielebarchiesi@0: 
danielebarchiesi@0:         // If empty, default to the current year/month/day in the popup.
danielebarchiesi@0:         var today = new Date();
danielebarchiesi@0:         year = year ? year : today.getFullYear();
danielebarchiesi@0:         month = month ? month : today.getMonth() + 1;
danielebarchiesi@0:         day = day ? day : today.getDate();
danielebarchiesi@0: 
danielebarchiesi@0:         // Make sure that the default year fits in the available options.
danielebarchiesi@0:         year = (year < startYear || year > endYear) ? startYear : year;
danielebarchiesi@0: 
danielebarchiesi@0:         // jQuery UI Datepicker will read the input field and base its date off
danielebarchiesi@0:         // of that, even though in our case the input field is a button.
danielebarchiesi@0:         $(input).val(year + '-' + month + '-' + day);
danielebarchiesi@0:       }
danielebarchiesi@0:     });
danielebarchiesi@0: 
danielebarchiesi@0:     // Prevent the calendar button from submitting the form.
danielebarchiesi@0:     $calendar.click(function(event) {
danielebarchiesi@0:       $(this).focus();
danielebarchiesi@0:       event.preventDefault();
danielebarchiesi@0:     });
danielebarchiesi@0:   });
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: })(jQuery);