Commit graph

30 commits

Author SHA1 Message Date
bengizmo
0c661a1a56 refactor: Replace Zoho .env configuration with WordPress admin interface
- Replace environment variable-based configuration with user-friendly admin interface
- Add credentials configuration form with Client ID and Secret fields
- Implement OAuth authorization flow directly from admin interface
- Add comprehensive credential validation and error handling
- Update Zoho auth class to use WordPress options instead of defined constants
- Add improved admin styling with responsive design
- Include copy-to-clipboard functionality for redirect URI
- Maintain backward compatibility with existing config file approach

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-14 23:57:20 -03:00
bengizmo
3da56c262a feat: Add comprehensive communication template management system
- Create HVAC_Communication_Templates class for managing email templates
- Add template post type with categories and placeholders
- Implement AJAX handlers for CRUD operations
- Create responsive template management interface with modal forms
- Add template manager widget for integration with email forms
- Include placeholder system for dynamic content (attendee_name, event_title, etc.)
- Add default templates for common scenarios (reminders, welcome, certificates)
- Create template management page with category filtering
- Add comprehensive E2E tests for template functionality
- Integrate widget into email attendees page
- Support template save/load/edit/delete operations
- Include CSS styling with responsive design and accessibility features
- Add JavaScript for interactive functionality and form handling

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-13 22:55:00 -03:00
bengizmo
5425b4346e feat: Add password show/hide toggle to login form
- Replace wp_login_form() with custom HTML for enhanced control
- Add password visibility toggle button with accessibility features
- Implement CSS styling with hover states and focus indicators
- Create JavaScript for toggle functionality with validation
- Add WordPress nonce security and localization support
- Include comprehensive E2E tests for all functionality
- Maintain full WordPress login form compatibility

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-13 22:30:02 -03:00
bengizmo
1bd871cc7b feat: Add enhanced dashboard features with search, filters, pagination, and sorting
- Add search box for real-time event name filtering with 500ms debounce
- Add date range filters (from/to) for filtering events by start date
- Add pagination with customizable items per page (10, 25, 50, 100)
- Add sortable table columns for status, name, date, capacity, sold, revenue
- Update dashboard data handler to support all new query parameters
- Create new JavaScript file for handling interactive features
- Create new CSS file for enhanced dashboard styling
- Maintain backward compatibility with existing status filters
- Add URL state management for browser navigation
- Add loading indicators and responsive design

The dashboard now provides a comprehensive interface for trainers to efficiently
manage and navigate their events with powerful filtering and sorting capabilities.

Co-Authored-By: Ben Reed <ben@tealmaker.com>
2025-05-30 10:16:45 -06:00
bengizmo
bcc0a082d3 refactor: Simplify attendee profile page UI/UX
## Summary
• Removed duplicate profile information section - now only one contact info section
• Removed "Activity Over Time" chart and Chart.js dependency
• Harmonized styling with existing plugin UI patterns

## Changes
- Consolidated profile header with page title and action buttons
- Used consistent table layout for contact information
- Applied dashboard-style statistics cards
- Removed Chart.js enqueue and JavaScript functionality
- Updated CSS to match plugin's existing styling patterns
- Simplified JavaScript to handle only timeline animations

## UI Improvements
- Cleaner, more focused layout without redundant information
- Better responsive design for mobile devices
- Consistent styling with other plugin pages
- Improved print layout

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-24 20:08:23 -03:00
bengizmo
e74f064f4e feat: Add comprehensive attendee profile feature with tests
## Summary
• Implemented attendee profile page showing stats, profile info, and activity timeline
• Added profile icon links in Generate Certificates page
• Created comprehensive E2E test suite covering all functionality

## Features Added
- Complete attendee profile page at /attendee-profile/
- Profile statistics: purchases, events registered/attended, certificates
- Personal information display with privacy-conscious handling
- Activity timeline with registration, event, and certificate history
- Monthly activity chart using Chart.js
- Print-friendly styling and layout
- Profile icon integration in certificate generation page

## Technical Details
- New PHP class: class-attendee-profile.php
- Helper functions for generating profile links
- Responsive CSS with mobile breakpoints
- JavaScript for timeline chart and interactions
- 6 comprehensive E2E tests added to final-working-tests.test.ts
- Fixed test locator ambiguity for "Email Attendee" text

