0846a3bf03
- Reorganización de estructura: Admin/, Public/, Shared/, Schemas/ - 12 componentes migrados: TopNotificationBar, Navbar, CtaLetsTalk, Hero, FeaturedImage, TableOfContents, CtaBoxSidebar, SocialShare, CtaPost, RelatedPost, ContactForm, Footer - Panel de administración con tabs Bootstrap 5 funcionales - Schemas JSON para configuración de componentes - Renderers dinámicos con CSSGeneratorService (cero CSS hardcodeado) - FormBuilders para UI admin con Design System consistente - Fix: Bootstrap JS cargado en header para tabs funcionales - Fix: buildTextInput maneja valores mixed (bool/string) - Eliminación de estructura legacy (src/, admin/, assets/css/componente-*) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
121 lines
3.2 KiB
PHP
121 lines
3.2 KiB
PHP
<?php
|
|
|
|
declare(strict_types=1);
|
|
|
|
namespace ROITheme\Admin\Infrastructure\Services;
|
|
|
|
/**
|
|
* Servicio para enqueue de assets del panel de administración
|
|
*
|
|
* Infrastructure - WordPress specific
|
|
*/
|
|
final class AdminAssetEnqueuer
|
|
{
|
|
private const ADMIN_PAGE_SLUG = 'roi-theme-admin';
|
|
|
|
public function __construct(
|
|
private readonly string $themeUri
|
|
) {
|
|
}
|
|
|
|
/**
|
|
* Registra los hooks de WordPress
|
|
*/
|
|
public function register(): void
|
|
{
|
|
add_action('admin_enqueue_scripts', [$this, 'enqueueAssets']);
|
|
}
|
|
|
|
/**
|
|
* Enqueue de assets solo en la página del dashboard
|
|
*
|
|
* @param string $hook Hook name de WordPress
|
|
*/
|
|
public function enqueueAssets(string $hook): void
|
|
{
|
|
// Solo cargar en nuestra página de admin
|
|
if (!$this->isAdminPage($hook)) {
|
|
return;
|
|
}
|
|
|
|
$this->enqueueStyles();
|
|
$this->enqueueScripts();
|
|
}
|
|
|
|
/**
|
|
* Verifica si estamos en la página del dashboard
|
|
*
|
|
* @param string $hook Hook name
|
|
* @return bool
|
|
*/
|
|
private function isAdminPage(string $hook): bool
|
|
{
|
|
return strpos($hook, self::ADMIN_PAGE_SLUG) !== false;
|
|
}
|
|
|
|
/**
|
|
* Enqueue de estilos CSS
|
|
*/
|
|
private function enqueueStyles(): void
|
|
{
|
|
// Bootstrap 5 CSS
|
|
wp_enqueue_style(
|
|
'bootstrap',
|
|
'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css',
|
|
[],
|
|
'5.3.2'
|
|
);
|
|
|
|
// Bootstrap Icons
|
|
wp_enqueue_style(
|
|
'bootstrap-icons',
|
|
'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css',
|
|
[],
|
|
'1.11.3'
|
|
);
|
|
|
|
// Estilos del dashboard
|
|
wp_enqueue_style(
|
|
'roi-admin-dashboard',
|
|
$this->themeUri . '/Admin/Infrastructure/Ui/Assets/Css/admin-dashboard.css',
|
|
['bootstrap', 'bootstrap-icons'],
|
|
filemtime(get_template_directory() . '/Admin/Infrastructure/Ui/Assets/Css/admin-dashboard.css')
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Enqueue de scripts JavaScript
|
|
*/
|
|
private function enqueueScripts(): void
|
|
{
|
|
// Bootstrap 5 JS Bundle (incluye Popper)
|
|
// IMPORTANTE: Cargar en header (false) para que esté disponible antes del contenido
|
|
wp_enqueue_script(
|
|
'bootstrap',
|
|
'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js',
|
|
[],
|
|
'5.3.2',
|
|
false // Load in header, not footer - required for Bootstrap tabs to work
|
|
);
|
|
|
|
// Script del dashboard
|
|
wp_enqueue_script(
|
|
'roi-admin-dashboard',
|
|
$this->themeUri . '/Admin/Infrastructure/Ui/Assets/Js/admin-dashboard.js',
|
|
['bootstrap'],
|
|
filemtime(get_template_directory() . '/Admin/Infrastructure/Ui/Assets/Js/admin-dashboard.js'),
|
|
true
|
|
);
|
|
|
|
// Pasar variables al JavaScript
|
|
wp_localize_script(
|
|
'roi-admin-dashboard',
|
|
'roiAdminDashboard',
|
|
[
|
|
'nonce' => wp_create_nonce('roi_admin_dashboard'),
|
|
'ajaxurl' => admin_url('admin-ajax.php')
|
|
]
|
|
);
|
|
}
|
|
}
|