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>
77 lines
2.9 KiB
PHP
77 lines
2.9 KiB
PHP
<?php
|
|
/**
|
|
* ROI Theme - Panel de Administración Principal
|
|
*
|
|
* @var AdminDashboardRenderer $this
|
|
*/
|
|
|
|
declare(strict_types=1);
|
|
|
|
// Prevenir acceso directo
|
|
if (!defined('ABSPATH')) {
|
|
exit;
|
|
}
|
|
|
|
$components = $this->getComponents();
|
|
$firstComponentId = array_key_first($components);
|
|
?>
|
|
|
|
<div class="wrap roi-admin-panel">
|
|
<!-- Navigation Tabs -->
|
|
<ul class="nav nav-tabs nav-tabs-admin mb-0" role="tablist">
|
|
<?php foreach ($components as $componentId => $component): ?>
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link <?php echo $componentId === $firstComponentId ? 'active' : ''; ?>"
|
|
data-bs-toggle="tab"
|
|
data-bs-target="#<?php echo esc_attr($componentId); ?>Tab"
|
|
type="button"
|
|
role="tab"
|
|
aria-controls="<?php echo esc_attr($componentId); ?>Tab"
|
|
aria-selected="<?php echo $componentId === $firstComponentId ? 'true' : 'false'; ?>">
|
|
<i class="bi <?php echo esc_attr($component['icon']); ?> me-1"></i>
|
|
<?php echo esc_html($component['label']); ?>
|
|
</button>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
|
|
<!-- Tab Content -->
|
|
<div class="tab-content mt-3">
|
|
<?php foreach ($components as $componentId => $component):
|
|
$isFirst = ($componentId === $firstComponentId);
|
|
$componentSettings = $this->getComponentSettings($componentId);
|
|
?>
|
|
<!-- Tab: <?php echo esc_html($component['label']); ?> -->
|
|
<div class="tab-pane fade <?php echo $isFirst ? 'show active' : ''; ?>"
|
|
id="<?php echo esc_attr($componentId); ?>Tab"
|
|
role="tabpanel">
|
|
|
|
<?php
|
|
// Renderizar FormBuilder del componente
|
|
$formBuilderClass = $this->getFormBuilderClass($componentId);
|
|
if (class_exists($formBuilderClass)) {
|
|
$formBuilder = new $formBuilderClass($this);
|
|
echo $formBuilder->buildForm($componentId);
|
|
} else {
|
|
echo '<p class="text-danger">FormBuilder no encontrado: ' . esc_html($formBuilderClass) . '</p>';
|
|
}
|
|
?>
|
|
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<!-- Botones Globales Save/Cancel -->
|
|
<div class="d-flex justify-content-end gap-2 p-3 rounded border mt-4" style="background-color: #f8f9fa; border-color: #e9ecef !important;">
|
|
<button type="button" class="btn btn-outline-secondary" id="cancelChanges">
|
|
<i class="bi bi-x-circle me-1"></i>
|
|
Cancelar
|
|
</button>
|
|
<button type="button" id="saveSettings" class="btn fw-semibold text-white" style="background-color: #FF8600; border-color: #FF8600;">
|
|
<i class="bi bi-check-circle me-1"></i>
|
|
Guardar Cambios
|
|
</button>
|
|
</div>
|
|
|
|
</div><!-- /wrap -->
|