## Test Results
All 6 attendee profile tests passing:
✓ Icon visibility in Generate Certificates
✓ Page accessibility and structure
✓ Direct access with parameters
✓ Chart rendering
✓ Timeline interactions
✓ Print functionality

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-24 19:23:33 -03:00
bengizmo
3ea3135468 feat: Add clickable certificate links in Generate Certificates page
- Modified template to fetch full certificate data instead of just boolean
- Made "Certificate Issued" text clickable with secure download link
- Links open in new tab for better user experience
- Added CSS styling for certificate links with hover effects and external link indicator
- Certificate URLs are generated with 1-hour validity for security

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-24 09:33:20 -03:00
bengizmo
29c1d88082 fix: Properly resolve home page content disappearing issue
- Made CSS animations specific to .hvac-content wrapper to prevent affecting non-HVAC pages
- Added JavaScript safety checks to only run animations on HVAC pages
- Fixed overly broad CSS selectors that were hiding content globally
- Added early return in JavaScript if not on HVAC page
- Fixed animation table row selectors to be HVAC-specific

The root cause was CSS/JS affecting elements with generic class names site-wide.
Now animations only target elements within HVAC plugin pages.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-24 08:41:49 -03:00
bengizmo
76130c1ef1 fix: Complete certificate functionality restoration
This commit fixes all major certificate functionality issues reported by the user:

## Key Fixes Applied:

### 1. JavaScript Syntax Error Resolution
- Fixed escaped exclamation mark (\!) in hvac-certificate-actions.js line 119
- This syntax error was preventing the entire JavaScript file from executing
- Removed corrupted content at end of file

### 2. Dynamic Form Handling Implementation
- Converted static event handlers to event delegation for dynamic forms
- Generate certificates form is created dynamically after event selection
- Updated all button handlers (select-all, deselect-all, etc.) to use event delegation
- Fixed initialization logic to detect generate certificates page correctly

### 3. Backend AJAX Functionality Verification
- Confirmed AJAX handlers are properly registered and working
- Direct testing shows AJAX endpoints return correct data (5 attendees for test event)
- Certificate generation, viewing, and emailing backends are fully functional

### 4. Template Query Standardization
- Updated generate certificates template to use same attendee query as AJAX handler
- Fixed outdated TEC attendee post types and meta key references
- Standardized on modern TEC structure (tec_tc_attendee, tribe_tpp_attendees)
- Added proper COALESCE handling for multiple email/name field variations

### 5. Event Handler Architecture Improvement
- Fixed form detection logic for dynamically created certificate generation form
- Improved script initialization to handle both static and dynamic page elements
- Enhanced error handling and user feedback systems

## Technical Details:

**Before:** Certificate generation, viewing, and emailing were completely non-functional
- JavaScript syntax errors prevented any interactions
- Template used outdated database queries
- Event handlers weren't attached to dynamic forms

**After:** Full certificate workflow is restored
- Users can select events and see attendees dynamically loaded
- AJAX-powered attendee loading works correctly
- Certificate generation backend processes requests properly
- View and email certificate functionality is operational

## Testing Results:
-  AJAX backend endpoints return correct data (verified with direct API calls)
-  JavaScript files load and initialize properly
-  Event selection triggers proper page updates
-  Generate Certificates page shows correct event/attendee structure
-  All 5 original UI issues previously reported are resolved

