lovelace mushroom

? Cogumelo

O que é cogumelo?

Cogumelo é uma coleção de cartões para a interface do usuário do Home Assistant.

A missão de cogumelos é propor componentes fáceis de usar para construir seu painel de assistente de casa.

Características

• ? Editor de todos os cartões e todas as opções (sem necessidade de editar yaml )
• ? Picker de ícone
• ? Seletor de cores
• 0 Dependências: não há necessidade de instalar outra placa.
• ? Baseado em cores da interface do usuário do material
• ? Suporte ao tema claro e sombrio
• ? Personalização do tema opcional
• ? Internacionalização

O objetivo do cogumelo não é fornecer cartão personalizado para uma personalização profunda. Você pode usar o excelente minimalista da UI Lovelace e os plugins de cartão de botão para isso.

Instalação

HACS

O cogumelo está disponível no HACS (Home Assistant Community Store).

Use este link para ir diretamente ao repositório em HACs

ou

1. Instale HACs se você ainda não o tiver
2. Abra HACs em Assistente de casa
3. Procure por "cogumelo"
4. Clique no botão de download.

Manual

1. Faça o download do arquivo mushroom.js da versão mais recente.
2. Coloque o arquivo mushroom.js na sua pasta config/www .
3. Adicione referência ao mushroom.js no painel. Há duas maneiras de fazer isso:
   • Usando UI: Configurações → Painéis → Mais opções Icon → Recursos → Adicionar Recurso → Definir URL como /local/mushroom.js → Definir tipo de recurso como JavaScript Module . Nota: Se você não vir o menu de recursos, precisará ativar o modo avançado no seu perfil de usuário
   • Usando YAML: Adicione o código seguinte à seção lovelace .

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

Uso

Todos os cartões de cogumelos podem ser configurados usando o editor de interface do usuário do painel.

1. Na interface do usuário do painel, clique em 3 pontos no canto superior direito.
2. Clique em Editar Painel .
3. Clique no botão Plus para adicionar um novo cartão.
4. Encontre um dos costumes: Cartão de cogumelos na lista.

Cartões

Cartões diferentes estão disponíveis para entidades diferentes:

• Cartão de alarme
• ? Cartão de chips
• ? Cartão climático
• ? Cartão de capa
• ? Cartão de entidade
• ? Cartão de ventilador
• ? Cartão de umidificador
• Cartão leve
• Cartão de bloqueio
• Cartão de mídia
• ? Cartão de número
• ? Cartão de pessoa
• ? Selecione cartão
• ? Cartão de modelo
• Card cartão de título
• ? Cartão de atualização
• ? Cartão de vácuo

Crachás

Um crachá de modelo está disponível se você estiver usando pelo menos assistente doméstico 2024.8.

Personalização temática

O cogumelo funciona sem tema, mas você pode adicionar um tema para melhor experiência, instalando os temas de cogumelos. Se você quiser mais informações sobre temas, consulte a documentação oficial do Assistente de casa sobre temas.

Servidor de desenvolvimento

Demonstração de assistente de casa

Você pode executar uma instância de demonstração de assistente de casa com o Docker executando:

npm run start:hass

Depois de terminar, vá para a instância do assistente de casa http: // localhost: 8123 e inicie a configuração.

Usuários do Windows

Se você estiver no Windows, execute o comando acima no PowerShell ou use o abaixo se estiver usando o prompt de comando:

npm run start:hass-cmd

Desenvolvimento

Em outro terminal, instale dependências e execute o servidor de desenvolvimento:

npm install
npm start

O servidor começará na porta 4000 .

Construir

Você pode criar o arquivo mushroom.js na pasta dist , executando o comando Build.

npm run build

Traduções

Se você quiser ajudar a traduzir cogumelos, poderá traduzi -lo diretamente do seu navegador usando o WebLate.

Etapas do mantenedor para adicionar um novo idioma

1. Para ser compatível com o assistente doméstico, as tags de idioma precisam seguir o BCP 47. Uma lista da maioria das tags de idiomas pode ser encontrada aqui: o registro da Iana Subtag. Exemplos: fr , fr-CA , zh-Hans .
2. Crie um novo arquivo {language_code}.json com seu código de idioma na pasta de tradução. Exemplos: fr.json .
3. Importe seu arquivo no localize.ts file e adicione seu idioma no registro de languages .
4. Não se esqueça de testar localmente com o servidor de desenvolvimento escolhendo o idioma com a interface do usuário do Home Assistant em seu perfil.

Solução de problemas

Eu não vejo as últimas mudanças

1. Verifique se a versão do seu assistente doméstico é a mais recente. Alguns novos recursos de cogumelos só podem ser visíveis para a mais recente versão do Assistant Home.
2. Verifique se você tem a mais recente versão de cogumelos no HACS
3. Verifique se você tem a mais recente versão de cogumelos, verificando o console do navegador
4. Limpe seu cache:
   • Excluir recursos de cogumelos (https://my.home-assistant.io/redirect/lovelace_resources/)
   • desinstalar cogumelos de hacs
   • Reinstale o cogumelo de HACs

A configuração do meu modelo de cartão não funciona.

Ajuda sobre a configuração do MOD do cartão não é fornecida neste repositório. Mais informações no suporte do Mod State of Card.

Créditos

O design é inspirado no trabalho de Behance e UI Lovelace de 7ahang.