Add historical monthly MVP V2 UI and comparison panel

This commit is contained in:
devRaGonSa
2026-03-25 09:48:35 +01:00
parent 9af663c21f
commit 43e1d612af
5 changed files with 642 additions and 18 deletions

View File

@@ -111,23 +111,62 @@
<div class="panel__shell">
<div class="panel__header historical-panel__header">
<div>
<p class="eyebrow eyebrow--section">MVP mensual</p>
<h2 id="monthly-mvp-title">Top 3 del alcance activo</h2>
<p class="eyebrow eyebrow--section">MVP mensual V1</p>
<h2 id="monthly-mvp-title">Top 3 V1 del alcance activo</h2>
<p class="historical-panel__note" id="monthly-mvp-note">
Cargando periodo del MVP mensual...
Cargando baseline del MVP mensual V1...
</p>
<p class="historical-snapshot-meta" id="monthly-mvp-snapshot-meta">
Cargando snapshot del MVP mensual...
Cargando snapshot del MVP mensual V1...
</p>
</div>
</div>
<p class="historical-state" id="monthly-mvp-state" aria-live="polite">
Cargando Top 3 MVP mensual...
Cargando Top 3 MVP mensual V1...
</p>
<div class="historical-mvp-grid" id="monthly-mvp-list"></div>
</div>
</section>
<section class="panel historical-panel" aria-labelledby="monthly-mvp-v2-title">
<div class="panel__shell">
<div class="panel__header historical-panel__header">
<div>
<p class="eyebrow eyebrow--section">MVP mensual V2</p>
<h2 id="monthly-mvp-v2-title">Top 3 V2 del alcance activo</h2>
<p class="historical-panel__note" id="monthly-mvp-v2-note">
Cargando lectura avanzada del MVP mensual V2...
</p>
<p class="historical-snapshot-meta" id="monthly-mvp-v2-snapshot-meta">
Cargando snapshot del MVP mensual V2...
</p>
</div>
</div>
<p class="historical-state" id="monthly-mvp-v2-state" aria-live="polite">
Cargando Top 3 MVP mensual V2...
</p>
<div class="historical-mvp-grid" id="monthly-mvp-v2-list"></div>
</div>
</section>
<section class="panel historical-panel" aria-labelledby="mvp-comparison-title">
<div class="panel__shell">
<div class="panel__header historical-panel__header">
<div>
<p class="eyebrow eyebrow--section">Comparativa V1 vs V2</p>
<h2 id="mvp-comparison-title">Lectura de validacion del alcance activo</h2>
<p class="historical-panel__note" id="mvp-comparison-note">
Cargando comparativa entre los rankings mensuales V1 y V2...
</p>
</div>
</div>
<p class="historical-state" id="mvp-comparison-state" aria-live="polite">
Preparando comparativa V1 vs V2...
</p>
<div class="historical-comparison-grid" id="mvp-comparison-list"></div>
</div>
</section>
<section class="panel historical-panel" aria-labelledby="weekly-ranking-title">
<div class="panel__shell">
<div class="panel__header historical-panel__header">