lovelace mushroom
v4.2.1
Mushroomは、ホームアシスタントダッシュボードUIのカードのコレクションです。
Mushroom Missionは、使いやすいコンポーネントを提案して、ホームアシスタントダッシュボードを構築することです。
yamlを編集する必要はありません）マッシュルームの目標は、深いカスタマイズのためのカスタムカードを提供することではありません。これには、優れたUI Lovelace MinimalistおよびButton Cardプラグインを使用できます。
マッシュルームは、HACS（ホームアシスタントコミュニティストア）で入手できます。
このリンクを使用して、HACSのリポジトリに直接移動します
または
mushroom.jsファイルをダウンロードしてください。mushroom.jsファイルをconfig/wwwフォルダーに入れます。mushroom.jsへの参照を追加します。それを行うには2つの方法があります：/local/mushroom.js → [リソースタイプ]をJavaScript Moduleとして設定します。注：リソースメニューが表示されない場合は、ユーザープロファイルで高度なモードを有効にする必要がありますlovelaceセクションに次のコードを追加します。 resources :
- url : /local/mushroom.js
type : module すべてのマッシュルームカードは、ダッシュボードUIエディターを使用して構成できます。
異なるカードが利用可能ですエンティティ：
少なくともホームアシスタント2024.8を使用している場合は、テンプレートバッジを利用できます。
マッシュルームはテーマなしで機能しますが、マッシュルームのテーマをインストールすることで、より良い体験のためにテーマを追加できます。テーマに関する詳細情報が必要な場合は、テーマに関する公式ホームアシスタントドキュメントをご覧ください。
実行することで、Dockerを使用してホームアシスタントのデモインスタンスを実行できます。
npm run start:hass完了したら、ホームアシスタントインスタンスhttp：// localhost：8123にアクセスして、構成を開始します。
Windowsにいる場合は、PowerShellで上記のコマンドを実行するか、コマンドプロンプトを使用して以下を使用します。
npm run start:hass-cmd別の端末で、依存関係をインストールし、開発サーバーを実行します。
npm install
npm startサーバーはポート4000で開始されます。
buildコマンドを実行して、 mushroom.jsファイルをdistフォルダーに構築できます。
npm run buildマッシュルームの翻訳を手伝いたい場合は、Weblateを使用してブラウザから直接翻訳できます。
fr 、 fr-CA 、 zh-Hans 。{language_code}.jsonを作成します。例： fr.json 。localize.ts fileにインポートし、 languagesレコードに言語を追加します。このリポジトリでは、カードMOD構成に関するヘルプは提供されていません。 CARD MODサポートの状態の詳細。
このデザインは、7ahangのBehanceとUi Lovelace Minimalistに関する作品に触発されています。
