Arriba de esta página está la barra funcionando: es exactamente lo que verás en tus proyectos. Muestra CPU, RAM, temperatura, red y disco de los tres equipos, más el estado del RAID del NAS, y se pone en alerta sola cuando algo pasa de un umbral.
Pega esta línea antes de </body> (o en el <head>) de cualquier sitio:
<script src="URL_BASE/bar-grafico.js" defer></script>Ese es el estilo gráfico (anillos, medidores y tendencia). Para el clásico en texto,
cambia bar-grafico.js por bar.js.
Eso es todo. No hay que instalar nada ni tocar el CSS del sitio: la barra vive dentro de un Shadow DOM, así que ni el sitio la afecta ni ella afecta al sitio.
localhost solo funciona si el sitio se ve desde el propio Mac mini.
| Atributo | Valores | Para qué |
|---|---|---|
data-pos | top · bottom | Arriba (por defecto) o abajo. |
data-mount | push · over | Empuja el contenido del sitio o se superpone. |
data-refresh | ms (mín. 2000) | Cada cuánto se actualiza. Por defecto 5000. |
data-compact | 1 | Versión mínima: solo CPU, RAM y temperatura. |
<script src="URL_BASE/bar-grafico.js"
data-pos="bottom" data-refresh="10000" defer></script>En aviso el bloque del equipo se tiñe de ámbar; en crítico se pone rojo y parpadea, y el motivo aparece escrito a la derecha de la barra.
| Ruta | Qué devuelve |
|---|---|
/bar.js | El script embebible (CORS abierto). |
/api/bar | JSON compacto con los 3 equipos y sus alertas ya calculadas. |
/api/health | Estado del servicio y de su origen de datos. |