{{-- ============ Cabecera ============
Saludo + una frase que responde "¿tengo algo que hacer?" antes de leer
nada más. Un título que dijera "Dashboard" no aporta nada: ya se sabe
dónde estás por el menú. Ver briefs/dashboard.md. --}}
{{-- Aviso de rol limitado: no es una página rota, es que este perfil no llega
a todo. Ver briefs/general.md. --}}
@unless($puede['environments'] && $puede['apiLogs'])
Estás viendo la parte que te corresponde según tu rol. El estado del parque y la actividad de la API requieren permisos de administración.
@endunless
{{-- ============ KPIs ============
Una celda por área, cada una enlazada a su listado: el KPI no es el
destino, es la puerta. Solo aparecen las áreas que el rol puede ver. --}}
@if($kpis)
@endif
{{-- ============ Requiere tu atención ============
**Plegado por defecto.** Es el bloque más largo de la pantalla y, el día que
todo va bien, empujaba el resto del Dashboard fuera de la vista para decir
«Todo en orden». Ahora la cabecera responde la pregunta —¿tengo algo que
hacer, y de qué tipo?— y el detalle se abre si lo hay.
El resumen plegado lleva **el número y la marca de cada nivel**, no solo un
total: «3» no dice si son tres avisos informativos o tres entornos caídos, y
esa diferencia es justo la que decide si se abre. --}}
Requiere tu atención
{{-- El resumen: solo cuando está plegado. Abierto, el detalle ya está
debajo y repetirlo es ruido. --}}
{{-- **El `display` va en una clase, no en el `style`.** `x-show` de Alpine
apaga el elemento con `display:none` y al volver a mostrarlo hace
`removeProperty('display')`: se lleva por delante el `display:flex`
que estuviera en el atributo. O sea que en cuanto se abría y cerraba
el bloque una vez, los contadores se quedaban sin flex ni `gap` y se
leía «4 avisos1 informativo». --}}
@if($hayAtencion)
{{-- El número va en la propia pastilla: así se ve el volumen de cada
categoría sin tener que pulsar los cuatro filtros.
**Con `flex-wrap`**, que faltaba: sin él, en cuanto la suma de las
cuatro pasaba del ancho de la tarjeta —«Informativos 3» y el panel a
media pantalla— se salían por la derecha en vez de bajar.
Y el número en su propia cápsula: pegado con un espacio, «Todos 21» se
lee como una sola cosa y en «Críticos 11» no se distingue dónde acaba
la palabra. --}}
@endif
{{-- Altura acotada con desplazamiento propio: el bloque nunca empuja los KPIs
ni el resto del Dashboard fuera de la pantalla, pase lo que pase con el
volumen de incidencias. Cada bloque de origen aporta como máximo 5 filas
más una de resumen, así que aquí no hay paginado —el paginado está en el
listado al que enlaza cada fila. --}}
@foreach($parque['versiones'] as $version)
{{-- Los que no tienen release conocida se pintan distinto a
propósito: son sitios que llevan tiempo sin dar señal y
arrastran lo que dejó el Manager antiguo, no una rama de
Moodle. Con el mismo estilo que las demás se leían como
una versión más. --}}
{{ $version['nombre'] }}
{{ $version['n'] }}
@endforeach
{{ $parque['conSoporte'] }} de {{ $parque['total'] }}
con soporte en vigor
{{-- El flag `has_support` puesto sin contrato detrás. Se dice solo
cuando hay alguno: si no, sobra. --}}
@if ($parque['flagSinContrato'] > 0)
· {{ $parque['flagSinContrato'] }} marcado{{ $parque['flagSinContrato'] === 1 ? '' : 's' }} sin contrato
revisar
@endif
@if($parque['sinLicencia'] > 0)
{{ $parque['sinLicencia'] }}
sin licencia asignada ·
revisar
@endif
@else
Sin datos todavía. Crea tu primer entorno para ver aquí el estado del parque.
@endif
@endif
@if($actividad)
Actividad
últimos 7 días
@if($actividad['disponible'])
Peticiones hoy
{{ number_format($actividad['hoy'], 0, ',', '.') }}
@if($actividad['variacion'] !== null)
{{ $actividad['variacion'] >= 0 ? '+' : '' }}{{ $actividad['variacion'] }}% vs ayer
@else
sin referencia de ayer
@endif
{{-- Sparkline en SVG: sin librería de gráficas, como pide el brief.
La fórmula está en un solo sitio porque hay dos series —peticiones
y % de error— y duplicarla es garantía de que se desajusten. --}}
@php
$puntosDe = function (array $valores): string {
$tope = max(0.0001, max($valores));
return collect($valores)
->map(fn ($v, $i) => (2 + $i * 17.6) . ',' . (30 - ($v / $tope) * 24))
->implode(' ');
};
$puntos = $puntosDe($actividad['serie']);
@endphp
{{-- La sparkline de errores va en **porcentaje**, no en número de
errores: un día con 10.000 peticiones y 50 fallos está mejor que
uno con 100 y 20, y una línea de absolutos diría lo contrario.
Con la serie a cero no se dibuja: una línea plana en el suelo se
lee como un gráfico roto, y «ningún error en siete días» ya lo
dice el 0,0 % de al lado. --}}
@if (max($actividad['serieError']) > 0)
@endif
@else
{{-- Dato no disponible: se dice, no se pinta un 0 que se
confunde con "todo va bien". Ver briefs/general.md. --}}
No disponible
Sin peticiones registradas ni hoy ni ayer: no hay nada que comparar.
{{ $producto['nombre'] }}{{ $producto['version'] }}{{ $producto['fecha'] }}
@if($producto['publicado'])
{{-- El alcance real (cuántos entornos resuelven esta versión) es
dato derivado que todavía no existe. Se dice, en lugar de
inventar un porcentaje. Ver briefs/dashboard.md. --}}
Pendiente de calcular
@else
Sin versiones
@endif
@endforeach
@else
Ningún producto todavía.
@endif
@endif
{{-- ============ Los sitios más grandes ============
Implementa `Dashboard Manager.dc.html` (Claude Design).
**La pregunta que no tenía respuesta en ningún sitio**: «¿cuáles son nuestros
clientes gordos?». El dato ya lo mandaba cada Moodle en su telemetría diaria y solo
se podía ver entrando entorno por entorno.
Tres listas y no una porque no miden lo mismo, y el orden cambia entre ellas: un
campus con muchos usuarios y pocos cursos es acceso masivo a poco contenido, y uno
con muchos cursos y pocas matrículas es un catálogo que nadie usa todavía. Un
ranking único obligaría a inventarse una fórmula que pondere las tres, y no hay
ninguna que signifique algo.
Un solo título para las tres y un rótulo corto en cada tarjeta: repetir «Sitios
con…» en las tres es decir lo mismo cuatro veces.
Va al final, encima de los accesos rápidos: no es algo que atender —para eso está
«Requiere atención», arriba— sino algo que saber. --}}
@if ($masGrandes)
Los sitios más grandes
{{-- `auto-fit` y no tres columnas fijas: en pantalla estrecha bajan solas sin
necesitar un punto de ruptura escrito a mano. --}}
@foreach ($masGrandes as $lista)
{{-- El SVG se arma aquí con los trazos que da el componente, y
no llega como HTML crudo: un `{!! !!}` con marcado que
viene de PHP es la clase de cosa que un día lleva algo que
no debía. --}}
{{ $lista['titulo'] }}
@empty
{{-- Vacío no es «cero usuarios»: es que ningún sitio ha mandado
todavía su telemetría. Decirlo evita leerlo como un dato. --}}
Ningún sitio ha enviado {{ $lista['unidad'] }} todavía.
@endforelse
@endforeach
@endif
{{-- ============ Accesos rápidos ============
Los iconos salen del MISMO componente que el menú lateral
(`x-nav-icon`) y con el MISMO nombre que usa el menú para esa sección, no
de SVG escritos aquí: el mismo concepto no puede tener dos dibujos según
dónde se mire. Ver known-issues MGR-029.
Mapeo tomado de app/Livewire/Layout/Navigation.php:
Entornos → server-04 (environments.index)
Clientes → building-07 (clients.index)
Licencias → check-done-02 (license_tokens.index) --}}