From: Coleman Watts <coleman@civicrm.org>
Date: Sun, 8 Mar 2015 16:12:10 +0000 (-0400)
Subject: CRM-15932 - Multi-date-select2 widget improvements
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=94ca4ab46cc5975456345d1416de53574cd7b6db;p=civicrm-core.git

CRM-15932 - Multi-date-select2 widget improvements
---

diff --git a/templates/CRM/Core/Form/RecurringEntity.tpl b/templates/CRM/Core/Form/RecurringEntity.tpl
index d85e499f9e..83f51e543f 100644
--- a/templates/CRM/Core/Form/RecurringEntity.tpl
+++ b/templates/CRM/Core/Form/RecurringEntity.tpl
@@ -84,8 +84,10 @@
 </div>
 {literal}
 <script type="text/javascript">
+(function (_) {
   CRM.$(function($) {
-    var $form = $('form.{/literal}{$form.formClass}{literal}');
+    var $form = $('form.{/literal}{$form.formClass}{literal}'),
+      defaultDate = null;
 
     // Prevent html5 errors
     $form.attr('novalidate', 'novalidate');
@@ -150,26 +152,38 @@
       }
     })
       .on('select2-opening', function(e) {
-        var $el = $(this);
+        var $el = $(this),
+          data = $el.select2('data') || [],
+          existingSelections = _.pluck(data, 'id');
         // Prevent select2 from opening and show a datepicker instead
         e.preventDefault();
         $('.select2-search-field input', $el.select2('container'))
-          .datepicker()
+          .datepicker({changeMonth: true, changeYear: true})
+          .datepicker('option', 'defaultDate', defaultDate)
+          .datepicker('option', 'beforeShowDay', checkSelectedDates)
           .datepicker('show')
           .off('.crmDate')
           .on('change.crmDate', function() {
             if ($(this).val()) {
-              var date = $(this).datepicker('getDate'),
-                data = $el.select2('data') || [];
+              var date = defaultDate = $(this).datepicker('getDate');
               data.push({
                 text: $.datepicker.formatDate(CRM.config.dateInputFormat, date),
                 id: $.datepicker.formatDate('yy-mm-dd', date)
               });
-              $el.select2('data', data);
+              $el.select2('data', data, true);
             }
           });
+        // Don't allow the same date to be selected twice
+        function checkSelectedDates(date) {
+          var dateStr = $.datepicker.formatDate('yy-mm-dd', date);
+          if (_.includes(existingSelections, dateStr)) {
+            return [false, '', '{/literal}{ts escape='js'}Already selected{/ts}{literal}'];
+          }
+          return [true, '', ''];
+        }
       });
 
+
     // Dialog for preview repeat Configuration dates
     function previewDialog() {
       // Set default value for start date on activity forms before generating preview
@@ -218,6 +232,6 @@
     $('[name=repetition_frequency_interval]', $form).each(pluralizeUnits).change(pluralizeUnits);
 
   });
-
+})(CRM._);
 </script>
 {/literal}