9cffbb3bf3
- Extracted 10 sections from admin.html (3315 lines) into separate files: - dashboard.html (298 lines) - properties.html (242 lines) - leads.html (280 lines) - testimonials.html (78 lines) - faq.html (91 lines) - services.html (61 lines) - settings.html (93 lines) - users.html (73 lines) - analytics.html (64 lines) - traffic.html (69 lines) - admin.html reduced from 3315 to 1582 lines - Added dynamic section loader via fetch() - Sections load on-demand when clicking sidebar links - Previously loaded sections cached in memory - Updated server routes to serve all section files - DataTables initialized per-section on load
65 lines
3.0 KiB
HTML
65 lines
3.0 KiB
HTML
<!-- ============ ANALYTICS SECTION ============ -->
|
|
<section class="page-section" id="section-analytics">
|
|
<div class="page-header">
|
|
<div>
|
|
<h1 class="page-title">Estadísticas detalladas</h1>
|
|
<p class="page-subtitle">Análisis profundo del rendimiento</p>
|
|
</div>
|
|
<div class="d-flex gap-3">
|
|
<select class="form-select" style="width: 200px;">
|
|
<option>Últimos 30 días</option>
|
|
<option>Últimos 90 días</option>
|
|
<option>Este año</option>
|
|
</select>
|
|
<button class="btn btn-primary">
|
|
<i class="bi bi-download me-2"></i>Exportar informe
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-card-header">
|
|
<div class="stat-card-icon green"><i class="bi bi-people"></i></div>
|
|
<div class="stat-card-trend up"><i class="bi bi-arrow-up"></i>18%</div>
|
|
</div>
|
|
<div class="stat-card-value">8,452</div>
|
|
<div class="stat-card-label">Visitantes únicos</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-card-header">
|
|
<div class="stat-card-icon blue"><i class="bi bi-clock-history"></i></div>
|
|
<div class="stat-card-trend up"><i class="bi bi-arrow-up"></i>12%</div>
|
|
</div>
|
|
<div class="stat-card-value">3:24</div>
|
|
<div class="stat-card-label">Tiempo en sitio (min)</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-card-header">
|
|
<div class="stat-card-icon orange"><i class="bi bi-bounce"></i></div>
|
|
<div class="stat-card-trend down"><i class="bi bi-arrow-down"></i>3%</div>
|
|
</div>
|
|
<div class="stat-card-value">42%</div>
|
|
<div class="stat-card-label">Rebote</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-card-header">
|
|
<div class="stat-card-icon red"><i class="bi bi-calendar-check"></i></div>
|
|
<div class="stat-card-trend up"><i class="bi bi-arrow-up"></i>25%</div>
|
|
</div>
|
|
<div class="stat-card-value">156</div>
|
|
<div class="stat-card-label">Conversiones</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="chart-card mt-4">
|
|
<div class="chart-card-header">
|
|
<h4 class="chart-card-title">Rendimiento por día</h4>
|
|
</div>
|
|
<div class="chart-container" style="height: 350px;">
|
|
<canvas id="dailyPerformanceChart"></canvas>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|