Commit graph

13 commits

Author SHA1 Message Date
e90fea48a0 Add customizable CTA arrow icons for all cards
- Add cta_card_X_cta_icon settings for each CTA card (1-4)
- Default to "angle-double-right" icon for all cards
- Allow admin to customize arrow icon per card (e.g., 'arrow-right', 'chevron-right', etc.)
- Update component template to use settings instead of hardcoded icon
- Each CTA card now has independent control over its arrow/action icon
2025-10-16 18:07:17 +02:00
f355950f9f Icon fix 2025-10-16 18:03:19 +02:00
a838e3c22b Fix Font Awesome icon rendering using Discourse icon helper
- Import d-icon helper from discourse-common
- Replace manual <i> tags with {{icon}} helper for Font Awesome icons
- Update CSS to style .d-icon elements instead of i tags
- Ensure icons display correctly with proper sizing and colors
- Fix hover animation to use margin instead of padding for d-icon

This resolves the issue where Font Awesome icons weren't appearing when selected in admin settings.
2025-10-16 17:59:12 +02:00
b0178e9186 Add custom CSS setting for admin customization
- Add custom_css textarea setting in settings.yml
- Support custom CSS injection in welcome-banner component
- Allow admins to override or extend banner styles without modifying code
- Inject custom CSS only when banner is displayed
- Include English and Hungarian descriptions with examples
2025-10-16 17:32:23 +02:00
6bea82288b Fix strict mode template: import helpers and use concat properly
- Import concat, eq, and, not helpers from Ember packages
- Replace inline {{fa-icon}} interpolation with concat helper
- Fix Font Awesome class construction: class={{concat "fas fa-" settings.icon}}
- Import truth-helpers for conditional logic
- Ensures strict mode template compliance

Fixes compile error: "Attempted to resolve a helper in a strict mode template"

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 17:19:39 +02:00
c683bc82a9 Modernize to .gjs Glimmer component with renderInOutlet pattern
- Replace plugin outlet connectors with modern .gjs Glimmer component
- Use api.renderInOutlet() instead of connector templates (official pattern)
- Add service injection (@service router, @service site)
- Implement lifecycle hooks with didInsert/willDestroy modifiers
- Use native SearchMenu component integration
- Remove old connector directory structure
- Update CSS to target outlet wrapper classes
- Simplify API initializer to 10 lines (from 112 lines)
- Add route-based display logic with router service
- Direct settings access without this.theme wrapper

This follows the official discourse-search-banner implementation pattern.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 17:16:53 +02:00
62d97ffdc9 Fix banner positioning: use above-main-outlet and adjust below-header width
- Replace above-main-container-outlet with above-main-outlet for proper #main-outlet placement
- Add CSS rule for below-site-header positioning with sidebar-aware width
- Set max-width to calc(var(--d-sidebar-width) + var(--d-max-width)) for below-header
- Update section class name from above-main-container-outlet to above-main-outlet
- Remove deprecated above-main-container-outlet connector directory

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 17:01:51 +02:00
658210d2e2 Add connector.js files to expose theme settings in templates
- Create Glimmer component classes for both plugin outlet connectors
- Expose settings object as this.theme getter for template access
- Ensures theme component settings are properly available in Handlebars templates
- Fixes settings access for Discourse 3.5.0 component architecture

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 16:42:01 +02:00
c4eb1c6f0a Fix Ember this-fallback deprecation: add this. prefix to theme properties
- Update Handlebars templates to use this.theme.* instead of theme.*
- Fixes deprecation warning: ember-this-fallback.this-property-fallback
- Ensures compatibility with Discourse 3.5.0 strict template requirements

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 16:38:47 +02:00
e9d72d53b5 Fix Discourse 3.5.0 compatibility issues
- Replace color-mix() CSS function with rgba() for better browser support
- Update Handlebars templates: change this.theme.* to theme.* for correct context
- Fix JavaScript settings access: remove theme_vars nesting, use direct settings object
- Ensure banner visibility on homepage with proper settings integration

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-16 16:36:24 +02:00
62275c8ebf Fix Ember deprecation warnings by adding this. prefix to theme properties
All Handlebars templates updated to use this.theme instead of theme
for compatibility with latest Discourse/Ember version.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-15 22:05:08 +02:00
9fc91f14e4 Fix preview issues: add fallback colors, improve settings handling, simplify Handlebars conditions 2025-10-15 21:59:41 +02:00
49a711320c Initial commit: Nyíltvilág Welcome Banner theme component 2025-10-15 21:42:02 +02:00