This completes the certificate functionality restoration requested by the user.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-23 21:36:58 -03:00
bengizmo
3c37558e48 fix: Complete resolution of 5 critical bugs in certificate and navigation systems
- Fix Certificate Reports: Complete template rewrite with robust error handling, direct database queries, and proper statistics display
- Fix Generate Certificates: Simplified template with reliable attendee loading, proper form handling, and enhanced user experience
- Fix Create Event: Enhanced TEC Community Events detection with improved shortcode handling and informative messaging
- Fix My Events removal: Systematic elimination of all My Events references, navigation links, and shortcode handlers
- Fix duplicate Help links: Remove tooltip wrapper from Help button to eliminate visual duplication on dashboard
- Add comprehensive error handling and graceful fallbacks throughout certificate system
- Implement mobile-responsive designs with modern CSS styling
- Ensure all fixes are tested and verified with E2E test suite

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-23 19:58:02 -03:00
bengizmo
dea1200efb feat: Add comprehensive UX enhancements for mobile and desktop
- Create modern toast notification system replacing browser alerts
- Add mobile-responsive layouts with touch-friendly elements
- Implement loading states and progress indicators for all AJAX operations
- Add mobile navigation with collapsible menus
- Create enhanced form validation with inline error messages
- Add accessibility features (keyboard navigation, ARIA labels)
- Build comprehensive mobile testing suite
- Optimize for 320px to 1024px+ screen sizes
- Include progressive enhancement and fallback support

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-23 16:41:01 -03:00
bengizmo
2a75b6808d Replace alert() calls with HVACToast system in certificate and Zoho admin JavaScript
Updated hvac-certificate-actions.js and zoho-admin.js to use the modern toast notification system instead of browser alerts, with fallback to alert() if HVACToast is not available. This provides a better user experience with consistent styling and non-blocking notifications.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-23 16:27:14 -03:00
bengizmo
c2c5e2802e feat: Implement harmonized CSS framework with theme-based styling
- Created comprehensive harmonized CSS framework (hvac-harmonized.css) based on Astra theme analysis
- Built enhanced styling for all plugin pages using CSS custom properties and modern design patterns
- Updated CSS enqueue system to load harmonized framework as foundation for all pages
- Enhanced dashboard, login, and certificate pages with consistent theme-integrated styling
- Maintained backward compatibility with existing CSS files
- Added proper dependency management and versioning for CSS files
- Improved accessibility with WCAG-compliant color contrasts and focus states
- Implemented responsive design patterns and modern typography scale

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-23 09:48:30 -03:00
bengizmo
f5cb8c07cf Implement certificate preview system with AJAX to eliminate page reloads and provide real-time certificate previews with secure token-based access as requested by user feedback.
🎯 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-23 08:39:32 -03:00
bengizmo
45b8192715 feat: Enhanced test data creation and login system improvements
- Updated comprehensive test data script to use proper deployment configuration
- Fixed test data script file paths and deployment process
- Enhanced login form with better error/success messaging
- Improved Zoho admin interface with detailed OAuth flow
- Fixed login page styling to prevent theme constraints
- Added proper error handling for expired/invalid Zoho tokens

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-22 15:54:15 -03:00
bengizmo
803993d5e9 feat: Add comprehensive help system with welcome guide, tooltips, and documentation
- Add interactive welcome guide modal with 4 informative cards
- Implement cookie-based dismissal lasting 30 days
- Create tooltips system for major sections across custom pages
- Add comprehensive documentation page with FAQs and step-by-step guides
- Include Font Awesome icons for visual enhancement
- Add Help buttons to navigation across all pages
- Enhance user onboarding and platform understanding

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-22 08:47:43 -03:00
bengizmo
dfb4faefcf docs: Update testing procedures in CLAUDE.md with comprehensive E2E test workflow 2025-05-21 20:12:22 -03:00
bengizmo
005bbf537e fix: Improve Zoho CRM integration debug and error handling
- Enhanced error messages for Zoho CRM connection test failures
- Added detailed error information display in admin UI
- Created diagnostics.php script for advanced troubleshooting
- Improved logging with file, line, and stack trace information
- Added client ID, secret, and refresh token validation checks
- Enhanced CSS styling for error messages and debugging info
- Added configuration status checks to help identify issues

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-21 11:09:23 -03:00
bengizmo
a24d3af81b feat: Add certificate test data generation and verification
- Add comprehensive test data generation scripts for certificate testing
- Create scripts to verify certificate data and attendee filtering
- Add detailed findings and documentation on test data
- Include certificate tests for various filter combinations
- Fix issues with attendee filtering implementation in template
- Add validation for certificate template file syntax
- Document test data structure and verification results
2025-05-21 09:41:09 -03:00
bengizmo
c417a6154b feat: Implement certificate generation system
- Add certificate database table for storing certificate records
- Create certificate generator using TCPDF library
- Implement certificate template system with HTML templates
- Add certificate management UI for viewing, emailing, and revoking
- Add AJAX handlers for certificate actions
- Implement secure certificate download with tokenization
- Create certificate reports and generation pages with appropriate UI

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-20 18:33:34 -03:00
bengizmo
964d5f75a8 feat: Implement certificate generation system
- Add certificate database schema and installer
- Integrate TCPDF for PDF generation
- Create certificate management and generation classes
- Implement certificate template customization
- Add certificate reports and generation pages
- Integrate with check-in functionality
- Implement certificate viewing, revocation, and email features
- Add certificate actions to Event Summary page

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-20 15:17:55 -03:00
bengizmo
9a930ea1fc feat: Enhance plugin UI with improved styling and accessibility
- Add responsive button styles with mobile optimization
- Implement accessibility focus styles and keyboard navigation support
- Create animation system for smoother interactive elements
- Add mobile navigation menu for dashboard and main pages
- Include print stylesheet for better printable event summaries
- Optimize all UI components for better usability and consistency

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-20 12:37:59 -03:00
bengizmo
e6bdce4301 feat: Add Email Attendees functionality (Phase 2)
Implements the Email Attendees feature which allows trainers to:
- Email event attendees directly from the Event Summary page
- Filter attendees by ticket type
- Use a rich text editor to compose messages
- Include CC recipients
- Send personalized emails to selected attendees

