
Mushroom - это коллекция карт для домашнего пользовательского пользовательского интерфейса.
Миссия грибов - предложить простые в использовании компоненты для создания панели панели домашнего помощника.
yaml )Цель грибов - не предоставить пользовательскую карту для глубокой настройки. Для этого вы можете использовать отличные плагины с минималистским и кнопкой и кнопкой.
Mushroom доступен в HACS (Home Assistant Community Store).
Используйте эту ссылку, чтобы напрямую перейти в репозиторий в HACS
или
mushroom.js из последнего релиза.mushroom.js в папку config/www .mushroom.js в приборной панели. Есть два способа сделать это:/local/mushroom.js → Установить тип ресурса в качестве JavaScript Module . Примечание. Если вы не видите меню ресурсов, вам нужно будет включить расширенный режим в своем профиле пользователяlovelace . resources :
- url : /local/mushroom.js
type : module Все карты грибов можно настроить с помощью редактора пользовательского интерфейса.
Различные карты доступны для разных объектов:
Значок шаблона доступен, если вы используете хотя бы домашний помощник 2024.8.
Грибные работают без темы, но вы можете добавить тему для лучшего опыта, установив грибные темы. Если вам нужна дополнительная информация о темах, ознакомьтесь с официальной документацией по домашнему помощнику о темах.
Вы можете запустить демонстрацию домашнего помощника в Docker, работая:
npm run start:hassКак только это будет сделано, перейдите в экземпляр домашнего помощника http: // localhost: 8123 и запустить конфигурацию.
Если вы находитесь в Windows, либо запустите вышеуказанную команду в PowerShell, либо используйте приведенную ниже командную строку:
npm run start:hass-cmdВ другом терминале установите зависимости и запустите сервер разработки:
npm install
npm start Сервер начнется на порту 4000 .
Вы можете построить файл mushroom.js в папке dist , выполнив команду Build.
npm run buildЕсли вы хотите помочь перевести гриб, вы можете перевести его непосредственно из своего браузера, используя Weblate.
fr , fr-CA , zh-Hans .{language_code}.json с вашим языковым кодом в папке перевода. Примеры: fr.json .localize.ts file и добавьте свой язык в запись languages .Справка о конфигурации мода карты не предоставлена в этом репозитории. Более подробная информация в состоянии поддержки Mod Mod.
Дизайн вдохновлен работой 7Ahang над Behance и UI Lovelace Minimalist.