lovelace mushroom

? Champignon

Qu'est-ce que les champignons?

Mushroom est une collection de cartes pour l'interface utilisateur du tableau de bord assistant à domicile.

La mission des champignons est de proposer des composants faciles à utiliser pour construire votre tableau de bord assistant à domicile.

Caractéristiques

• ? Éditeur pour toutes les cartes et toutes les options (pas besoin de modifier yaml )
• ? Cueilleur d'icônes
• ? Cueilleur de couleurs
• 0 Dépendances: pas besoin d'installer une autre carte.
• ? En fonction des couleurs d'interface utilisateur de matériau
• ? Support de thème clair et sombre
• ? Personnalisation du thème facultatif
• ? Internationalisation

L'objectif des champignons n'est pas de fournir une carte personnalisée pour une personnalisation profonde. Vous pouvez utiliser l'excellent plugins minimalistes de la carte minimaliste UI Lovelace pour cela.

Installation

Hacs

Les champignons sont disponibles dans HACS (magasin communautaire adjoint à domicile).

Utilisez ce lien pour accéder directement au référentiel dans HACS

ou

1. Installez HACS si vous ne l'avez pas déjà
2. OUVERT HACS à Home Assistant
3. Recherchez "champignon"
4. Cliquez sur le bouton de téléchargement.

Manuel

1. Téléchargez le fichier mushroom.js à partir de la dernière version.
2. Mettez le fichier mushroom.js dans votre dossier config/www .
3. Ajoutez une référence à mushroom.js dans le tableau de bord. Il y a deux façons de faire cela:
   • Utilisation de l'interface utilisateur: Paramètres → Tableaux de bord → plus d'options icônes → Ressources → Ajouter des ressources → Définir l'URL comme /local/mushroom.js → Définir le type de ressource comme JavaScript Module . Remarque: Si vous ne voyez pas le menu Resources, vous devrez activer le mode avancé dans votre profil utilisateur
   • Utilisation de YAML: Ajoutez du code suivant à la section lovelace .

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

Usage

Toutes les cartes de champignons peuvent être configurées à l'aide de l'éditeur d'interface utilisateur du tableau de bord.

1. Dans l'interface utilisateur du tableau de bord, cliquez sur 3 points dans le coin supérieur droit.
2. Cliquez sur Modifier le tableau de bord .
3. Cliquez sur le bouton Plus pour ajouter une nouvelle carte.
4. Trouvez l'une des cartes personnalisées: champignon dans la liste.

Cartes

Différentes cartes sont disponibles pour les différentes entités:

• Carte d'alarme
• ? Carte de puces
• ? Carte climatique
• ? Carte de couverture
• ? Carte entité
• ? Carte de fan
• ? Carte d'humidificateur
• Carte légère
• Carte de verrouillage
• Carte multimédia
• ? Carte numéro
• ? Carte de personne
• ? Sélectionner la carte
• ? Carte de modèle
• ✏️ Carte de titre
• ? Carte de mise à jour
• ? Carte d'aspiration

Badges

Un badge de modèle est disponible si vous utilisez au moins l'assistant à domicile 2024.8.

Personnalisation du thème

Les champignons fonctionnent sans thème, mais vous pouvez ajouter un thème pour une meilleure expérience en installant les thèmes des champignons. Si vous voulez plus d'informations sur les thèmes, consultez la documentation officielle de l'assistant à domicile sur les thèmes.

Serveur de développement

Démo d'assistant à domicile

Vous pouvez exécuter une instance de démonstration d'assistant à domicile avec Docker en fonctionnant:

npm run start:hass

Une fois cela fait, accédez à l'instance de l'assistant à domicile http: // localhost: 8123 et démarrage de la configuration.

Utilisateurs de Windows

Si vous êtes sous Windows, exécutez la commande ci-dessus dans PowerShell, soit utilisez ce qui est ci-dessous si vous utilisez l'invite de commande:

npm run start:hass-cmd

Développement

Dans un autre terminal, installez les dépendances et exécutez le serveur de développement:

npm install
npm start

Le serveur commencera sur le port 4000 .

Construire

Vous pouvez construire le fichier mushroom.js dans le dossier dist en exécutant la commande build.

npm run build

Traductions

Si vous souhaitez aider à traduire les champignons, vous pouvez le traduire directement à partir de votre navigateur à l'aide de la weblate.

Étapes du mainteneur pour ajouter une nouvelle langue

1. Pour être compatible avec l'assistant à domicile, les balises linguistiques doivent suivre BCP 47. Une liste de la plupart des balises linguistiques peut être trouvée ici: IANA Subtag Registry. Exemples: fr , fr-CA , zh-Hans .
2. Créez un nouveau fichier {language_code}.json avec votre code de langue dans le dossier de traduction. Exemples: fr.json .
3. Importez votre fichier dans le localize.ts file et ajoutez votre langue dans l'enregistrement languages .
4. N'oubliez pas de tester localement avec le serveur de développement en choisissant la langue avec l'interface utilisateur de l'assistant à domicile dans votre profil.

Dépannage

Je ne vois pas les derniers changements

1. Vérifiez que votre version d'assistant à domicile est la dernière. Certaines nouvelles fonctionnalités de champignons ne peuvent être visibles que pour la dernière version d'assistant à domicile.
2. Vérifiez que vous avez la dernière version des champignons sur HACS
3. Vérifiez que vous avez la dernière version des champignons en vérifiant la console du navigateur
4. Effacer votre cache:
   • Supprimer les ressources des champignons (https://my.home-assistant.io/redirect/lovelace_resources/)
   • désinstaller les champignons de HACS
   • Réinstallez les champignons de HACS

Ma configuration de mod de carte ne fonctionne pas.

L'aide sur la configuration du mod de carte n'est pas fournie dans ce référentiel. Plus d'informations dans l'état de la prise en charge du mod de carte.

Crédits

Le design est inspiré par le travail de 7Ahang sur Behance et UI Lovelace Minimaliste.