Includes unit tests, integration tests, and E2E tests to verify functionality.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-20 10:33:03 -03:00
bengizmo
5bcd8a48a8 feat: Improve dashboard UI and interactivity
- Change 'Your Stats' section to row layout for better visual display
- Add dynamic event filtering without page reload
- Create AJAX endpoint for event filtering
- Add loading animation and UI feedback
- Improve mobile responsiveness

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-19 18:54:52 -03:00
bengizmo
54312badba feat: Add comprehensive Admin Dashboard to HVAC Community Events
- Create Admin Dashboard class with multiple metric categories
- Add health checks for plugin dependencies and system status
- Implement trainer metrics (total registrations, weekly registrations, login tracking)
- Add event statistics (total/past/future/draft/cancelled events, attendee counts)
- Implement revenue statistics (total revenue, weekly revenue, purchase counts)
- Create maintenance controls for cache clearing, database optimization, role regeneration
- Add AJAX-powered metric refresh and CSV export functionality
- Include responsive dashboard UI with metric widgets
- Integrate dashboard into WordPress admin menu under HVAC Community Events
- Add auto-refresh capability (every 5 minutes)
- Include error handling and user notifications

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-05-19 17:24:26 -03:00
bengizmo
0e8b0f0325 feat: Add Zoho CRM integration with staging mode protection
- Implement OAuth 2.0 authentication for Zoho CRM
- Add sync functionality for Events → Campaigns, Users → Contacts, Orders → Invoices
- Create staging mode that prevents production syncs from non-production domains
- Build admin interface for sync management
- Add comprehensive field mapping between WordPress and Zoho
- Include test scripts and documentation
- Ensure production sync only on upskillhvac.com domain
2025-05-19 13:17:44 -03:00
bengizmo
0bcae8792c fix(tests): Resolve Task 4.7 integration test issues & UMB
- Debugged and resolved failures/skips in integration tests for Task 4.7 (Create/Modify Event Pages). The root cause was incorrect loading and initialization assumptions regarding The Events Calendar Community Events (TEC CE) within the PHPUnit environment.
- Corrected TEC CE loading in `tests/bootstrap.php` by:
    - Fixing the plugin filename (`tribe-community-events.php`).
    - Changing the loading hook from `muplugins_loaded` to `plugins_loaded`.
- Refactored `test-event-management-integration.php`:
    - Moved TEC CE availability checks from `wpSetUpBeforeClass` to `set_up` to avoid premature checks.
    - Removed skip logic based on incorrect assumptions about TEC CE's `$form_handler` property.
- Refactored `class-event-handler.php`:
    - Removed incorrect conditional delegation logic attempting to call a non-existent TEC CE method.
    - Fixed a PHP syntax error (missing closing brace) introduced during previous edits.
- Integration tests for Task 4.7 (`Event_Management_Integration_Test`) now pass successfully.
2025-04-02 07:02:06 -03:00
bengizmo
cdef12ee80 feat(events): Implement fallback logic and UI for Create/Modify Event page
- Refactored fallback submission logic in `class-event-handler.php` to remove `wp_die`/`exit` calls and use redirects for error handling, enabling proper unit testing.
- Implemented meta-data saving (dates, venue, organizer) in the fallback logic using `update_post_meta`.
- Updated unit tests (`test-event-management.php`) to remove `markTestIncomplete` calls related to handler errors and uncommented meta assertions. Unit tests for fallback logic now pass.
- Added Instructions section and Return to Dashboard button to the event form shortcode (`display_event_form_shortcode`).
- Applied basic theme styling classes (`ast-container`, `notice`, `ast-button`) to the event form.
- Updated `docs/implementation_plan.md` to reflect completion of tasks 4.1-4.5 and set focus to Task 5.

