Skip to content

v3.2

Choose a tag to compare

View all tags
@fernandeusto fernandeusto released this 23 May 10:37
· 15 commits to main since this release
v3.2
1ae09aa

✨ Nueva funcionalidad — Widgets embebidos en el dashboard

Ahora puedes incrustar paneles web e imágenes directamente en el dashboard de DockMe como bloques redimensionables y reposicionables, igual que el resto de elementos del layout.

¿Qué es un Widget?

Un widget es un bloque del dashboard que muestra contenido externo embebido: un panel de Home Assistant, una cámara IP, una página PHP propia, un feed de cotizaciones, o cualquier URL accesible desde tu red.

imagen

Restricciones de seguridad

Por seguridad, si usas un proxy para acceder a dockme no puedes añadir url con IP locales porque el navegador no las mostrara, por tanto si usas proxy para dockme las paginas que añadas como widget deberán ser de proxys en tu mismo dominio. y si entras a dockme por IP, en los widgets deberán ser siempre IP locales:

  • Direcciones IP privadas de red local (192.168.x.x, 10.x.x.x, 172.16-31.x.x, localhost)
  • El mismo dominio o subdominio desde el que se sirve DockMe

Las URLs de imagen (.jpg, .png, .gif, .webp, etc.) no tienen esta restricción y pueden ser externas de cualquier dominio publico.

Cómo añadir un widget

  1. Abre el panel de configuración (icono ⚙️ en la barra de perfiles)
  2. Ve al tab 🖼️ Widgets
  3. Pulsa + Nuevo Widget
  4. Introduce el nombre y la URL — al confirmar, el widget se crea con valores por defecto y aparece en el dashboard
  5. Ajusta los parámetros según tus necesidades

Parámetros configurables

Parámetro Opciones Descripción
Nombre Texto libre Etiqueta visible en la barra superior del widget
URL Web local o imagen Dirección a embeber
Al hacer click Refresco / Interactivo Refresco: un click recarga el contenido sin navegar. Interactivo: interacción completa dentro del iframe
Ajuste de contenido Escalar / Responsive (webs) · Estirar / Ajustar ancho / Ajustar alto (imágenes) Controla cómo se adapta el contenido al tamaño del bloque
Scroll On / Off Solo para webs. Activa scroll vertical dentro del widget
Auto-refresco 0 (desactivado), 15s, 30s, 1min, 5min... Recarga automática periódica del contenido
Activo Toggle on/off Oculta el widget del dashboard sin eliminarlo ni perder su configuración

Ajuste de contenido — detalle

Para páginas web:

  • Escalar — renderiza la página a 1280px de ancho y la escala para que quepa en el bloque. Ideal para webs no responsivas.
  • Responsive — el iframe se adapta al ancho del bloque. Si la web no es responsive, el contenido se recorta por la derecha.

Para imágenes:

  • Estirar — llena el bloque entero aunque la imagen se deforme.
  • Ajustar ancho — llena el ancho manteniendo proporción. Recorta o añade franja arriba/abajo.
  • Ajustar alto — llena el alto manteniendo proporción. Recorta o añade franja a los lados.

Redimensionar y posicionar

En modo layout (icono organizar), cada widget muestra un handle de esquina (↘) en su esquina inferior derecha que permite redimensionar arrastrando en ancho y alto simultáneamente. El resto del comportamiento de arrastrar y reordenar es idéntico al de cualquier otro bloque del dashboard.

Nota sobre Home Assistant

Recuerda que deberas tener iniciada sesion en HomeAssistant en el mismo navegador y dispositivo que estas usando Dockme y que para embeber HomeAssistant en un iframe es necesario añadir permisos en su configuration.yaml:

http:
  use_x_frame_options: false

Si usas HACS puedes instalar la integración Kiosk Mode y añadir ?kiosk a la URL del panel de HA para eliminar las barras laterales y superiores, mostrando únicamente el dashboard. Yendo un paso más allá, puedes crear un panel nuevo en HA con una única tarjeta y apuntar el widget a esa URL, consiguiendo así mostrar en DockMe exactamente el control o información que necesitas sin nada más alrededor.

Nota sobre Grafana

Para embeber paneles de Grafana es necesario permitir el embedding añadiendo la siguiente variable de entorno en el docker-compose.yml de Grafana:

environment:
  - GF_SECURITY_ALLOW_EMBEDDING=true

Una vez reiniciado, abre el panel que quieres mostrar, despliega el menú de opciones y usa la opción Compartir → Embed. Grafana generará una URL lista para usar directamente en el campo URL del widget en DockMe.

🐛 Bugs corregidos

  • El SAI ya no se busca en redes remotas de VPN, solo en la red local física
  • Corregido el cálculo de la media 24h de disco tras reiniciar el servidor
  • El filtro de la lista de stacks ya no se pierde al cambiar el estado de algún contenedor
  • Añadidos 3 reintentos cada 30 segundos si el envío de actualizaciones al servidor central falla o no responde
  • Ocultado el aviso de "X servidores detectados sin conectar" durante la carga inicial, antes de que las métricas estén disponibles
Assets 2
Loading