Commit graph

29 commits

Author SHA1 Message Date
2baeebdac7 Remove mobile restriction from search field display
- Remove isMobile getter and mobile check from search display logic
- Search field now displays on all devices for logged-in users
- Update locales to remove 'desktop only' notation
- Simplify conditional logic in template
2025-10-17 19:36:18 +02:00
1e7ad515a9 Fix button label rendering by using native HTML buttons
- Replace DButton components with native HTML button elements
- Remove DButton import (no longer needed)
- Use {{on click}} modifier for button actions
- Button text now displays correctly from settings
- Fixes [hu.Belépés] display issue
2025-10-17 17:53:35 +02:00
4176b14594 Replace i18n button labels with admin settings and reorder in UI
- Add login_button_text and register_button_text to settings.yml
- Position button settings directly after hero_content_anonymous_html
- Remove i18n helper import from component
- Use settings for button text instead of translations
- Update locales files with setting descriptions
- Button text now fully configurable in admin panel
2025-10-17 17:46:45 +02:00
59859747f6 Fix button labels and click handlers for login/register
- Add goToLogin and goToSignup action methods
- Use @translatedLabel instead of @label for proper i18n rendering
- Fix @action to reference proper component methods
- Buttons now display correct translated text and navigate properly
2025-10-17 17:34:35 +02:00
7b050f4a3a Move all admin setting descriptions to locales files
- Move all description fields from settings.yml to locales/en.yml and locales/hu.yml
- Settings descriptions now fully localized under theme_metadata.settings
- Cleaner settings.yml without inline description objects
- All admin UI text now translatable and maintainable in locale files
2025-10-17 17:22:41 +02:00
aeb7950d14 Add i18n support with locales for button text
- Create locales directory with en.yml and hu.yml translation files
- Update WelcomeBanner component to use i18n helper for button labels
- Remove login_button_text and register_button_text from settings.yml
- Update CLAUDE.md documentation with i18n architecture details
- Button text now properly localized: hu (Belépés/Regisztráció) and en (Log in/Sign up)
2025-10-17 17:19:52 +02:00
c4f807356c Add conditional hero content for logged-in and anonymous users
- Add theme settings for anonymous user hero title and content
- Add login and register button text settings
- Update WelcomeBanner component to detect user authentication state
- Display custom content and login/register buttons for anonymous users
- Display search functionality for logged-in users
- Add responsive styling for authentication buttons with hover effects
- Update .gitignore to exclude Claude Code files
2025-10-17 17:13:42 +02:00
f595ef7b09 CSS fix 2025-10-16 18:53:58 +02:00
8f91169d0c @media fix 2025-10-16 18:48:54 +02:00
f69e2131b7 Restructure CTA cards with bottom-aligned call-to-action
- Move cta-cta element outside cta-content to card bottom
- Add cta-top wrapper to group icon and content horizontally
- Change cta-card to flex column layout with gap
- Style cta-cta as full-width bottom element with separator line
- Add border-top to visually separate CTA action from card content
- Improve visual hierarchy with cta-cta at bottom spanning full width
2025-10-16 18:17:56 +02:00
e63dfaf59f Fix CTA arrow icons with valid Font Awesome icon names
- Change default from 'angle-double-right' to 'chevron-right' (valid FA6 icon)
- Update example icons in descriptions to use valid FA6 names
- Replace deprecated icon names with current equivalents:
  - angle-double-right → chevron-right, angles-right
  - long-arrow-alt-right → arrow-right
- Ensures arrow icons display correctly in all CTA cards
2025-10-16 18:10:41 +02:00
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
629eb1b302 Modernize settings structure with visual sections and emojis
- Add ASCII art separators between major sections
- Group settings logically with emoji icons:
  - ⚙️ General Settings
  - 🎨 Color Settings
  - 🎯 Hero Section
  - 🔍 Search Settings
  - 📚🤝🛠️🔒 CTA Cards 1-4
  - 🎨 Advanced Customization
- Improve visual hierarchy and navigation in admin panel
- Each CTA card now has distinct visual section header
- Better organized for easier configuration
2025-10-16 17:52:06 +02:00
a1ea8ebe83 Add positioning styles for below-site-header-outlet
- Set margin: 2em auto for below-site-header-outlet
- Apply max-width using sidebar and content width variables
- Add 20px horizontal margin to hero-section in below_header position
- Remove redundant max-width rule from welcome-card media query
2025-10-16 17:44:44 +02:00
f83ed8a616 Add top margin to above-main-container-outlet position
- Add 2em margin-top to .above-main-container-outlet
- Provides spacing between navigation and banner
- Only affects above_content position, not below_header
2025-10-16 17:39:06 +02:00
0e53b8873a Support gradients and multiple color formats in settings
- Add support for hex, rgb, rgba, hsl color formats
- Enable gradient backgrounds (linear-gradient, radial-gradient)
- Convert page_background and card_background to textarea for multi-line gradients
- Update hero-section to use var(--page-bg) instead of hardcoded gradient
- Set default page_background to current gradient for backward compatibility
- Add detailed examples in English and Hungarian descriptions
2025-10-16 17:36:07 +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
c841f92a99 Fix z-index: ensure search-menu-panel appears above CTA cards
- Lower .cta-section z-index from 3 to 1
- Prevents search menu dropdown from appearing behind CTA cards
- Maintains proper stacking context for search functionality
2025-10-16 17:26:33 +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