Las tarjetas de contenido explican y conectan: una nota para el turno de noche, una foto de la instalación, enlaces a las páginas de los dispositivos, una página de estado externa, un vídeo. El contenido que escribes nunca se ejecuta como código: el Markdown se muestra como texto, los enlaces pasan una comprobación de esquema y las páginas externas se ejecutan en un marco aislado (sandbox).
Texto
Texto en Markdown: encabezados, listas, citas, código, negrita, cursiva y enlaces. El HTML se muestra como texto, nunca se ejecuta.
| Ajuste | Valores y valores predeterminados |
|---|---|
| Diseño | Texto sin formato (predeterminado) o Cuadro destacado (Info, Éxito, Advertencia, Error, Personalizado, con un icono) |
| Texto (Markdown) | Hasta 20.000 caracteres |
| Alineación, Posición vertical, Tamaño del texto | Izquierda, arriba, medio |
| Cuando el texto es más largo que la tarjeta | Desplazamiento (predeterminado) o Cortar después de algunas líneas (de 1 a 40, predeterminado 6) |
| Cuando un campo no tiene valor | «—» |
Valores en vivo en el texto. Vincula el hueco opcional Registro para valores de {{field}}, por ejemplo a Últimos valores de un dispositivo como un registro con las claves level,flow. Después escribe:
## Reservoir
Level: **{{level}} m** · Inflow: {{flow}} l/s
Shown for: {{param_site}}
{{field}} inserta un valor del registro vinculado y {{param_<key>}} un parámetro de la placa (no dentro de code). Mostrar los valores del registro debajo del texto añade cada valor como una lista.
Palabras pulsables. [Open the pump](action:pump) convierte las palabras en un objetivo de clic. Añade una acción en Cuando se hace clic en un enlace del texto con el id de elemento pump (véase Acciones de tarjeta y detalle).
Imagen
| Ajuste | Valores y valores predeterminados |
|---|---|
| Dirección de la imagen | Una ruta interna (por ejemplo, un archivo subido /uploads/…) o una dirección https o http |
| Texto alternativo | Describe la imagen para lectores de pantalla. Si está vacío, la imagen se marca como decorativa. |
| Ajuste | Cubrir (predeterminado), Contener, Estirar, Tamaño original; posición; radio de esquina |
| Efectos | Ampliar al pasar el ratón, un color de superposición y su intensidad, escala de grises, brillo |
| Pie de imagen | Hasta 200 caracteres, sobre la imagen (abajo o arriba), debajo o encima de ella |
| Enlace | Una ruta interna o una dirección https que se abre al hacer clic |
Enlaces rápidos
Hasta 24 enlaces que se muestran como Lista, Tarjetas, Mosaicos o Botones, en 1 a 6 columnas (automático por defecto). Cada enlace tiene una Etiqueta, un Destino, una Descripción, un Icono y colores. «Los destinos deben ser una ruta interna, https, http o mailto; cualquier otra cosa se descarta.» Los enlaces externos se marcan con ↗ salvo que lo desactives.
Incrustado
Muestra una página web externa en un marco, por ejemplo la página de estado de tu proveedor de red.
- Un administrador abre Ajustes del panel y enumera los sitios permitidos en Sitios de incrustación permitidos: un sitio por línea,
status.example.com, o*.example.compara todos sus subdominios. «Cuando la lista está vacía, no se puede incrustar ninguna página.» La lista está vacía de forma predeterminada. - Añade una tarjeta Incrustado y define la Dirección de la página (solo https).
| Ajuste | Valores y valores predeterminados |
|---|---|
| Forma | Llenar la tarjeta, 16:9, 4:3, 1:1 |
| Zoom (%) | De 25 a 200 (100). Por debajo de 100 se muestra más de la página en una tarjeta pequeña. |
| Mostrar la barra de direcciones | Activada: el nombre del sitio, una pista y un enlace para abrir la página en una pestaña nueva |
| Pista | Un texto que explica por qué una página puede quedar en blanco (algunos sitios prohíben el marco) |
| Recargar cada (segundos) | De 10 a 86.400, para páginas sin actualización propia |
| La página puede | Ejecutar scripts, Enviar formularios, Abrir ventanas nuevas, Presentar: desactívalos para un marco más estricto |
La página nunca puede acceder a Hermetry, a sus cookies ni a su almacenamiento. Se rechazan los hosts privados, de bucle local y de una sola etiqueta. Una tarjeta que apunta a un sitio no incluido no se puede guardar («Este sitio (…) no está en los sitios de incrustación permitidos de este espacio de trabajo»).
Reproductor de vídeo
Reproduce archivos MP4 o WebM y transmisiones en directo HLS (.m3u8), desde una ruta interna o una dirección https o http. Un valor vinculado (el hueco Dirección del vídeo) sustituye a la dirección escrita, de modo que una tarjeta puede reproducir la dirección de transmisión almacenada en un dispositivo.
| Ajuste | Valores y valores predeterminados |
|---|---|
| Imagen de portada | Se muestra antes de que se reproduzca el vídeo |
| Reproducir automáticamente | Desactivado. Los navegadores solo lo permiten sin sonido. |
| Iniciar sin sonido, Repetir, Ocultar los controles durante la reproducción | Desactivado, desactivado, activado |
| Ajuste | Vídeo completo (predeterminado) o Llenar la tarjeta; estilo del reproductor |
| Pistas de subtítulos | Hasta 12 archivos WebVTT con una etiqueta y un código de idioma |
| Preguntar «¿sigues viendo?» cada | 5 (predeterminado), 10 o 15 minutos, o Desactivado. Sin respuesta, la transmisión deja de cargarse. Todas las tarjetas de vídeo de un panel comparten una misma pregunta. |
| Detener la transmisión cuando la tarjeta esté fuera de vista | Activado. Una transmisión desplazada fuera de la vista, o en una pestaña oculta, deja de cargarse y vuelve al borde en directo cuando regresa. |
Un segundo hueco, Dirección de mayor calidad, puede contener la dirección de una transmisión de mayor calidad de la misma fuente.
Cámaras
Para mostrar la vista en directo de una cámara, vincula el hueco Dirección del vídeo a Un atributo del dispositivo en una posición de un conjunto y elige el atributo que contiene la dirección en directo de la cámara. Véase Cámaras en paneles.
Solución de problemas
| La tarjeta muestra | Solución |
|---|---|
| «Define una URL de página en los ajustes de este widget.» | Introduce la Dirección de la página. |
| «Esta URL no se puede incrustar. Usa una dirección https pública.» | La dirección no es https o apunta a un host privado. |
| Una incrustación queda en blanco | El sitio prohíbe el marco o no está en Sitios de incrustación permitidos. Añade una Pista y mantén activada la barra de direcciones. |
| «Define una URL de imagen válida en los ajustes de este widget.» | La dirección de la imagen está vacía o no está permitida. |
| «Añade enlaces en los ajustes de este widget.» | La lista de enlaces está vacía. |

