✨ feature: Add calendar layout and occurrence handling functionality

- Introduced `calendar-layout.php` to manage month grid generation, occurrence intersection checks, and segment assignments for events. - Added `occurrences.php` for normalizing, validating, and displaying event occurrences, including migration from legacy formats. - Implemented functions for parsing dates, validating occurrence ranges, and formatting occurrences for display. - Established hooks for synchronizing event occurrence data upon saving posts and validating ACF repeater fields.
2026-07-06 10:26:36 -05:00
parent 6ba917bf9b
commit 42ff7754cb
16 changed files with 2205 additions and 344 deletions
@@ -0,0 +1,69 @@
+(function($) {
+  'use strict';
+
+  // Guard against a jQuery UI datepicker crash in the block editor meta box area.
+  // In some contexts, _findPos receives a node with no positioned parent and throws.
+  if ($.datepicker && $.datepicker._findPos) {
+    var originalFindPos = $.datepicker._findPos;
+    $.datepicker._findPos = function(obj) {
+      try {
+        if (!obj || !obj.ownerDocument || !obj.ownerDocument.documentElement) {
+          return [0, 0];
+        }
+        return originalFindPos.call(this, obj);
+      } catch (e) {
+        return [0, 0];
+      }
+    };
+  }
+
+  // After repeater rows are appended, remove accidental focus from date inputs
+  // so datepicker doesn't try to open against a transient/hidden element.
+  if (window.acf && window.acf.addAction) {
+    window.acf.addAction('append', function($el) {
+      var $dateInputs = $el.find('.acf-date-picker input.hasDatepicker');
+      if ($dateInputs.length) {
+        setTimeout(function() {
+          $dateInputs.first().trigger('blur');
+        }, 0);
+      }
+    });
+  }
+
+  function syncAllDayRows($scope) {
+    var $repeaters = $scope.find('.acf-field[data-name="event_dates"]')
+      .addBack('.acf-field[data-name="event_dates"]')
+      .add($scope.closest('.acf-field[data-name="event_dates"]'));
+
+    $repeaters.find('.acf-row').each(function() {
+      var $row = $(this);
+      var checked = $row.find('.acf-field[data-name="all_day"] input[type="checkbox"]').first().is(':checked');
+      var $timeFields = $row.find('.acf-field[data-name="start_time"], .acf-field[data-name="end_time"]');
+      $row.toggleClass('aa-events-is-all-day', checked);
+      $timeFields.toggle(!checked).attr('aria-hidden', checked ? 'true' : 'false');
+      $timeFields.find('input').prop('disabled', checked);
+    });
+  }
+
+  $(document).on('change', '.acf-field[data-name="event_dates"] .acf-field[data-name="all_day"] input[type="checkbox"]', function() {
+    var $checkbox = $(this);
+    var $row = $checkbox.closest('.acf-row');
+    if ($checkbox.is(':checked')) {
+      $row.find('.acf-field[data-name="start_time"] input, .acf-field[data-name="end_time"] input').val('');
+    }
+    syncAllDayRows($row.closest('.acf-field[data-name="event_dates"]'));
+  });
+
+  $(function() {
+    syncAllDayRows($(document));
+  });
+
+  if (window.acf && window.acf.addAction) {
+    window.acf.addAction('ready', function($el) {
+      syncAllDayRows($el || $(document));
+    });
+    window.acf.addAction('append', function($el) {
+      syncAllDayRows($el);
+    });
+  }
+})(jQuery);