Refs: Task 4.1, 4.2, 4.3, 4.4, 4.5
2025-04-01 11:46:24 -03:00
bengizmo
8655c91003 feat(registration): Implement form, E2E tests, and debug processing
Implements the full HTML structure for the Community Registration form based on requirements, including all specified fields, labels, hints, and basic structure for error display. Adds corresponding JavaScript for dynamic state/province dropdown population.

Creates initial E2E tests (`registration.spec.ts`) for the registration page covering loading, validation scenarios (empty fields, invalid email, password mismatch, weak password), and successful submission. Creates a test data file (`personas.ts`) with sample user data.

Undertakes extensive debugging of failing E2E tests:
- Resolved initial shortcode rendering failure by correctly instantiating the `HVAC_Registration` class.
- Fixed incorrect form ID and submit button selectors in E2E tests.
- Corrected field ID selector (`#business_phone`) in E2E test.
- Refactored form submission handling multiple times (trying `init` hook, `admin_post` hooks, and direct shortcode processing) to address issues with validation error display and success redirects. Reverted to using the `init` hook with transient-based error handling as the most promising path despite current display issues.
- Identified and fixed a fatal PHP error ("Cannot redeclare handle_profile_image_upload") caused by duplicated code during refactoring.
- Troubleshot and resolved Docker volume/cache issues preventing code fixes from taking effect by restarting containers and flushing caches.
- Added and subsequently removed extensive diagnostic logging throughout the PHP classes and main plugin file to trace execution flow.
- Refined Playwright waits in E2E tests, specifically for the dynamically populated state dropdown.

Updates Memory Bank files (`activeContext.md`, `progress.md`) and `docs/implementation_plan.md` to reflect the completed unit test validation (Task 0.6) and the current debugging status of registration E2E tests (Task 1.10).

Current Status:
- Fatal errors resolved, plugin initializes correctly.
- Login E2E tests pass.
- Registration page loads correctly.
- Successful registration E2E test path completes form filling and submission, resulting in the expected redirect.
- Validation error E2E tests still fail as backend errors are not displayed on the frontend after form submission/redirect. Further debugging needed on error display mechanism (likely transient handling or HTML rendering).

Modified Files:
- docs/implementation_plan.md
- memory-bank/activeContext.md
- memory-bank/progress.md
- wordpress-dev/tests/e2e/data/personas.ts (new)
- wordpress-dev/tests/e2e/tests/registration.spec.ts (new)
- wordpress-dev/wordpress/wp-content/plugins/hvac-community-events/assets/js/hvac-registration.js
- wordpress-dev/wordpress/wp-content/plugins/hvac-community-events/hvac-community-events.php
- wordpress-dev/wordpress/wp-content/plugins/hvac-community-events/includes/class-hvac-community-events.php
- wordpress-dev/wordpress/wp-content/plugins/hvac-community-events/includes/class-hvac-registration.php
2025-03-30 22:20:40 -03:00
bengizmo
37f7b426b6 feat: Implement auto page creation & fix login E2E tests
Implements automatic creation of required plugin pages (Community Login,
Trainer Registration, Trainer Dashboard) upon plugin activation. This
addresses E2E test failures caused by missing pages in the test
environment.

- Adds activation hook in `hvac-community-events.php` to call
  `hvac_ce_create_required_pages`.
- The callback function checks for existing pages by slug and creates
  them using `wp_insert_post` if missing. Includes debug logging.

Also fixes issues identified during E2E test debugging:
- Corrects fatal error in `includes/community/class-login-handler.php`
  by replacing undefined constant `HVAC_COMMUNITY_EVENTS_PATH` with
  `HVAC_CE_PLUGIN_DIR`.
- Updates `tests/e2e/tests/login.spec.ts` to use the correct selector
  `#wp-submit` for the login form submit button instead of
  `button[type="submit"]`.

Documentation updates:
- Adds `docs/automatic-page-creation-plan.md`.
- Updates `README.md` regarding automatic page creation.
- Updates Memory Bank files (`decisionLog.md`, `progress.md`,
  `activeContext.md`).

Note: Activation hook logging did not appear during WP-CLI activation,
requiring further investigation if page creation issues persist. E2E
test confirmation pending.
2025-03-28 17:18:21 -03:00