lovelace mushroom

? Champiñón

¿Qué es el hongo?

Mushroom es una colección de tarjetas para la interfaz de usuario del tablero de asistentes en el hogar.

La misión de hongos es proponer componentes fáciles de usar para construir el tablero de asistentes de su hogar.

Características

• ? Editor para todas las tarjetas y todas las opciones (no es necesario editar yaml )
• ? Recolectador de iconos
• ? Seleccionador de color
• 0 Dependencias: no es necesario instalar otra tarjeta.
• ? Basado en los colores de la interfaz de usuario del material
• ? Soporte de temas claros y oscuros
• ? Personalización del tema opcional
• ? Internacionalización

El objetivo del hongo no es proporcionar una tarjeta personalizada para una personalización profunda. Puede usar los excelentes complementos de tarjetas minimalistas y de botón de UI Lovelace para esto.

Instalación

HACS

El hongo está disponible en HACS (Home Assistant Community Store).

Use este enlace para ir directamente al repositorio en HACS

o

1. Instale HACS si aún no lo tiene
2. HACS abiertos en asistente de origen
3. Busque "hongo"
4. Haga clic en el botón Descargar.

Manual

1. Descargue el archivo mushroom.js de la última versión.
2. Ponga el archivo mushroom.js en su carpeta config/www .
3. Agregue referencia a mushroom.js en el tablero. Hay dos formas de hacer eso:
   • Uso de UI: Configuración → Paneles → Más opciones icono → Recursos → Agregar recursos → Establecer URL como /local/mushroom.js → Establecer el tipo de recursos como JavaScript Module . Nota: Si no ve el menú de recursos, deberá habilitar el modo avanzado en su perfil de usuario
   • Uso de YAML: agregue el siguiente código a la sección lovelace .

      resources :
         - url : /local/mushroom.js
           type : module 

Uso

Todas las tarjetas de champiñones se pueden configurar utilizando el editor de interfaz de usuario de Dashboard.

1. En la interfaz de usuario del tablero, haga clic en 3 puntos en la esquina superior derecha.
2. Haga clic en Editar panel de control .
3. Haga clic en el botón Plus para agregar una nueva tarjeta.
4. Encuentra una de las costumbres: tarjeta de hongos en la lista.

Tarjetas

Hay diferentes tarjetas disponibles para entidades diferentes:

• Tarjeta de alarma
• ? Tarjeta de chips
• ? Tarjeta climática
• ? Tarjeta de cobertura
• ? Tarjeta de entidad
• ? Tarjeta de ventilador
• ? Tarjeta humidificador
• Tarjeta de luz
• Tarjeta de bloqueo
• Tarjeta multimedia
• ? Tarjeta numérica
• ? Tarjeta de persona
• ? Seleccionar tarjeta
• ? Tarjeta de plantilla
• Tarjeta de título ✏️
• ? Tarjeta de actualización
• ? Tarjeta de vacío

Insignias

Hay una insignia de plantilla disponible si está utilizando al menos Asistente de inicio 2024.8.

Personalización del tema

El hongo funciona sin tema, pero puede agregar un tema para una mejor experiencia instalando los temas de hongos. Si desea más información sobre los temas, consulte la documentación oficial del asistente de inicio sobre los temas.

Servidor de desarrollo

Demostración de asistente de origen

Puede ejecutar una instancia de demostración de Asistente de Inicio con Docker ejecutando:

npm run start:hass

Una vez terminado, vaya a la instancia de Asistente de inicio http: // localhost: 8123 e inicie la configuración.

Usuarios de Windows

Si está en Windows, ejecute el comando anterior en PowerShell o use el siguiente símbolo si usa el símbolo del sistema:

npm run start:hass-cmd

Desarrollo

En otro terminal, instale dependencias y ejecute el servidor de desarrollo:

npm install
npm start

El servidor comenzará en el puerto 4000 .

Construir

Puede construir el archivo mushroom.js en la carpeta dist ejecutando el comando de compilación.

npm run build

Traducciones

Si desea ayudar a traducir el hongo, puede traducirlo directamente desde su navegador usando WEBLATE.

Pasos de mantenimiento para agregar un nuevo idioma

1. Para ser compatible con el Asistente de Inicio, las etiquetas de idioma tienen que seguir BCP 47. Se puede encontrar una lista de la mayoría de las etiquetas de idioma aquí: Registro de Subtag IANA. Ejemplos: fr , fr-CA , zh-Hans .
2. Cree un nuevo archivo {language_code}.json con su código de idioma en la carpeta de traducción. Ejemplos: fr.json .
3. Importe su archivo al localize.ts file y agregue su idioma en el registro languages .
4. No olvide probar localmente con el servidor de desarrollo eligiendo el idioma con la interfaz de usuario del Asistente de inicio en su perfil.

Solución de problemas

No veo los últimos cambios

1. Verifique que la versión de su asistente de casa sea la última. Algunas características nuevas de hongos solo pueden ser visibles para la última versión de asistente de hogar.
2. Verifique que tenga la última versión de hongos en HACS
3. Verifique que tenga la última versión de hongos revisando la consola del navegador
4. Borra tu caché:
   • Eliminar recursos de hongos (https://my.home-assistant.io/redirect/lovelace_resources/)
   • Desinstalar el hongo de los HACS
   • reinstalar hongo de HACS

La configuración del mod de mi tarjeta no funciona.

La ayuda sobre la configuración del mod de la tarjeta no se proporciona en este repositorio. Más información en el estado del soporte del mod de la tarjeta.

Créditos

El diseño está inspirado en el trabajo de 7ahang en Behance y UI Lovelace Minimalist.