ben
ef206a7228
Major architectural upgrade replacing legacy iframe-based edit forms with native HVAC form builder integration, achieving complete feature parity with the create page. ## Core Infrastructure Extensions ### HVAC_Event_Form_Builder Extensions - Added edit_event_form() method for edit mode initialization - Added load_event_data() for fetching and formatting existing event data - Added populate_form_fields() for pre-populating form with event data - Added edit mode tracking with is_edit_mode and editing_event_id properties ### HVAC_Event_Form_Handler Extensions - Added update_event() method for processing edit form submissions - Added validate_update_permissions() for secure edit access control - Added get_event_data_for_editing() for formatted data retrieval - Added validate_and_sanitize_update() for edit-specific validation ## Template Modernization ### Legacy Architecture Replacement - Replaced iframe embedding with native HVAC form builder - Updated page-tec-edit-event.php with modern form integration - Fixed template loading in class-hvac-community-events.php - Resolved URL routing and content injection issues ### Security Enhancements - Fixed nonce mismatch between form generation and validation - Implemented proper permission checking for event editing - Added comprehensive error handling and user feedback - Ensured secure form submission processing ## Feature Parity Achievement ### Modern Features Integration - AI-powered content generation for event descriptions - Featured image editing with WordPress media integration - Searchable selectors with autocomplete for venues/organizers - Advanced options toggle with field visibility controls - Modal creation forms for inline venue/organizer management - TinyMCE rich text editor for event descriptions - Comprehensive input validation with real-time feedback ### User Experience Improvements - Consistent form styling and interaction patterns - Pre-populated form fields with existing event data - Modern navigation and breadcrumb integration - Success/error feedback with user-friendly messages - Quick action buttons for common workflows ## Technical Implementation ### Files Modified - includes/class-hvac-event-form-builder.php (extended with edit methods) - includes/class-hvac-event-form-handler.php (added update functionality) - templates/page-tec-edit-event.php (complete modernization) - includes/class-hvac-community-events.php (fixed template loading) - Status.md (updated implementation status) - docs/EDIT-PAGE-REFACTORING-ANALYSIS.md (comprehensive analysis) ### Architecture Improvements - Native form builder replaces iframe limitations - Event data pre-population and field mapping - WordPress TinyMCE editor integration - Modern JavaScript event handling - Improved error handling and validation ## Testing & Validation ### Comprehensive Testing Completed - Form rendering with real event data validation - Form submission and update processing verification - All modern features tested (AI, images, selectors, modals) - Permission system verified with different user roles - Security nonce validation and CSRF protection confirmed - Template loading and URL routing validated ### Issues Resolved - Security nonce mismatch causing form submission failures - Template loading mechanism for edit page URL routing - Event data pre-population and field mapping - Form builder constructor parameter consistency - Content injection system integration ## Impact & Results ### Refactoring Analysis Results - 14 identified refactoring opportunities: ALL RESOLVED - 4 Critical issues: FIXED (missing edit methods, update methods, legacy architecture, data pre-population) - 5 High Priority gaps: IMPLEMENTED (AI assistance, featured images, searchable selectors, advanced options, modal creation) - 4 Medium Priority issues: ADDRESSED (TinyMCE editor, form validation, error handling, styling consistency) - 1 Low Priority item: COMPLETED ### Feature Parity Metrics - ✅ Native form builder replaces iframe approach - ✅ Complete feature parity with create page achieved - ✅ All 14 identified issues resolved - ✅ Backward URL compatibility maintained - ✅ TEC integration preserved - ✅ Modern features accessible (AI, images, advanced options) - ✅ Real-time validation and error feedback implemented This modernization eliminates the legacy iframe limitations and provides users with the same advanced functionality available on the create page, ensuring a consistent and powerful event management experience. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2034 lines
No EOL
73 KiB
PHP
2034 lines
No EOL
73 KiB
PHP
<?php
|
||
|
||
declare(strict_types=1);
|
||
|
||
/**
|
||
* HVAC Event Form Builder
|
||
*
|
||
* Extended form builder with event-specific functionality and template integration
|
||
* Extends the base HVAC_Form_Builder with datetime, venue, organizer fields
|
||
* and comprehensive template support for Phase 2A implementation
|
||
*
|
||
* @package HVAC_Community_Events
|
||
* @subpackage Includes
|
||
* @since 3.0.0 (Phase 1) / 3.1.0 (Phase 2A Template Integration)
|
||
*/
|
||
|
||
if (!defined('ABSPATH')) {
|
||
exit;
|
||
}
|
||
|
||
/**
|
||
* Class HVAC_Event_Form_Builder
|
||
*
|
||
* Event-specific form builder with template integration capabilities
|
||
*/
|
||
class HVAC_Event_Form_Builder extends HVAC_Form_Builder {
|
||
|
||
/**
|
||
* Template manager instance
|
||
*
|
||
* @var HVAC_Event_Template_Manager
|
||
*/
|
||
private HVAC_Event_Template_Manager $template_manager;
|
||
|
||
/**
|
||
* Current selected template
|
||
*
|
||
* @var array|null
|
||
*/
|
||
private ?array $current_template = null;
|
||
|
||
/**
|
||
* Template integration mode
|
||
*
|
||
* @var bool
|
||
*/
|
||
private bool $template_mode_enabled = false;
|
||
|
||
/**
|
||
* Edit mode flag
|
||
*
|
||
* @var bool
|
||
*/
|
||
private bool $is_edit_mode = false;
|
||
|
||
/**
|
||
* Event ID being edited (when in edit mode)
|
||
*
|
||
* @var int
|
||
*/
|
||
private int $editing_event_id = 0;
|
||
|
||
/**
|
||
* Event data for pre-population
|
||
*
|
||
* @var array
|
||
*/
|
||
private array $event_data = [];
|
||
|
||
/**
|
||
* Event-specific field defaults
|
||
*
|
||
* @var array
|
||
*/
|
||
private array $event_field_defaults = [
|
||
'datetime-local' => [
|
||
'type' => 'datetime-local',
|
||
'class' => 'hvac-datetime-field',
|
||
'validate' => ['datetime'],
|
||
'sanitize' => 'datetime',
|
||
],
|
||
'event-title' => [
|
||
'type' => 'text',
|
||
'class' => 'hvac-event-title',
|
||
'validate' => ['min_length' => 3, 'max_length' => 200],
|
||
'sanitize' => 'text',
|
||
],
|
||
'event-description' => [
|
||
'type' => 'textarea',
|
||
'class' => 'hvac-event-description',
|
||
'validate' => ['max_length' => 2000],
|
||
'sanitize' => 'textarea',
|
||
],
|
||
'venue-select' => [
|
||
'type' => 'select',
|
||
'class' => 'hvac-venue-select',
|
||
'options' => [],
|
||
'validate' => [],
|
||
'sanitize' => 'int',
|
||
],
|
||
'organizer-select' => [
|
||
'type' => 'select',
|
||
'class' => 'hvac-organizer-select',
|
||
'options' => [],
|
||
'validate' => [],
|
||
'sanitize' => 'int',
|
||
],
|
||
'capacity' => [
|
||
'type' => 'number',
|
||
'class' => 'hvac-capacity-field',
|
||
'validate' => ['min_value' => 1, 'max_value' => 10000],
|
||
'sanitize' => 'int',
|
||
],
|
||
'cost' => [
|
||
'type' => 'number',
|
||
'step' => '0.01',
|
||
'class' => 'hvac-cost-field',
|
||
'validate' => ['min_value' => 0],
|
||
'sanitize' => 'float',
|
||
],
|
||
'template-selector' => [
|
||
'type' => 'template-select',
|
||
'class' => 'hvac-template-selector',
|
||
'options' => [],
|
||
'validate' => [],
|
||
'sanitize' => 'text',
|
||
],
|
||
];
|
||
|
||
/**
|
||
* Cache instance for performance optimization (optional)
|
||
*
|
||
* @var mixed
|
||
*/
|
||
private $cache = null;
|
||
|
||
/**
|
||
* Constructor
|
||
*
|
||
* @param string $nonce_action Nonce action for form security
|
||
* @param bool $enable_templates Whether to enable template functionality
|
||
*/
|
||
public function __construct(string $nonce_action, bool $enable_templates = true) {
|
||
parent::__construct($nonce_action);
|
||
|
||
$this->template_manager = HVAC_Event_Template_Manager::instance();
|
||
$this->template_mode_enabled = $enable_templates;
|
||
|
||
// Initialize cache if available
|
||
$this->cache = class_exists('HVAC_Event_Cache') ? HVAC_Event_Cache::instance() : null;
|
||
if (!$this->cache && defined('WP_DEBUG') && WP_DEBUG) {
|
||
error_log('HVAC Event Cache unavailable - performance may be impacted');
|
||
}
|
||
|
||
$this->init_event_form_hooks();
|
||
}
|
||
|
||
/**
|
||
* Initialize event form specific hooks
|
||
*/
|
||
private function init_event_form_hooks(): void {
|
||
if ($this->template_mode_enabled) {
|
||
add_action('wp_enqueue_scripts', [$this, 'enqueue_template_assets']);
|
||
add_action('wp_ajax_hvac_load_template_data', [$this, 'ajax_load_template_data']);
|
||
add_action('wp_ajax_hvac_save_as_template', [$this, 'ajax_save_as_template']);
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Create complete event form with template integration
|
||
*
|
||
* @param array $config Form configuration options
|
||
* @return self
|
||
*/
|
||
public function create_event_form(array $config = []): self {
|
||
$defaults = [
|
||
'include_template_selector' => $this->template_mode_enabled,
|
||
'include_venue_fields' => true,
|
||
'include_organizer_fields' => true,
|
||
'include_cost_fields' => true,
|
||
'include_capacity_fields' => true,
|
||
'include_datetime_fields' => true,
|
||
'template_categories' => ['general', 'training', 'workshop'],
|
||
];
|
||
|
||
$config = array_merge($defaults, $config);
|
||
|
||
// Add template selector first if enabled
|
||
if ($config['include_template_selector']) {
|
||
$this->add_template_selector($config['template_categories']);
|
||
}
|
||
|
||
// Basic event fields
|
||
$this->add_basic_event_fields();
|
||
|
||
// Featured image field
|
||
$this->add_featured_image_field();
|
||
|
||
/**
|
||
* Action hook for TEC ticketing integration
|
||
*
|
||
* Allows other components to add fields after basic event fields
|
||
* are rendered but before optional field groups like datetime fields.
|
||
*
|
||
* @param HVAC_Event_Form_Builder $form_builder Current form instance
|
||
* @since 3.2.0 (Phase 2B - TEC Integration)
|
||
*/
|
||
do_action('hvac_event_form_after_basic_fields', $this);
|
||
|
||
// Optional field groups
|
||
if ($config['include_datetime_fields']) {
|
||
$this->add_datetime_fields();
|
||
}
|
||
|
||
if ($config['include_venue_fields']) {
|
||
$this->add_venue_fields();
|
||
}
|
||
|
||
if ($config['include_organizer_fields']) {
|
||
$this->add_organizer_fields();
|
||
}
|
||
|
||
// Add categories field - new feature for enhanced categorization
|
||
$this->add_categories_fields();
|
||
|
||
if ($config['include_capacity_fields']) {
|
||
$this->add_capacity_field();
|
||
}
|
||
|
||
if ($config['include_cost_fields']) {
|
||
$this->add_cost_fields();
|
||
}
|
||
|
||
// Add progressive disclosure toggle
|
||
$this->add_progressive_disclosure();
|
||
|
||
// Mark certain fields as advanced
|
||
$this->mark_field_as_advanced('event_capacity')
|
||
->mark_field_as_advanced('event_cost')
|
||
->mark_field_as_advanced('event_timezone');
|
||
|
||
// Template actions if enabled
|
||
if ($this->template_mode_enabled) {
|
||
$this->add_template_actions();
|
||
// Mark template actions as advanced
|
||
$this->mark_field_as_advanced('save_as_template');
|
||
}
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Create event edit form with pre-populated data
|
||
*
|
||
* @param int $event_id Event ID to edit
|
||
* @param array $config Form configuration options
|
||
* @return self
|
||
*/
|
||
public function edit_event_form(int $event_id, array $config = []): self {
|
||
// Load existing event data
|
||
$event_data = $this->load_event_data($event_id);
|
||
|
||
if (is_wp_error($event_data)) {
|
||
// Add error field if event cannot be loaded
|
||
$this->add_field([
|
||
'type' => 'custom',
|
||
'name' => 'event_load_error',
|
||
'label' => 'Error',
|
||
'custom_html' => '<div class="hvac-error-notice"><p>❌ ' . esc_html($event_data->get_error_message()) . '</p></div>',
|
||
'wrapper_class' => 'form-row error-row'
|
||
]);
|
||
return $this;
|
||
}
|
||
|
||
// Set edit mode
|
||
$this->set_edit_mode(true, $event_id);
|
||
|
||
// Create form with same structure as create
|
||
$this->create_event_form($config);
|
||
|
||
// Pre-populate form fields with existing data
|
||
$this->populate_form_fields($event_data);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Load event data for editing
|
||
*
|
||
* @param int $event_id Event ID
|
||
* @return array|WP_Error Event data or error
|
||
*/
|
||
public function load_event_data(int $event_id): array|WP_Error {
|
||
$event = get_post($event_id);
|
||
|
||
if (!$event || $event->post_type !== 'tribe_events') {
|
||
return new WP_Error('invalid_event', 'Event not found or invalid type');
|
||
}
|
||
|
||
// Check edit permissions
|
||
if (!current_user_can('edit_post', $event_id) && $event->post_author != get_current_user_id()) {
|
||
return new WP_Error('insufficient_permissions', 'You do not have permission to edit this event');
|
||
}
|
||
|
||
// Build event data array
|
||
$event_data = [
|
||
'event_title' => $event->post_title,
|
||
'event_description' => $event->post_content,
|
||
'event_status' => $event->post_status,
|
||
'event_featured_image' => get_post_thumbnail_id($event_id),
|
||
];
|
||
|
||
// Get TEC meta data
|
||
$tec_meta = [
|
||
'_EventStartDate' => get_post_meta($event_id, '_EventStartDate', true),
|
||
'_EventEndDate' => get_post_meta($event_id, '_EventEndDate', true),
|
||
'_EventTimezone' => get_post_meta($event_id, '_EventTimezone', true),
|
||
'_EventCapacity' => get_post_meta($event_id, '_EventCapacity', true),
|
||
'_EventCost' => get_post_meta($event_id, '_EventCost', true),
|
||
'_EventVenueID' => get_post_meta($event_id, '_EventVenueID', true),
|
||
'_EventOrganizerID' => get_post_meta($event_id, '_EventOrganizerID', true),
|
||
];
|
||
|
||
// Convert TEC meta to form format
|
||
if (!empty($tec_meta['_EventStartDate'])) {
|
||
$event_data['event_start_datetime'] = date('Y-m-d\TH:i', strtotime($tec_meta['_EventStartDate']));
|
||
}
|
||
|
||
if (!empty($tec_meta['_EventEndDate'])) {
|
||
$event_data['event_end_datetime'] = date('Y-m-d\TH:i', strtotime($tec_meta['_EventEndDate']));
|
||
}
|
||
|
||
if (!empty($tec_meta['_EventTimezone'])) {
|
||
$event_data['event_timezone'] = $tec_meta['_EventTimezone'];
|
||
}
|
||
|
||
if (!empty($tec_meta['_EventCapacity'])) {
|
||
$event_data['event_capacity'] = $tec_meta['_EventCapacity'];
|
||
}
|
||
|
||
if (!empty($tec_meta['_EventCost'])) {
|
||
$event_data['event_cost'] = $tec_meta['_EventCost'];
|
||
}
|
||
|
||
// Handle venue (single)
|
||
if (!empty($tec_meta['_EventVenueID'])) {
|
||
$event_data['venue_ids'] = is_array($tec_meta['_EventVenueID']) ? $tec_meta['_EventVenueID'] : [$tec_meta['_EventVenueID']];
|
||
}
|
||
|
||
// Handle organizers (multiple)
|
||
if (!empty($tec_meta['_EventOrganizerID'])) {
|
||
$organizer_ids = $tec_meta['_EventOrganizerID'];
|
||
$event_data['organizer_ids'] = is_array($organizer_ids) ? $organizer_ids : [$organizer_ids];
|
||
}
|
||
|
||
// Get event categories
|
||
$categories = get_the_terms($event_id, 'tribe_events_cat');
|
||
if ($categories && !is_wp_error($categories)) {
|
||
$event_data['category_ids'] = wp_list_pluck($categories, 'term_id');
|
||
}
|
||
|
||
// Get ticket data if present
|
||
$ticket_data = get_post_meta($event_id, '_hvac_ticket_data', true);
|
||
if (!empty($ticket_data)) {
|
||
$event_data['hvac_ticket_data'] = $ticket_data;
|
||
}
|
||
|
||
return $event_data;
|
||
}
|
||
|
||
/**
|
||
* Populate form fields with event data
|
||
*
|
||
* @param array $event_data Event data to populate
|
||
* @return self
|
||
*/
|
||
public function populate_form_fields(array $event_data): self {
|
||
// Store event data for JavaScript access
|
||
$this->event_data = $event_data;
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Set edit mode
|
||
*
|
||
* @param bool $is_edit Whether in edit mode
|
||
* @param int $event_id Event ID being edited
|
||
* @return self
|
||
*/
|
||
public function set_edit_mode(bool $is_edit, int $event_id = 0): self {
|
||
$this->is_edit_mode = $is_edit;
|
||
$this->editing_event_id = $event_id;
|
||
|
||
// Update form attributes for edit mode
|
||
if ($is_edit && $event_id) {
|
||
$this->set_attributes([
|
||
'data-edit-mode' => 'true',
|
||
'data-event-id' => $event_id
|
||
]);
|
||
}
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Get current form mode
|
||
*
|
||
* @return string 'create' or 'edit'
|
||
*/
|
||
public function get_form_mode(): string {
|
||
return $this->is_edit_mode ? 'edit' : 'create';
|
||
}
|
||
|
||
/**
|
||
* Add template selector field
|
||
*
|
||
* @param array $categories Template categories to include
|
||
*/
|
||
public function add_template_selector(array $categories = []): self {
|
||
if (!$this->template_mode_enabled) {
|
||
return $this;
|
||
}
|
||
|
||
// Get available templates
|
||
$filters = [];
|
||
if (!empty($categories)) {
|
||
$templates = [];
|
||
foreach ($categories as $category) {
|
||
$category_templates = $this->template_manager->get_templates(['category' => $category]);
|
||
$templates = array_merge($templates, $category_templates);
|
||
}
|
||
} else {
|
||
$templates = $this->template_manager->get_templates();
|
||
}
|
||
|
||
// Group templates by category for enhanced UI
|
||
$templates_by_category = [];
|
||
foreach ($templates as $template) {
|
||
$category = $template['category'] ?? 'general';
|
||
if (!isset($templates_by_category[$category])) {
|
||
$templates_by_category[$category] = [];
|
||
}
|
||
$templates_by_category[$category][] = $template;
|
||
}
|
||
|
||
// Prepare enhanced template options with categories
|
||
$template_options = ['0' => '-- Select a Template --'];
|
||
foreach ($templates_by_category as $category => $category_templates) {
|
||
$template_options['optgroup_' . $category] = [
|
||
'label' => ucfirst($category) . ' Templates',
|
||
'options' => []
|
||
];
|
||
|
||
foreach ($category_templates as $template) {
|
||
$template_options['optgroup_' . $category]['options'][$template['id']] =
|
||
esc_html($template['name']) .
|
||
(!empty($template['description']) ? ' - ' . wp_trim_words($template['description'], 8) : '');
|
||
}
|
||
}
|
||
|
||
// Create accordion-style template selector
|
||
$accordion_template_field = [
|
||
'type' => 'custom',
|
||
'name' => 'accordion_template_selector',
|
||
'custom_html' => $this->render_accordion_template_selector($template_options, $templates),
|
||
'wrapper_class' => 'form-row template-selector-row',
|
||
];
|
||
|
||
$this->add_field($accordion_template_field);
|
||
|
||
// Add template preview area
|
||
$preview_field = [
|
||
'type' => 'custom',
|
||
'name' => 'template_preview',
|
||
'custom_html' => $this->render_template_preview_area(),
|
||
'wrapper_class' => 'form-row template-preview-row',
|
||
];
|
||
|
||
$this->add_field($preview_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add basic event fields
|
||
*/
|
||
public function add_basic_event_fields(): self {
|
||
// Event title
|
||
$title_field = array_merge($this->event_field_defaults['event-title'], [
|
||
'name' => 'event_title',
|
||
'label' => 'Event Title',
|
||
'placeholder' => 'Enter event title...',
|
||
'required' => true,
|
||
]);
|
||
|
||
// Event description with WordPress rich text editor
|
||
$description_field = [
|
||
'type' => 'custom',
|
||
'name' => 'event_description',
|
||
'custom_html' => $this->render_wp_editor_field(),
|
||
'wrapper_class' => 'form-row event-description-field'
|
||
];
|
||
|
||
// Description field uses rich text editor above
|
||
|
||
$this->add_field($title_field);
|
||
$this->add_field($description_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add featured image field for event
|
||
*/
|
||
public function add_featured_image_field(): self {
|
||
$featured_image_field = [
|
||
'type' => 'custom',
|
||
'name' => 'event_featured_image',
|
||
'label' => 'Featured Image',
|
||
'custom_html' => $this->render_media_upload_field('event_featured_image', 'Select Event Image'),
|
||
'wrapper_class' => 'form-row featured-image-field'
|
||
];
|
||
|
||
$this->add_field($featured_image_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add datetime fields for event scheduling
|
||
*/
|
||
public function add_datetime_fields(): self {
|
||
// DateTime section grouping - same row on desktop, columns on mobile
|
||
$this->add_field([
|
||
'type' => 'custom',
|
||
'name' => 'datetime_row_group',
|
||
'custom_html' => '<div class="form-row-group datetime-group">',
|
||
'wrapper_class' => ''
|
||
]);
|
||
|
||
// Start date/time
|
||
$start_datetime_field = array_merge($this->event_field_defaults['datetime-local'], [
|
||
'name' => 'event_start_datetime',
|
||
'label' => 'Start Date & Time',
|
||
'required' => true,
|
||
'wrapper_class' => 'form-row-half datetime-field start-datetime',
|
||
]);
|
||
|
||
// End date/time
|
||
$end_datetime_field = array_merge($this->event_field_defaults['datetime-local'], [
|
||
'name' => 'event_end_datetime',
|
||
'label' => 'End Date & Time',
|
||
'required' => true,
|
||
'wrapper_class' => 'form-row-half datetime-field end-datetime',
|
||
]);
|
||
|
||
// Timezone
|
||
$timezone_field = [
|
||
'type' => 'select',
|
||
'name' => 'event_timezone',
|
||
'label' => 'Timezone',
|
||
'options' => $this->get_timezone_options(),
|
||
'value' => wp_timezone_string(),
|
||
'class' => 'hvac-timezone-select',
|
||
'wrapper_class' => 'form-row timezone-row',
|
||
];
|
||
|
||
$this->add_field($start_datetime_field);
|
||
$this->add_field($end_datetime_field);
|
||
|
||
// Close the datetime row group
|
||
$this->add_field([
|
||
'type' => 'custom',
|
||
'name' => 'datetime_row_group_end',
|
||
'custom_html' => '</div>',
|
||
'wrapper_class' => ''
|
||
]);
|
||
|
||
$this->add_field($timezone_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add venue selection and management fields
|
||
*/
|
||
public function add_venue_fields(): self {
|
||
// Dynamic single-select venue selector with autocomplete and modal creation
|
||
$venue_field = [
|
||
'type' => 'custom',
|
||
'name' => 'event_venue',
|
||
'custom_html' => $this->render_searchable_venue_selector(),
|
||
'wrapper_class' => 'form-row venue-field',
|
||
];
|
||
|
||
$this->add_field($venue_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add organizer selection and management fields
|
||
*/
|
||
public function add_organizer_fields(): self {
|
||
// Dynamic multi-select organizer selector with autocomplete
|
||
$organizer_field = [
|
||
'type' => 'custom',
|
||
'name' => 'event_organizer',
|
||
'custom_html' => $this->render_searchable_organizer_selector(),
|
||
'wrapper_class' => 'form-row organizer-field',
|
||
];
|
||
|
||
$this->add_field($organizer_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add categories field with multi-select search functionality
|
||
*/
|
||
public function add_categories_fields(): self {
|
||
// Dynamic multi-select category selector with autocomplete (limited for trainers)
|
||
$categories_field = [
|
||
'type' => 'custom',
|
||
'name' => 'event_categories',
|
||
'custom_html' => $this->render_searchable_category_selector(),
|
||
'wrapper_class' => 'form-row categories-field',
|
||
];
|
||
|
||
$this->add_field($categories_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add capacity field
|
||
*/
|
||
public function add_capacity_field(): self {
|
||
$capacity_field = array_merge($this->event_field_defaults['capacity'], [
|
||
'name' => 'event_capacity',
|
||
'label' => 'Capacity',
|
||
'placeholder' => 'Maximum attendees',
|
||
'min' => 1,
|
||
'max' => 10000,
|
||
'wrapper_class' => 'form-row capacity-row',
|
||
]);
|
||
|
||
$this->add_field($capacity_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add cost-related fields
|
||
*/
|
||
public function add_cost_fields(): self {
|
||
$cost_field = array_merge($this->event_field_defaults['cost'], [
|
||
'name' => 'event_cost',
|
||
'label' => 'Event Cost ($)',
|
||
'placeholder' => '0.00',
|
||
'min' => 0,
|
||
'wrapper_class' => 'form-row cost-row',
|
||
]);
|
||
|
||
$this->add_field($cost_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add template action buttons
|
||
*/
|
||
public function add_template_actions(): self {
|
||
if (!$this->template_mode_enabled) {
|
||
return $this;
|
||
}
|
||
|
||
// Save as template button
|
||
$save_template_field = [
|
||
'type' => 'button',
|
||
'name' => 'save_as_template',
|
||
'label' => '',
|
||
'value' => 'Save as Template',
|
||
'class' => 'button button-secondary hvac-save-template',
|
||
'wrapper_class' => 'form-row template-actions',
|
||
'onclick' => 'hvacShowSaveTemplateDialog(event)',
|
||
];
|
||
|
||
$this->add_field($save_template_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add progressive disclosure section
|
||
*/
|
||
public function add_progressive_disclosure(): self {
|
||
// Advanced options toggle
|
||
$advanced_toggle_field = [
|
||
'type' => 'custom',
|
||
'name' => 'advanced_options_toggle',
|
||
'custom_html' => $this->render_advanced_options_toggle(),
|
||
'wrapper_class' => 'form-row advanced-toggle-row',
|
||
];
|
||
|
||
$this->add_field($advanced_toggle_field);
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Mark field as advanced (for progressive disclosure)
|
||
*/
|
||
public function mark_field_as_advanced(string $field_name): self {
|
||
foreach ($this->fields as &$field) {
|
||
if ($field['name'] === $field_name) {
|
||
$field['wrapper_class'] = ($field['wrapper_class'] ?? '') . ' advanced-field';
|
||
$field['data_attributes'] = array_merge($field['data_attributes'] ?? [], [
|
||
'advanced' => 'true'
|
||
]);
|
||
break;
|
||
}
|
||
}
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Render advanced options toggle button
|
||
*/
|
||
private function render_advanced_options_toggle(): string {
|
||
$html = '<div class="hvac-advanced-options-toggle">';
|
||
$html .= '<button type="button" class="toggle-advanced-options" onclick="hvacToggleAdvancedOptions()">';
|
||
$html .= '<span class="dashicons dashicons-arrow-down-alt2 toggle-icon"></span>';
|
||
$html .= '<span class="toggle-text">Show Advanced Options</span>';
|
||
$html .= '</button>';
|
||
$html .= '<small class="toggle-description">Additional settings for power users</small>';
|
||
$html .= '</div>';
|
||
|
||
return $html;
|
||
}
|
||
|
||
/**
|
||
* Load template data into form
|
||
*
|
||
* @param string $template_id Template ID to load
|
||
* @return bool Success status
|
||
*/
|
||
public function load_template(string $template_id): bool {
|
||
if (!$this->template_mode_enabled) {
|
||
return false;
|
||
}
|
||
|
||
$template = $this->template_manager->get_template($template_id);
|
||
if (!$template) {
|
||
return false;
|
||
}
|
||
|
||
$this->current_template = $template;
|
||
|
||
// Set form data from template
|
||
if (!empty($template['field_data'])) {
|
||
$this->set_data($template['field_data']);
|
||
}
|
||
|
||
// Apply template-specific validation rules
|
||
if (!empty($template['validation_rules'])) {
|
||
$this->apply_template_validation_rules($template['validation_rules']);
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
/**
|
||
* Save current form configuration as template
|
||
*
|
||
* @param array $template_config Template configuration
|
||
* @return array Result with success status
|
||
*/
|
||
public function save_as_template(array $template_config): array {
|
||
if (!$this->template_mode_enabled) {
|
||
return [
|
||
'success' => false,
|
||
'error' => __('Template functionality is not enabled', 'hvac-community-events')
|
||
];
|
||
}
|
||
|
||
// Get current form data
|
||
$current_data = $this->get_current_form_data();
|
||
|
||
// Prepare template data
|
||
$template_data = [
|
||
'name' => sanitize_text_field($template_config['name']),
|
||
'description' => sanitize_textarea_field($template_config['description']),
|
||
'category' => sanitize_text_field($template_config['category']),
|
||
'is_public' => (bool) ($template_config['is_public'] ?? false),
|
||
'field_data' => $current_data,
|
||
'meta_data' => $template_config['meta_data'] ?? [],
|
||
];
|
||
|
||
return $this->template_manager->create_template($template_data);
|
||
}
|
||
|
||
/**
|
||
* Get current form data from fields
|
||
*
|
||
* @return array Current form data
|
||
*/
|
||
private function get_current_form_data(): array {
|
||
$data = [];
|
||
foreach ($this->fields as $field) {
|
||
if (isset($_POST[$field['name']])) {
|
||
$data[$field['name']] = $this->sanitize_field_value($field, $_POST[$field['name']]);
|
||
}
|
||
}
|
||
return $data;
|
||
}
|
||
|
||
/**
|
||
* Sanitize field value based on field type
|
||
*
|
||
* @param array $field Field configuration
|
||
* @param mixed $value Field value to sanitize
|
||
* @return mixed Sanitized value
|
||
*/
|
||
private function sanitize_field_value(array $field, $value) {
|
||
$sanitize_type = $field['sanitize'] ?? 'text';
|
||
|
||
return match($sanitize_type) {
|
||
'text' => sanitize_text_field($value),
|
||
'textarea' => sanitize_textarea_field($value),
|
||
'int' => absint($value),
|
||
'float' => floatval($value),
|
||
'datetime' => sanitize_text_field($value),
|
||
'url' => esc_url_raw($value),
|
||
'email' => sanitize_email($value),
|
||
default => sanitize_text_field($value)
|
||
};
|
||
}
|
||
|
||
/**
|
||
* Apply template validation rules to form fields
|
||
*
|
||
* @param array $validation_rules Template validation rules
|
||
*/
|
||
private function apply_template_validation_rules(array $validation_rules): void {
|
||
// Apply additional validation rules from template
|
||
foreach ($validation_rules as $field_name => $rules) {
|
||
// Find field and update validation rules
|
||
foreach ($this->fields as &$field) {
|
||
if ($field['name'] === $field_name) {
|
||
$field['validate'] = array_merge($field['validate'], $rules);
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Render accordion-style template selector
|
||
*
|
||
* @param array $template_options Template options array
|
||
* @param array $templates Raw templates data
|
||
* @return string Accordion HTML
|
||
*/
|
||
private function render_accordion_template_selector(array $template_options, array $templates): string {
|
||
$html = '<div class="hvac-template-selector">';
|
||
$html .= '<div class="hvac-template-selector-header">';
|
||
$html .= '<h4>Use Template</h4>';
|
||
$html .= '<span class="hvac-template-selector-toggle">▼</span>';
|
||
$html .= '</div>';
|
||
$html .= '<div class="hvac-template-selector-content">';
|
||
|
||
// Build select options HTML
|
||
$html .= '<select name="event_template" class="hvac-template-select" data-templates="' . esc_attr(json_encode($templates)) . '">';
|
||
|
||
foreach ($template_options as $value => $label) {
|
||
if (strpos((string)$value, 'optgroup_') === 0) {
|
||
// This is an optgroup
|
||
$html .= '<optgroup label="' . esc_attr($label['label']) . '">';
|
||
foreach ($label['options'] as $opt_value => $opt_label) {
|
||
$html .= '<option value="' . esc_attr($opt_value) . '">' . esc_html($opt_label) . '</option>';
|
||
}
|
||
$html .= '</optgroup>';
|
||
} else {
|
||
// Regular option
|
||
$html .= '<option value="' . esc_attr($value) . '">' . esc_html($label) . '</option>';
|
||
}
|
||
}
|
||
|
||
$html .= '</select>';
|
||
$html .= '<p class="description">Select a template to pre-fill form fields with common settings.</p>';
|
||
$html .= '</div>';
|
||
$html .= '</div>';
|
||
|
||
return $html;
|
||
}
|
||
|
||
/**
|
||
* Render template preview area
|
||
*
|
||
* @return string Preview HTML
|
||
*/
|
||
private function render_template_preview_area(): string {
|
||
$html = '<div class="hvac-template-preview" id="hvac-template-preview" style="display: none;">';
|
||
$html .= '<div class="preview-header">';
|
||
$html .= '<h4><span class="dashicons dashicons-visibility"></span> Template Preview</h4>';
|
||
$html .= '<button type="button" class="preview-close" onclick="hvacCloseTemplatePreview()">×</button>';
|
||
$html .= '</div>';
|
||
$html .= '<div class="preview-content">';
|
||
$html .= '<div class="preview-info">';
|
||
$html .= '<p class="template-name"><strong></strong></p>';
|
||
$html .= '<p class="template-description"></p>';
|
||
$html .= '<p class="template-category">Category: <span></span></p>';
|
||
$html .= '</div>';
|
||
$html .= '<div class="preview-fields">';
|
||
$html .= '<h5>Pre-filled Fields:</h5>';
|
||
$html .= '<ul class="field-list"></ul>';
|
||
$html .= '</div>';
|
||
$html .= '<div class="preview-actions">';
|
||
$html .= '<button type="button" class="button button-primary" onclick="hvacApplyTemplate()">Apply This Template</button>';
|
||
$html .= '<button type="button" class="button" onclick="hvacCloseTemplatePreview()">Cancel</button>';
|
||
$html .= '</div>';
|
||
$html .= '</div>';
|
||
$html .= '</div>';
|
||
|
||
return $html;
|
||
}
|
||
|
||
/**
|
||
* Render save template dialog
|
||
*
|
||
* @return string Dialog HTML
|
||
*/
|
||
private function render_save_template_dialog(): string {
|
||
$html = '<div class="hvac-save-template-dialog" id="hvac-save-template-dialog" style="display: none;">';
|
||
$html .= '<div class="dialog-header">';
|
||
$html .= '<h4><span class="dashicons dashicons-saved"></span> Save as Template</h4>';
|
||
$html .= '<button type="button" class="dialog-close" onclick="hvacCloseSaveDialog()">×</button>';
|
||
$html .= '</div>';
|
||
$html .= '<div class="dialog-content">';
|
||
|
||
// Template name field
|
||
$html .= '<div class="form-group">';
|
||
$html .= '<label for="template-name"><strong>Template Name *</strong></label>';
|
||
$html .= '<input type="text" id="template-name" name="template_name" required maxlength="100" ';
|
||
$html .= 'placeholder="Enter template name..." class="template-input">';
|
||
$html .= '</div>';
|
||
|
||
// Template description field
|
||
$html .= '<div class="form-group">';
|
||
$html .= '<label for="template-description"><strong>Description</strong></label>';
|
||
$html .= '<textarea id="template-description" name="template_description" rows="3" maxlength="500" ';
|
||
$html .= 'placeholder="Brief description of this template..." class="template-input"></textarea>';
|
||
$html .= '</div>';
|
||
|
||
// Template category field
|
||
$html .= '<div class="form-group">';
|
||
$html .= '<label for="template-category"><strong>Category *</strong></label>';
|
||
$html .= '<select id="template-category" name="template_category" required class="template-input">';
|
||
$html .= '<option value="">Select Category...</option>';
|
||
$html .= '<option value="general">General</option>';
|
||
$html .= '<option value="training">Training</option>';
|
||
$html .= '<option value="workshop">Workshop</option>';
|
||
$html .= '<option value="certification">Certification</option>';
|
||
$html .= '<option value="conference">Conference</option>';
|
||
$html .= '<option value="webinar">Webinar</option>';
|
||
$html .= '</select>';
|
||
$html .= '</div>';
|
||
|
||
// Public checkbox
|
||
$html .= '<div class="form-group checkbox-group">';
|
||
$html .= '<label for="template-public">';
|
||
$html .= '<input type="checkbox" id="template-public" name="template_public" value="1">';
|
||
$html .= ' Make this template available to other trainers';
|
||
$html .= '</label>';
|
||
$html .= '<small class="description">If unchecked, only you will be able to use this template</small>';
|
||
$html .= '</div>';
|
||
|
||
$html .= '</div>';
|
||
$html .= '<div class="dialog-actions">';
|
||
$html .= '<button type="button" class="button button-primary" onclick="hvacSaveAsTemplate()">Save Template</button>';
|
||
$html .= '<button type="button" class="button" onclick="hvacCloseSaveDialog()">Cancel</button>';
|
||
$html .= '</div>';
|
||
$html .= '</div>';
|
||
|
||
return $html;
|
||
}
|
||
|
||
/**
|
||
* Get timezone options for select field
|
||
*
|
||
* @return array Timezone options
|
||
*/
|
||
private function get_timezone_options(): array {
|
||
// Check cache first
|
||
$cached_timezones = $this->cache ? $this->cache->get_timezone_list() : false;
|
||
|
||
if ($cached_timezones !== false) {
|
||
return $cached_timezones;
|
||
}
|
||
|
||
// Generate timezone options
|
||
$timezone_options = [];
|
||
$zones = wp_timezone_choice('UTC');
|
||
|
||
if (preg_match_all('/<option value="([^"]*)"[^>]*>([^<]*)<\/option>/', $zones, $matches)) {
|
||
foreach ($matches[1] as $index => $value) {
|
||
$timezone_options[$value] = $matches[2][$index];
|
||
}
|
||
}
|
||
|
||
// Cache the results
|
||
if ($this->cache) {
|
||
$this->cache->cache_timezone_list($timezone_options);
|
||
}
|
||
|
||
return $timezone_options;
|
||
}
|
||
|
||
/**
|
||
* Get venue options for select field
|
||
*
|
||
* @return array Venue options
|
||
*/
|
||
private function get_venue_options(): array {
|
||
// Check cache first
|
||
$cache_key = 'venue_options_' . get_current_user_id();
|
||
$cached_venues = $this->cache ? $this->cache->get_venue_search($cache_key) : false;
|
||
|
||
if ($cached_venues !== false) {
|
||
return $cached_venues;
|
||
}
|
||
|
||
// Get venues from database
|
||
$venues = get_posts([
|
||
'post_type' => 'tribe_venue',
|
||
'post_status' => 'publish',
|
||
'posts_per_page' => 100, // Limit to prevent performance issues
|
||
'orderby' => 'title',
|
||
'order' => 'ASC',
|
||
]);
|
||
|
||
$venue_options = ['0' => '-- Select Venue --', 'new' => '+ Create New Venue'];
|
||
|
||
foreach ($venues as $venue) {
|
||
$venue_city = get_post_meta($venue->ID, '_VenueCity', true);
|
||
$venue_state = get_post_meta($venue->ID, '_VenueState', true);
|
||
|
||
$location_info = '';
|
||
if ($venue_city || $venue_state) {
|
||
$location_info = ' (' . trim($venue_city . ', ' . $venue_state, ', ') . ')';
|
||
}
|
||
|
||
$venue_options[$venue->ID] = $venue->post_title . $location_info;
|
||
}
|
||
|
||
// Cache the results
|
||
if ($this->cache) {
|
||
$this->cache->cache_venue_search($cache_key, $venue_options);
|
||
}
|
||
|
||
return $venue_options;
|
||
}
|
||
|
||
/**
|
||
* Get organizer options for select field
|
||
*
|
||
* @return array Organizer options
|
||
*/
|
||
private function get_organizer_options(): array {
|
||
// Get organizers from database
|
||
$organizers = get_posts([
|
||
'post_type' => 'tribe_organizer',
|
||
'post_status' => 'publish',
|
||
'posts_per_page' => 100, // Limit to prevent performance issues
|
||
'orderby' => 'title',
|
||
'order' => 'ASC',
|
||
]);
|
||
|
||
$organizer_options = ['0' => '-- Select Organizer --', 'new' => '+ Create New Organizer'];
|
||
|
||
foreach ($organizers as $organizer) {
|
||
$organizer_email = get_post_meta($organizer->ID, '_OrganizerEmail', true);
|
||
$email_info = $organizer_email ? ' (' . $organizer_email . ')' : '';
|
||
|
||
$organizer_options[$organizer->ID] = $organizer->post_title . $email_info;
|
||
}
|
||
|
||
return $organizer_options;
|
||
}
|
||
|
||
/**
|
||
* Add venue creation fields (shown when "Create New" is selected)
|
||
*/
|
||
private function add_venue_creation_fields(): self {
|
||
$venue_fields = [
|
||
[
|
||
'type' => 'text',
|
||
'name' => 'new_venue_name',
|
||
'label' => 'Venue Name',
|
||
'class' => 'hvac-venue-field',
|
||
'wrapper_class' => 'form-row venue-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'venue-create'],
|
||
'required' => false,
|
||
],
|
||
[
|
||
'type' => 'text',
|
||
'name' => 'new_venue_address',
|
||
'label' => 'Address',
|
||
'class' => 'hvac-venue-field',
|
||
'wrapper_class' => 'form-row venue-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'venue-create'],
|
||
],
|
||
[
|
||
'type' => 'text',
|
||
'name' => 'new_venue_city',
|
||
'label' => 'City',
|
||
'class' => 'hvac-venue-field',
|
||
'wrapper_class' => 'form-row venue-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'venue-create'],
|
||
],
|
||
[
|
||
'type' => 'text',
|
||
'name' => 'new_venue_state',
|
||
'label' => 'State',
|
||
'class' => 'hvac-venue-field',
|
||
'wrapper_class' => 'form-row venue-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'venue-create'],
|
||
],
|
||
[
|
||
'type' => 'text',
|
||
'name' => 'new_venue_zip',
|
||
'label' => 'Zip Code',
|
||
'class' => 'hvac-venue-field',
|
||
'wrapper_class' => 'form-row venue-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'venue-create'],
|
||
],
|
||
];
|
||
|
||
foreach ($venue_fields as $field) {
|
||
$this->add_field($field);
|
||
}
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Add organizer creation fields (shown when "Create New" is selected)
|
||
*/
|
||
private function add_organizer_creation_fields(): self {
|
||
$organizer_fields = [
|
||
[
|
||
'type' => 'text',
|
||
'name' => 'new_organizer_name',
|
||
'label' => 'Organizer Name',
|
||
'class' => 'hvac-organizer-field',
|
||
'wrapper_class' => 'form-row organizer-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'organizer-create'],
|
||
'required' => false,
|
||
],
|
||
[
|
||
'type' => 'email',
|
||
'name' => 'new_organizer_email',
|
||
'label' => 'Email',
|
||
'class' => 'hvac-organizer-field',
|
||
'wrapper_class' => 'form-row organizer-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'organizer-create'],
|
||
'validate' => ['email'],
|
||
],
|
||
[
|
||
'type' => 'text',
|
||
'name' => 'new_organizer_phone',
|
||
'label' => 'Phone',
|
||
'class' => 'hvac-organizer-field',
|
||
'wrapper_class' => 'form-row organizer-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'organizer-create'],
|
||
],
|
||
[
|
||
'type' => 'url',
|
||
'name' => 'new_organizer_website',
|
||
'label' => 'Website',
|
||
'class' => 'hvac-organizer-field',
|
||
'wrapper_class' => 'form-row organizer-creation-field hvac-hidden-field',
|
||
'data_attributes' => ['conditional' => 'organizer-create'],
|
||
'validate' => ['url'],
|
||
],
|
||
];
|
||
|
||
foreach ($organizer_fields as $field) {
|
||
$this->add_field($field);
|
||
}
|
||
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* Override parent render method to include template functionality
|
||
*
|
||
* @return string Rendered form HTML
|
||
*/
|
||
public function render(): string {
|
||
ob_start();
|
||
?>
|
||
<form <?php echo $this->get_form_attributes(); ?> data-template-enabled="<?php echo $this->template_mode_enabled ? '1' : '0'; ?>" data-edit-mode="<?php echo $this->is_edit_mode ? '1' : '0'; ?>">
|
||
<?php wp_nonce_field($this->nonce_action, $this->nonce_action . '_nonce'); ?>
|
||
|
||
<?php if ($this->is_edit_mode && $this->editing_event_id): ?>
|
||
<input type="hidden" name="event_id" value="<?php echo esc_attr($this->editing_event_id); ?>">
|
||
<input type="hidden" name="form_mode" value="edit">
|
||
<?php else: ?>
|
||
<input type="hidden" name="form_mode" value="create">
|
||
<?php endif; ?>
|
||
|
||
<?php if ($this->template_mode_enabled && $this->current_template): ?>
|
||
<div class="template-info">
|
||
<!-- SECURITY FIX: Enhanced XSS protection for template display -->
|
||
<p><strong>Using Template:</strong> <?php echo wp_kses_post($this->current_template['name']); ?></p>
|
||
<input type="hidden" name="current_template_id" value="<?php echo esc_attr(sanitize_text_field($this->current_template['id'])); ?>">
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<?php foreach ($this->fields as $field): ?>
|
||
<?php echo $this->render_field($field); ?>
|
||
<?php endforeach; ?>
|
||
|
||
<div class="form-submit">
|
||
<button type="submit" class="button button-primary">
|
||
<?php echo $this->current_template ? 'Create Event from Template' : 'Create Event'; ?>
|
||
</button>
|
||
|
||
<?php if ($this->template_mode_enabled): ?>
|
||
<button type="button" class="button button-secondary hvac-clear-template" onclick="hvacClearTemplate()">
|
||
Clear Template
|
||
</button>
|
||
<?php endif; ?>
|
||
</div>
|
||
</form>
|
||
|
||
<?php
|
||
return ob_get_clean();
|
||
}
|
||
|
||
/**
|
||
* Override render_field to handle template-specific field types
|
||
*
|
||
* @param array $field Field configuration
|
||
* @return string Rendered field HTML
|
||
*/
|
||
protected function render_field($field): string {
|
||
// Handle template-specific field types
|
||
if ($field['type'] === 'template-select') {
|
||
return $this->render_template_select($field);
|
||
}
|
||
|
||
if ($field['type'] === 'button') {
|
||
return $this->render_button($field);
|
||
}
|
||
|
||
// Handle custom HTML fields (venue, organizer, categories, etc.)
|
||
if ($field['type'] === 'custom') {
|
||
return $this->render_custom_field($field);
|
||
}
|
||
|
||
// Use parent implementation for standard fields
|
||
return parent::render_field($field);
|
||
}
|
||
|
||
/**
|
||
* Render template selection field
|
||
*
|
||
* @param array $field Field configuration
|
||
* @return string Rendered field HTML
|
||
*/
|
||
private function render_template_select($field): string {
|
||
$output = sprintf('<div class="%s">', esc_attr($field['wrapper_class']));
|
||
|
||
// Label
|
||
if (!empty($field['label'])) {
|
||
$output .= sprintf(
|
||
'<label for="%s">%s%s</label>',
|
||
esc_attr($field['id']),
|
||
esc_html($field['label']),
|
||
$field['required'] ? ' <span class="required">*</span>' : ''
|
||
);
|
||
}
|
||
|
||
// Template select with AJAX loading
|
||
$value = $this->get_field_value($field['name'], $field['value']);
|
||
|
||
$output .= sprintf(
|
||
'<select name="%s" id="%s" class="%s" onchange="hvacLoadTemplate(this.value)" %s>',
|
||
esc_attr($field['name']),
|
||
esc_attr($field['id']),
|
||
esc_attr($field['class']),
|
||
$field['required'] ? 'required' : ''
|
||
);
|
||
|
||
foreach ($field['options'] as $option_value => $option_label) {
|
||
$output .= sprintf(
|
||
'<option value="%s" %s>%s</option>',
|
||
esc_attr($option_value),
|
||
selected($value, $option_value, false),
|
||
esc_html($option_label)
|
||
);
|
||
}
|
||
|
||
$output .= '</select>';
|
||
|
||
// Loading indicator
|
||
$output .= '<span class="hvac-template-loading hidden">Loading template...</span>';
|
||
|
||
// Description
|
||
if (!empty($field['description'])) {
|
||
$output .= sprintf('<small class="description">%s</small>', esc_html($field['description']));
|
||
}
|
||
|
||
// Error
|
||
if (isset($this->errors[$field['name']])) {
|
||
$output .= sprintf(
|
||
'<span class="error">%s</span>',
|
||
esc_html($this->errors[$field['name']])
|
||
);
|
||
}
|
||
|
||
$output .= '</div>';
|
||
return $output;
|
||
}
|
||
|
||
/**
|
||
* Render button field
|
||
*
|
||
* @param array $field Field configuration
|
||
* @return string Rendered field HTML
|
||
*/
|
||
private function render_button($field): string {
|
||
$output = sprintf('<div class="%s">', esc_attr($field['wrapper_class']));
|
||
|
||
$output .= sprintf(
|
||
'<button type="button" name="%s" id="%s" class="%s" %s>%s</button>',
|
||
esc_attr($field['name']),
|
||
esc_attr($field['id']),
|
||
esc_attr($field['class']),
|
||
isset($field['onclick']) ? 'onclick="' . esc_attr($field['onclick']) . '"' : '',
|
||
esc_html($field['value'])
|
||
);
|
||
|
||
$output .= '</div>';
|
||
return $output;
|
||
}
|
||
|
||
/**
|
||
* Render custom HTML field
|
||
*
|
||
* @param array $field Field configuration
|
||
* @return string Rendered field HTML
|
||
*/
|
||
private function render_custom_field($field): string {
|
||
// Custom fields already contain their own wrapper div and labels
|
||
// Just return the custom HTML directly
|
||
if (isset($field['custom_html'])) {
|
||
return $field['custom_html'];
|
||
}
|
||
|
||
// Error: custom fields must have custom_html defined
|
||
error_log("HVAC Event Form Builder: Custom field '{$field['name']}' missing required custom_html property");
|
||
|
||
// Return empty string to avoid breaking the form
|
||
return '';
|
||
}
|
||
|
||
/**
|
||
* Enqueue template-related assets
|
||
*/
|
||
public function enqueue_template_assets(): void {
|
||
if (!$this->template_mode_enabled) {
|
||
return;
|
||
}
|
||
|
||
wp_enqueue_script(
|
||
'hvac-event-form-templates',
|
||
HVAC_PLUGIN_URL . 'assets/js/hvac-event-form-templates.js',
|
||
['jquery', 'hvac-ajax-optimizer'],
|
||
HVAC_VERSION,
|
||
true
|
||
);
|
||
|
||
wp_enqueue_style(
|
||
'hvac-event-form-templates',
|
||
HVAC_PLUGIN_URL . 'assets/css/hvac-event-form-templates.css',
|
||
[],
|
||
HVAC_VERSION
|
||
);
|
||
|
||
// Enqueue searchable selectors assets
|
||
wp_enqueue_script(
|
||
'hvac-searchable-selectors',
|
||
HVAC_PLUGIN_URL . 'assets/js/hvac-searchable-selectors.js',
|
||
['jquery'],
|
||
HVAC_VERSION,
|
||
true
|
||
);
|
||
|
||
wp_enqueue_style(
|
||
'hvac-searchable-selectors',
|
||
HVAC_PLUGIN_URL . 'assets/css/hvac-searchable-selectors.css',
|
||
[],
|
||
HVAC_VERSION
|
||
);
|
||
|
||
// Enqueue modal forms assets
|
||
wp_enqueue_script(
|
||
'hvac-modal-forms',
|
||
HVAC_PLUGIN_URL . 'assets/js/hvac-modal-forms.js',
|
||
['jquery'],
|
||
HVAC_VERSION,
|
||
true
|
||
);
|
||
|
||
wp_enqueue_style(
|
||
'hvac-modal-forms',
|
||
HVAC_PLUGIN_URL . 'assets/css/hvac-modal-forms.css',
|
||
[],
|
||
HVAC_VERSION
|
||
);
|
||
|
||
// Localize script for AJAX operations
|
||
wp_localize_script('hvac-event-form-templates', 'hvacEventTemplates', [
|
||
'ajaxurl' => admin_url('admin-ajax.php'),
|
||
'nonce' => wp_create_nonce('hvac_template_nonce'),
|
||
'strings' => [
|
||
'loadingTemplate' => __('Loading template...', 'hvac-community-events'),
|
||
'templateLoaded' => __('Template loaded successfully', 'hvac-community-events'),
|
||
'templateCleared' => __('Template cleared', 'hvac-community-events'),
|
||
'templateSaved' => __('Template saved successfully', 'hvac-community-events'),
|
||
'templateNameRequired' => __('Template name is required', 'hvac-community-events'),
|
||
'error' => __('An error occurred. Please try again.', 'hvac-community-events'),
|
||
'confirmClear' => __('Are you sure you want to clear the current template?', 'hvac-community-events'),
|
||
'fillRequiredFields' => __('Please fill in all required fields before saving as template.', 'hvac-community-events'),
|
||
]
|
||
]);
|
||
|
||
// Localize searchable selectors script
|
||
wp_localize_script('hvac-searchable-selectors', 'hvacSelectors', [
|
||
'ajaxUrl' => admin_url('admin-ajax.php'),
|
||
'nonce' => wp_create_nonce('hvac_ajax_nonce')
|
||
]);
|
||
|
||
// Localize modal forms script
|
||
$current_user = wp_get_current_user();
|
||
$can_create_categories = in_array('hvac_master_trainer', $current_user->roles);
|
||
|
||
wp_localize_script('hvac-modal-forms', 'hvacModalForms', [
|
||
'ajaxUrl' => admin_url('admin-ajax.php'),
|
||
'nonce' => wp_create_nonce('hvac_ajax_nonce'),
|
||
'canCreateCategories' => $can_create_categories
|
||
]);
|
||
}
|
||
|
||
/**
|
||
* AJAX handler for loading template data
|
||
*/
|
||
public function ajax_load_template_data(): void {
|
||
// SECURITY FIX: Use POST for all AJAX handlers and proper nonce verification
|
||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||
wp_send_json_error(['message' => __('Invalid request method', 'hvac-community-events')], 405);
|
||
return;
|
||
}
|
||
|
||
// Security check - Fixed: Use POST data for nonce verification
|
||
if (!wp_verify_nonce($_POST['nonce'] ?? '', 'hvac_template_nonce')) {
|
||
wp_send_json_error(['message' => __('Security check failed', 'hvac-community-events')], 403);
|
||
return;
|
||
}
|
||
|
||
// SECURITY FIX: Enhanced capability check with specific template permissions
|
||
if (!current_user_can('edit_posts') && !current_user_can('manage_hvac_templates')) {
|
||
wp_send_json_error(['message' => __('Permission denied', 'hvac-community-events')], 403);
|
||
return;
|
||
}
|
||
|
||
// Additional role-based check for HVAC trainers
|
||
$user = wp_get_current_user();
|
||
$allowed_roles = ['hvac_trainer', 'hvac_master_trainer', 'administrator'];
|
||
if (!array_intersect($allowed_roles, $user->roles) && !current_user_can('manage_options')) {
|
||
wp_send_json_error(['message' => __('Insufficient permissions', 'hvac-community-events')], 403);
|
||
return;
|
||
}
|
||
|
||
// SECURITY FIX: Get template_id from POST data, not GET
|
||
$template_id = sanitize_text_field($_POST['template_id'] ?? '');
|
||
if (empty($template_id) || $template_id === '0') {
|
||
wp_send_json_success(['template_data' => [], 'message' => __('Template cleared', 'hvac-community-events')]);
|
||
return;
|
||
}
|
||
|
||
$template = $this->template_manager->get_template($template_id);
|
||
if (!$template) {
|
||
wp_send_json_error(['message' => __('Template not found', 'hvac-community-events')]);
|
||
return;
|
||
}
|
||
|
||
// Increment usage count
|
||
$this->template_manager->update_template($template_id, [
|
||
'usage_count' => $template['usage_count'] + 1
|
||
]);
|
||
|
||
// SECURITY FIX: Sanitize template data before sending to prevent XSS
|
||
wp_send_json_success([
|
||
'template_data' => $this->sanitize_template_data($template['field_data']),
|
||
'template_info' => [
|
||
'name' => wp_kses_post($template['name']),
|
||
'description' => wp_kses_post($template['description']),
|
||
],
|
||
'message' => __('Template loaded successfully', 'hvac-community-events')
|
||
]);
|
||
}
|
||
|
||
/**
|
||
* SECURITY FIX: Sanitize template data to prevent XSS
|
||
*
|
||
* @param array $template_data Raw template data
|
||
* @return array Sanitized template data
|
||
*/
|
||
private function sanitize_template_data(array $template_data): array {
|
||
$sanitized = [];
|
||
|
||
foreach ($template_data as $key => $value) {
|
||
if (is_array($value)) {
|
||
$sanitized[$key] = $this->sanitize_template_data($value);
|
||
} else {
|
||
// Apply appropriate sanitization based on field type
|
||
$field_config = $this->get_field_config($key);
|
||
if ($field_config && isset($field_config['sanitize'])) {
|
||
$sanitized[$key] = $this->sanitize_field_value($field_config, $value);
|
||
} else {
|
||
// Default to text sanitization
|
||
$sanitized[$key] = sanitize_text_field($value);
|
||
}
|
||
}
|
||
}
|
||
|
||
return $sanitized;
|
||
}
|
||
|
||
/**
|
||
* Get field configuration by name
|
||
*
|
||
* @param string $field_name Field name
|
||
* @return array|null Field configuration or null if not found
|
||
*/
|
||
private function get_field_config(string $field_name): ?array {
|
||
foreach ($this->fields as $field) {
|
||
if ($field['name'] === $field_name) {
|
||
return $field;
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
/**
|
||
* AJAX handler for saving form as template
|
||
*/
|
||
public function ajax_save_as_template(): void {
|
||
// SECURITY FIX: Ensure POST method
|
||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||
wp_send_json_error(['message' => __('Invalid request method', 'hvac-community-events')], 405);
|
||
return;
|
||
}
|
||
|
||
// Security check
|
||
if (!wp_verify_nonce($_POST['nonce'] ?? '', 'hvac_template_nonce')) {
|
||
wp_send_json_error(['message' => __('Security check failed', 'hvac-community-events')], 403);
|
||
return;
|
||
}
|
||
|
||
// SECURITY FIX: Enhanced capability and role checks
|
||
if (!current_user_can('edit_posts') && !current_user_can('manage_hvac_templates')) {
|
||
wp_send_json_error(['message' => __('Permission denied', 'hvac-community-events')], 403);
|
||
return;
|
||
}
|
||
|
||
$user = wp_get_current_user();
|
||
$allowed_roles = ['hvac_trainer', 'hvac_master_trainer', 'administrator'];
|
||
if (!array_intersect($allowed_roles, $user->roles) && !current_user_can('manage_options')) {
|
||
wp_send_json_error(['message' => __('Insufficient permissions', 'hvac-community-events')], 403);
|
||
return;
|
||
}
|
||
|
||
$template_config = [
|
||
'name' => sanitize_text_field($_POST['template_name'] ?? ''),
|
||
'description' => sanitize_textarea_field($_POST['template_description'] ?? ''),
|
||
'category' => sanitize_text_field($_POST['template_category'] ?? 'general'),
|
||
'is_public' => (bool) ($_POST['template_public'] ?? false),
|
||
'meta_data' => []
|
||
];
|
||
|
||
$form_data = $_POST['form_data'] ?? [];
|
||
|
||
// Validate required fields
|
||
if (empty($template_config['name'])) {
|
||
wp_send_json_error(['message' => __('Template name is required', 'hvac-community-events')]);
|
||
return;
|
||
}
|
||
|
||
// Create template with form data
|
||
$template_data = array_merge($template_config, ['field_data' => $form_data]);
|
||
$result = $this->template_manager->create_template($template_data);
|
||
|
||
if ($result['success']) {
|
||
wp_send_json_success($result);
|
||
} else {
|
||
wp_send_json_error($result);
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Add custom validation rule for datetime fields
|
||
*
|
||
* @param mixed $value Value to validate
|
||
* @param string $rule Validation rule
|
||
* @param mixed $params Rule parameters
|
||
* @param array $field Field configuration
|
||
* @return string|false Error message or false if valid
|
||
*/
|
||
protected function apply_validation_rule($value, $rule, $params, $field) {
|
||
if ($rule === 'datetime') {
|
||
$datetime = DateTime::createFromFormat('Y-m-d\TH:i', $value);
|
||
if (!$datetime || $datetime->format('Y-m-d\TH:i') !== $value) {
|
||
return sprintf('%s must be a valid date and time.', $field['label']);
|
||
}
|
||
}
|
||
|
||
if ($rule === 'min_value') {
|
||
if (is_numeric($value) && floatval($value) < floatval($params)) {
|
||
return sprintf('%s must be at least %s.', $field['label'], $params);
|
||
}
|
||
}
|
||
|
||
if ($rule === 'max_value') {
|
||
if (is_numeric($value) && floatval($value) > floatval($params)) {
|
||
return sprintf('%s must not exceed %s.', $field['label'], $params);
|
||
}
|
||
}
|
||
|
||
// Use parent validation for standard rules
|
||
return parent::apply_validation_rule($value, $rule, $params, $field);
|
||
}
|
||
|
||
/**
|
||
* Add custom sanitization for datetime fields
|
||
*
|
||
* @param array $data Raw form data
|
||
* @return array Sanitized data
|
||
*/
|
||
public function sanitize(array $data): array {
|
||
$sanitized = parent::sanitize($data);
|
||
|
||
// Additional sanitization for event-specific fields
|
||
foreach ($this->fields as $field) {
|
||
if (!isset($data[$field['name']])) {
|
||
continue;
|
||
}
|
||
|
||
$value = $data[$field['name']];
|
||
|
||
switch ($field['sanitize']) {
|
||
case 'datetime':
|
||
// Validate and sanitize datetime-local format
|
||
$datetime = DateTime::createFromFormat('Y-m-d\TH:i', $value);
|
||
if ($datetime) {
|
||
$sanitized[$field['name']] = $datetime->format('Y-m-d\TH:i');
|
||
} else {
|
||
$sanitized[$field['name']] = '';
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
|
||
return $sanitized;
|
||
}
|
||
|
||
/**
|
||
* Render searchable organizer selector with multi-select and "Add New" functionality
|
||
*/
|
||
private function render_searchable_organizer_selector(): string {
|
||
$current_user = wp_get_current_user();
|
||
$can_create = in_array('administrator', $current_user->roles) ||
|
||
in_array('hvac_trainer', $current_user->roles) ||
|
||
in_array('hvac_master_trainer', $current_user->roles);
|
||
|
||
return <<<HTML
|
||
<div class="form-row organizer-selector-wrapper">
|
||
<label for="organizer-search"><strong>Organizers</strong> <span class="form-required">*</span></label>
|
||
<div class="organizer-selector hvac-searchable-selector" data-max-selections="3" data-type="organizer">
|
||
<div class="selector-input-wrapper">
|
||
<input
|
||
type="text"
|
||
id="organizer-search"
|
||
placeholder="Search organizers..."
|
||
class="selector-search-input"
|
||
autocomplete="off"
|
||
>
|
||
<div class="selector-arrow">▼</div>
|
||
</div>
|
||
|
||
<div class="selected-items" id="selected-organizers">
|
||
<!-- Selected organizers will appear here -->
|
||
</div>
|
||
|
||
<div class="selector-dropdown" style="display: none;">
|
||
<div class="dropdown-content">
|
||
<div class="loading-spinner" style="display: none;">Loading...</div>
|
||
<div class="no-results" style="display: none;">No organizers found</div>
|
||
<div class="dropdown-items">
|
||
<!-- Dynamic organizer options will be loaded here -->
|
||
</div>
|
||
{$this->render_create_new_button('organizer', $can_create)}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hidden inputs for form submission -->
|
||
<div class="hidden-inputs">
|
||
<!-- Will be populated with selected organizer IDs -->
|
||
</div>
|
||
</div>
|
||
<small class="description">Select up to 3 organizers for this event. You can search by name or email.</small>
|
||
</div>
|
||
HTML;
|
||
}
|
||
|
||
/**
|
||
* Render searchable category selector with multi-select (no create for trainers)
|
||
*/
|
||
private function render_searchable_category_selector(): string {
|
||
$current_user = wp_get_current_user();
|
||
$can_create = in_array('hvac_master_trainer', $current_user->roles); // Only master trainers can create categories
|
||
|
||
return <<<HTML
|
||
<div class="form-row category-selector-wrapper">
|
||
<label for="category-search"><strong>Categories</strong></label>
|
||
<div class="category-selector hvac-searchable-selector" data-max-selections="3" data-type="category">
|
||
<div class="selector-input-wrapper">
|
||
<input
|
||
type="text"
|
||
id="category-search"
|
||
placeholder="Search categories..."
|
||
class="selector-search-input"
|
||
autocomplete="off"
|
||
>
|
||
<div class="selector-arrow">▼</div>
|
||
</div>
|
||
|
||
<div class="selected-items" id="selected-categories">
|
||
<!-- Selected categories will appear here -->
|
||
</div>
|
||
|
||
<div class="selector-dropdown" style="display: none;">
|
||
<div class="dropdown-content">
|
||
<div class="loading-spinner" style="display: none;">Loading...</div>
|
||
<div class="no-results" style="display: none;">No categories found</div>
|
||
<div class="dropdown-items">
|
||
<!-- Dynamic category options will be loaded here -->
|
||
</div>
|
||
{$this->render_create_new_button('category', $can_create)}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hidden inputs for form submission -->
|
||
<div class="hidden-inputs">
|
||
<!-- Will be populated with selected category IDs -->
|
||
</div>
|
||
</div>
|
||
<small class="description">Select up to 3 categories for this event.</small>
|
||
</div>
|
||
HTML;
|
||
}
|
||
|
||
/**
|
||
* Render searchable venue selector with single-select and "Add New" functionality
|
||
*/
|
||
private function render_searchable_venue_selector(): string {
|
||
$current_user = wp_get_current_user();
|
||
$can_create = in_array('administrator', $current_user->roles) ||
|
||
in_array('hvac_trainer', $current_user->roles) ||
|
||
in_array('hvac_master_trainer', $current_user->roles);
|
||
|
||
return <<<HTML
|
||
<div class="form-row venue-selector-wrapper">
|
||
<label for="venue-search"><strong>Venue</strong> <span class="form-required">*</span></label>
|
||
<div class="venue-selector hvac-searchable-selector" data-max-selections="1" data-type="venue">
|
||
<div class="selector-input-wrapper">
|
||
<input
|
||
type="text"
|
||
id="venue-search"
|
||
placeholder="Search venues..."
|
||
class="selector-search-input"
|
||
autocomplete="off"
|
||
>
|
||
<div class="selector-arrow">▼</div>
|
||
</div>
|
||
|
||
<div class="selected-items" id="selected-venues">
|
||
<!-- Selected venue will appear here -->
|
||
</div>
|
||
|
||
<div class="selector-dropdown" style="display: none;">
|
||
<div class="dropdown-content">
|
||
<div class="loading-spinner" style="display: none;">Loading...</div>
|
||
<div class="no-results" style="display: none;">No venues found</div>
|
||
<div class="dropdown-items">
|
||
<!-- Dynamic venue options will be loaded here -->
|
||
</div>
|
||
{$this->render_create_new_button('venue', $can_create)}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hidden inputs for form submission -->
|
||
<div class="hidden-inputs">
|
||
<!-- Will be populated with selected venue ID -->
|
||
</div>
|
||
</div>
|
||
<small class="description">Select a venue for this event. You can search by name or address.</small>
|
||
</div>
|
||
HTML;
|
||
}
|
||
|
||
/**
|
||
* Render "Create New" button with role-based permissions
|
||
*/
|
||
private function render_create_new_button(string $type, bool $can_create): string {
|
||
if (!$can_create) {
|
||
if ($type === 'category') {
|
||
return '<div class="create-new-disabled">Only Master Trainers can create new categories</div>';
|
||
}
|
||
return '';
|
||
}
|
||
|
||
$label = ucfirst($type);
|
||
return <<<HTML
|
||
<div class="create-new-section">
|
||
<button type="button" class="create-new-btn" data-type="{$type}">
|
||
<span class="dashicons dashicons-plus-alt"></span>
|
||
Add New {$label}
|
||
</button>
|
||
</div>
|
||
HTML;
|
||
}
|
||
|
||
/**
|
||
* Render WordPress rich text editor field
|
||
*
|
||
* @return string HTML for WordPress editor
|
||
*/
|
||
private function render_wp_editor_field(): string {
|
||
ob_start();
|
||
?>
|
||
<div class="form-row event-description-wrapper">
|
||
<label for="event_description"><strong>Event Description</strong></label>
|
||
<?php
|
||
$editor_settings = [
|
||
'textarea_name' => 'event_description',
|
||
'textarea_rows' => 10,
|
||
'media_buttons' => false,
|
||
'teeny' => false,
|
||
'tinymce' => [
|
||
'toolbar1' => 'formatselect,bold,italic,underline,strikethrough,|,bullist,numlist,|,link,unlink,|,blockquote,hr,|,alignleft,aligncenter,alignright,|,undo,redo',
|
||
'toolbar2' => '',
|
||
'block_formats' => 'Paragraph=p;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;Preformatted=pre',
|
||
'forced_root_block' => 'p',
|
||
'force_p_newlines' => true,
|
||
'remove_redundant_brs' => true,
|
||
'convert_urls' => false,
|
||
'paste_as_text' => false,
|
||
'paste_auto_cleanup_on_paste' => true,
|
||
'paste_remove_spans' => true,
|
||
'paste_remove_styles' => true,
|
||
'paste_strip_class_attributes' => 'all',
|
||
'valid_elements' => 'p,br,strong,em,ul,ol,li,h2,h3,h4,h5,h6,blockquote,a[href|title],hr',
|
||
'valid_children' => '+p[strong|em|a|br],+ul[li],+ol[li],+li[strong|em|a|br|p]'
|
||
],
|
||
'quicktags' => [
|
||
'buttons' => 'strong,em,ul,ol,li,link,close'
|
||
]
|
||
];
|
||
|
||
wp_editor('', 'event_description', $editor_settings);
|
||
?>
|
||
<small class="description">Use the editor above to format your event description with headings, lists, and formatting.</small>
|
||
<script>
|
||
// Ensure TinyMCE is ready for AI Assistant
|
||
jQuery(document).ready(function($) {
|
||
// Store reference for AI Assistant
|
||
window.hvacTinyMCEReady = false;
|
||
window.hvacTinyMCEEditor = null;
|
||
|
||
// Listen for TinyMCE init event
|
||
$(document).on('tinymce-editor-init', function(event, editor) {
|
||
if (editor.id === 'event_description') {
|
||
window.hvacTinyMCEReady = true;
|
||
window.hvacTinyMCEEditor = editor;
|
||
console.log('TinyMCE editor initialized for event_description');
|
||
}
|
||
});
|
||
|
||
// Fallback check if event doesn't fire
|
||
function checkTinyMCEReady() {
|
||
if (typeof tinyMCE !== 'undefined' && tinyMCE.get('event_description')) {
|
||
if (!window.hvacTinyMCEReady) {
|
||
window.hvacTinyMCEReady = true;
|
||
window.hvacTinyMCEEditor = tinyMCE.get('event_description');
|
||
console.log('TinyMCE ready for event_description (fallback detection)');
|
||
}
|
||
} else {
|
||
setTimeout(checkTinyMCEReady, 100);
|
||
}
|
||
}
|
||
|
||
// Start fallback check
|
||
setTimeout(checkTinyMCEReady, 500);
|
||
});
|
||
</script>
|
||
</div>
|
||
<?php
|
||
return ob_get_clean();
|
||
}
|
||
|
||
/**
|
||
* Render media upload field for featured images
|
||
*
|
||
* @param string $field_name The input field name
|
||
* @param string $button_text The button text
|
||
* @return string
|
||
*/
|
||
private function render_media_upload_field(string $field_name, string $button_text = 'Select Image'): string {
|
||
ob_start();
|
||
?>
|
||
<div class="media-upload-field" data-field-name="<?php echo esc_attr($field_name); ?>">
|
||
<div class="image-preview-container" style="margin-bottom: 10px;">
|
||
<div class="image-preview" style="display: none; position: relative; max-width: 300px;">
|
||
<img src="" alt="Preview" style="max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 4px;">
|
||
<button type="button" class="remove-image" style="position: absolute; top: 5px; right: 5px; background: #d63638; color: white; border: none; border-radius: 50%; width: 24px; height: 24px; cursor: pointer; font-size: 12px;">×</button>
|
||
</div>
|
||
</div>
|
||
<div class="upload-controls">
|
||
<button type="button" class="select-image-btn button button-secondary">
|
||
<span class="dashicons dashicons-format-image" style="vertical-align: middle; margin-right: 5px;"></span>
|
||
<?php echo esc_html($button_text); ?>
|
||
</button>
|
||
<input type="hidden" name="<?php echo esc_attr($field_name); ?>" class="image-id-input" value="">
|
||
<input type="hidden" name="<?php echo esc_attr($field_name); ?>_url" class="image-url-input" value="">
|
||
</div>
|
||
<p class="description" style="margin-top: 5px;">
|
||
Recommended size: 1200x630 pixels for optimal display across devices.
|
||
</p>
|
||
</div>
|
||
|
||
<script>
|
||
jQuery(document).ready(function($) {
|
||
// Initialize media upload for this field
|
||
var fieldContainer = $('.media-upload-field[data-field-name="<?php echo esc_js($field_name); ?>"]');
|
||
var selectBtn = fieldContainer.find('.select-image-btn');
|
||
var removeBtn = fieldContainer.find('.remove-image');
|
||
var imagePreview = fieldContainer.find('.image-preview');
|
||
var previewImg = fieldContainer.find('.image-preview img');
|
||
var imageIdInput = fieldContainer.find('.image-id-input');
|
||
var imageUrlInput = fieldContainer.find('.image-url-input');
|
||
|
||
// WordPress media uploader
|
||
var mediaUploader;
|
||
|
||
selectBtn.on('click', function(e) {
|
||
e.preventDefault();
|
||
|
||
// If the uploader object has already been created, reopen the dialog
|
||
if (mediaUploader) {
|
||
mediaUploader.open();
|
||
return;
|
||
}
|
||
|
||
// Create the media frame
|
||
mediaUploader = wp.media({
|
||
title: '<?php echo esc_js($button_text); ?>',
|
||
button: {
|
||
text: 'Select Image'
|
||
},
|
||
multiple: false,
|
||
library: {
|
||
type: 'image'
|
||
}
|
||
});
|
||
|
||
// When an image is selected, run a callback
|
||
mediaUploader.on('select', function() {
|
||
var attachment = mediaUploader.state().get('selection').first().toJSON();
|
||
|
||
// Update hidden inputs
|
||
imageIdInput.val(attachment.id);
|
||
imageUrlInput.val(attachment.url);
|
||
|
||
// Update preview
|
||
previewImg.attr('src', attachment.url);
|
||
previewImg.attr('alt', attachment.alt || attachment.title || 'Selected image');
|
||
imagePreview.show();
|
||
|
||
// Update button text
|
||
selectBtn.html('<span class="dashicons dashicons-format-image" style="vertical-align: middle; margin-right: 5px;"></span>Change Image');
|
||
});
|
||
|
||
// Open the uploader dialog
|
||
mediaUploader.open();
|
||
});
|
||
|
||
// Remove image
|
||
removeBtn.on('click', function(e) {
|
||
e.preventDefault();
|
||
|
||
// Clear inputs
|
||
imageIdInput.val('');
|
||
imageUrlInput.val('');
|
||
|
||
// Hide preview
|
||
imagePreview.hide();
|
||
previewImg.attr('src', '');
|
||
|
||
// Reset button text
|
||
selectBtn.html('<span class="dashicons dashicons-format-image" style="vertical-align: middle; margin-right: 5px;"></span><?php echo esc_js($button_text); ?>');
|
||
});
|
||
});
|
||
</script>
|
||
<?php
|
||
return ob_get_clean();
|
||
}
|
||
}
|