lovelace mushroom

? Pilz

Was ist Pilz?

Pilz ist eine Kartensammlung für die Home Assistant Dashboard UI.

Die Pilzmission besteht darin, einfach zu verwendende Komponenten vorzuschlagen, um Ihr Dashboard für das Dash -Assistent zu bauen.

Merkmale

• ? Editor für alle Karten und und alle Optionen (nicht erforderlich, um yaml zu bearbeiten)
• ? Icon Picker
• ? Farbwählerin
• 0 Abhängigkeiten: Sie müssen keine andere Karte installieren.
• ? Basierend auf Material -UI -Farben
• ? Helles und dunkles Thema unterstützt
• ? Optionale Themenanpassung
• ? Internationalisierung

Das Ziel von Pilz ist es nicht, eine benutzerdefinierte Karte für eine tiefe Anpassung bereitzustellen. Dafür können Sie die ausgezeichneten UI -Lovelace -Minimalist- und Tastenkarten -Plugins verwenden.

Installation

HACs

Pilz ist in HACS (Home Assistant Community Store) erhältlich.

Verwenden Sie diesen Link, um direkt zum Repository in HACS zu gehen

oder

1. Installieren Sie HACs, wenn Sie es nicht noch haben
2. Öffnen Sie HACs im Heimassistenten
3. Suche nach "Pilz"
4. Klicken Sie auf die Schaltfläche Download.

Handbuch

1. Laden Sie die Datei mushroom.js aus der neuesten Version herunter.
2. Geben Sie die Datei mushroom.js in Ihren config/www -Ordner ein.
3. Fügen Sie Referenz auf mushroom.js im Dashboard hinzu. Das gibt es zwei Möglichkeiten:
   • Verwenden von UI: Einstellungen → Dashboards → Mehr Optionensymbol → Ressourcen → Ressource hinzufügen → URL als /local/mushroom.js → Ressourcentyp als JavaScript Module festlegen. Hinweis: Wenn Sie das Menü Ressourcen nicht sehen, müssen Sie den erweiterten Modus in Ihrem Benutzerprofil aktivieren
   • Verwenden Sie YAML: Fügen Sie den Abschnitt lovelace folgen.

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

Verwendung

Alle Pilzkarten können mithilfe des Dashboard UI -Editors konfiguriert werden.

1. Klicken Sie in der Dashboard -Benutzeroberfläche 3 Punkte in der oberen rechten Ecke.
2. Klicken Sie auf das Dashboard bearbeiten .
3. Klicken Sie auf Plus -Schaltfläche, um eine neue Karte hinzuzufügen.
4. Finden Sie einen der Sonderanfertigungen: Pilzkarte in der Liste.

Karten

Für verschiedene Unternehmen sind verschiedene Karten erhältlich:

• Alarmkarte
• ? Chipskarte
• ? Klimakarte
• ? Deckungskarte
• ? Entitätskarte
• ? Fankarte
• ? Luftbefeuchterkarte
• Lichtkarte
• Schlosskarte
• Medienkarte
• ? Zahlenkarte
• ? Personkarte
• ? Karte auswählen
• ? Vorlagenkarte
• ✏️ Titelkarte
• ? Karte aktualisieren
• ? Vakuumkarte

Abzeichen

Ein Vorlagenabzeichen ist verfügbar, wenn Sie mindestens den Home Assistant 2024.8 verwenden.

Themenanpassung

Pilz funktioniert ohne Thema, aber Sie können ein Thema für eine bessere Erfahrung hinzufügen, indem Sie die Pilzthemen installieren. Wenn Sie weitere Informationen zu Themen wünschen, lesen Sie die offizielle Home -Assistant -Dokumentation zu Themen.

Entwicklungsserver

Home Assistant Demo

Sie können eine Demo -Instanz von Home Assistant mit Docker durchführen, indem Sie ausgeführt werden:

npm run start:hass

Sobald es fertig ist, gehen Sie zu Home Assistant Instance http: // localhost: 8123 und starten Sie die Konfiguration.

Windows -Benutzer

Wenn Sie unter Windows sind, führen Sie entweder den obigen Befehl in PowerShell aus oder verwenden Sie die folgende Verwendung, wenn Sie die Eingabeaufforderung verwenden:

npm run start:hass-cmd

Entwicklung

Installieren Sie in einem anderen Terminal Abhängigkeiten und führen Sie den Entwicklungsserver aus:

npm install
npm start

Der Server startet auf Port 4000 .

Bauen

Sie können die Datei mushroom.js in dist -Ordner erstellen, indem Sie den Befehl Build ausführen.

npm run build

Übersetzungen

Wenn Sie bei der Übersetzung von Pilzen helfen möchten, können Sie es mit Weblate direkt aus Ihrem Browser übersetzen.

Wartungsschritte, um eine neue Sprache hinzuzufügen

1. Um mit Home Assistant kompatibel zu sein, müssen Sprachtags BCP 47 folgen. Eine Liste der meisten Sprach -Tags finden Sie hier: IANA -Subtag -Registrierung. Beispiele: fr , fr-CA , zh-Hans .
2. Erstellen Sie eine neue Datei {language_code}.json mit Ihrem Sprachcode im Übersetzungsordner. Beispiele: fr.json .
3. Importieren Sie Ihre Datei in die localize.ts file und fügen Sie Ihre Sprache in den languages hinzu.
4. Vergessen Sie nicht, mit dem Entwicklungsserver lokal zu testen, indem Sie die Sprache mit der Home -Assistant -Benutzeroberfläche in Ihrem Profil auswählen.

Fehlerbehebung

Ich sehe die letzten Änderungen nicht

1. Überprüfen Sie, ob Ihre Home -Assistant -Version die neueste ist. Einige neue Pilzfunktionen können nur für die neueste Home -Assistant -Version sichtbar sein.
2. Überprüfen Sie, ob Sie die neueste Pilzversion auf HACS haben
3. Überprüfen Sie, ob Sie die neueste Pilzversion haben, indem Sie die Browserkonsole überprüfen
4. Löschen Sie Ihren Cache:
   • Pilzressourcen löschen (https://my.home-assistant.io/redirect/lovelace_resources/)
   • Pilze von HACs deinstallieren
   • Installieren Sie Pilze von HACs neu

Meine Kartenmodkonfiguration funktioniert nicht.

In diesem Repository wird keine Hilfe zur Kartenmodkonfiguration bereitgestellt. Weitere Informationen im Status des Kartenmod -Supports.

Credits

Das Design ist von 7ahangs Arbeit zu Behance und UI Lovelace Minimalist inspiriert.