[Mon Dashboard ] - @Madmartigan

Non…
AMD 3600x, 32Go de RAM, 1To SSD NVMe :sweat_smile:
Le tout tourne sous Kubernetes (k3s).

Je tourne sur un intel NUC i5 sous proxmox, également 32 Go de Ram mais seulement 6 dédier à HA, et sur ma tablette les commandes sont quasiment instantanées (affichage d’une page element d’image dans lovelace sur fullykiosk avec un Samsung TabA 10pouces)

Perso c’est un Galaxy tab S7 mais je retrouve pas la fluidité de homehabit sur loveloce.
Homehabit gère le slide & co.

tu as essayé Lovelace Swipe Navigation dans HACS pour le slide ?

image

je l’utilise pour mes Surface de microsoft et smartphone

1 « J'aime »

merci @jybi89 pour le code, par contre c’est lent, mais c’est sympa !

Hello
C’est quoi homehabit?

Bonsoir, as-tu eu l’occasion de regarder à partager ta carte garbage collection ? J’ai plusieurs questions car je n’arrive pas à mettre en place l première ligne de ton Dashboard « ma Homepage » avec les présence, poubelles et les voiture et garage ! J’aurais aimer avoir les config de tout cela si c’est possible pour toi … je suis nouveau sur HA et j’avance petit à petit mais là ça devient un peu plus compliquer pour moi … merci d’avance …

Pour mes poubelles :

garbage_collection:
  sensors:
  - name: "Normal"
    frequency: "weekly"
    verbose_state: false
    verbose_format: "{days} jours"
    collection_days:
      - fri
    expire_after: '12:00'
  - name: "Recyclage"
    frequency: "even-weeks"
    verbose_state: false
    verbose_format: "{days} jours"
    collection_days:
      - fri
    expire_after: '12:00'
  - name: "Verre"
    frequency: "even-weeks"
    verbose_state: false
    verbose_format: "{days} jours"
    collection_days:
      - fri
    expire_after: '12:00'

Le haut de ma homepage :

path: home
title: Générales
type: custom:grid-layout
cards:
  - type: custom:stack-in-card
    mode: vertical
    style: |
      ha-card {
        box-shadow: none !important;
      }
    keep:
      margin: false
    cards:
      - type: custom:layout-card
        layout_type: custom:grid-layout
        layout:
          grid-template-columns: 27% 27% 26% 20%
          grid-template-rows: 130px 400px auto auto
          grid-template-areas: |
            "presence presence presence presence"
            "thermostat meteo_agenda puissance_intensité camera"
            "thermostat meteo_agenda puissance_intensité capteur"
            "thermostat meteo_agenda puissance_intensité capteur"
          mediaquery:
            "(max-width: 700px)":
              grid-template-columns: auto
              grid-template-rows: auto auto auto auto auto
              grid-template-areas: |
                "presence"
                "camera"
                "thermostat"
                "puissance_intensité"
                "meteo_agenda"
                "capteur"
            "(max-width: 1150px)":
              grid-template-columns: auto auto
              grid-template-rows: auto auto auto auto
              grid-template-areas: |
                "presence presence"
                "thermostat puissance_intensité"
                "camera camera"
                "meteo_agenda meteo_agenda"
                "capteur capteur"
        cards:
          - type: custom:layout-card
            layout_type: custom:grid-layout
            view_layout:
              grid-area: presence
            layout:
              grid-template-columns: auto auto auto
              grid-template-rows: auto
              grid-template-areas: |
                "presence poubelle garage"
              mediaquery:
                "(max-width: 700px)":
                  grid-template-columns: auto
                  grid-template-rows: auto auto
                  grid-template-areas: |
                    "presence"
                    "poubelle"
                    "garage"
                "(max-width: 1150px)":
                  grid-template-columns: auto auto
                  grid-template-rows: auto auto
                  grid-template-areas: |
                    "presence presence"
                    "poubelle garage"
            cards:
              - type: grid
                columns: 5
                square: true
                view_layout:
                  grid-area: presence
                cards:
                  - type: picture-entity
                    style: |
                      ha-card {
                      {% if states(config.entity) == "home" %}                        filter: brightness(100%);
                      {% else %}                        filter: brightness(30%);
                      {% endif %}                      }
                    show_name: false
                    entity: person.moi
                    image: /local/moi.png
                    show_state: false
                    aspect_ratio: 100%
                  - type: picture-entity
                    style: |
                      ha-card {
                      {% if states(config.entity) == "home" %}                        filter: brightness(100%);
                      {% else %}                        filter: brightness(30%);
                      {% endif %}                      }
                    show_name: false
                    entity: person.maman
                    image: /local/maman.png
                    show_state: false
                    aspect_ratio: 100%
                  - type: picture-entity
                    style: |
                      ha-card {
                      {% if states(config.entity) == "home" %}                        filter: brightness(100%);
                      {% else %}                        filter: brightness(30%);
                      {% endif %}                      }
                    show_name: false
                    entity: person.bellemaman
                    image: /local/bellemaman.png
                    show_state: false
                    aspect_ratio: 100%
                  - type: picture-entity
                    style: |
                      ha-card {
                      {% if states(config.entity) == "home" %}                        filter: brightness(100%);
                      {% else %}                        filter: brightness(30%);
                      {% endif %}                      }
                    show_name: false
                    entity: person.papamaman
                    image: /local/papamaman.png
                    show_state: false
                    aspect_ratio: 100%
                  - type: picture-entity
                    style: |
                      ha-card {
                      {% if states(config.entity) == "home" %}                        filter: brightness(100%);
                      {% else %}                        filter: brightness(30%);
                      {% endif %}                      }
                    show_name: false
                    entity: person.femme_de_menage
                    image: /local/sylvie.png
                    show_state: false
                    aspect_ratio: 100%
              - type: grid
                columns: 3
                square: false
                view_layout:
                  grid-area: poubelle
                style: |
                  ha-card {
                    box-shadow: none !important;
                  }
                cards:
                  - type: picture-entity
                    entity: sensor.normal
                    style: |
                      ha-card {
                        box-shadow: none !important;
                      }
                    show_name: false
                    show_state: false
                    aspect_ratio: 60%
                    state_image:
                      "0": /local/poubelle/normal_0.png
                      "1": /local/poubelle/normal_1.png
                      "2": /local/poubelle/normal_2.png
                  - type: picture-entity
                    entity: sensor.recyclage
                    style: |
                      ha-card {
                        box-shadow: none !important;
                      }
                    show_name: false
                    show_state: false
                    aspect_ratio: 60%
                    state_image:
                      "0": /local/poubelle/recyclage_0.png
                      "1": /local/poubelle/recyclage_1.png
                      "2": /local/poubelle/recyclage_2.png
                  - type: picture-entity
                    entity: sensor.verre
                    style: |
                      ha-card {
                        box-shadow: none !important;
                      }
                    show_name: false
                    show_state: false
                    aspect_ratio: 60%
                    state_image:
                      "0": /local/poubelle/verre_0.png
                      "1": /local/poubelle/verre_1.png
                      "2": /local/poubelle/verre_2.png
              - type: grid
                columns: 4
                square: false
                view_layout:
                  grid-area: garage
                style: |
                  ha-card {
                    box-shadow: none !important;
                  }
                cards:
                  - type: picture-entity
                    name: X-Trail
                    style: |
                      ha-card {
                        box-shadow: none !important;
                      }
                    show_name: false
                    show_state: false
                    entity: sensor.xtrail_mqtt
                    aspect_ratio: 80%
                    state_image:
                      "-1": /local/garage/car-unknow.png
                      "1": /local/garage/car.png
                      "0": /local/garage/car-off.png
                  - type: picture-entity
                    entity: binary_sensor.porte_xtrail
                    name: X-Trail
                    style: |
                      ha-card {
                        box-shadow: none !important;
                      }
                    show_name: false
                    show_state: false
                    aspect_ratio: 80%
                    state_image:
                      "on": /local/garage/garage-open.png
                      "off": /local/garage/garage-close.png
                  - type: picture-entity
                    name: Qashqai
                    style: |
                      ha-card {
                        box-shadow: none !important;
                      }
                    show_name: false
                    show_state: false
                    entity: sensor.qashqai_mqtt
                    aspect_ratio: 80%
                    state_image:
                      "-1": /local/garage/car-unknow.png
                      "1": /local/garage/car.png
                      "0": /local/garage/car-off.png
                  - type: picture-entity
                    entity: binary_sensor.porte_qashqai
                    name: Qashqai
                    style: |
                      ha-card {
                        box-shadow: none !important;
                      }
                    show_name: false
                    show_state: false
                    aspect_ratio: 80%
                    state_image:
                      "on": /local/garage/garage-open.png
                      "off": /local/garage/garage-close.png

Merci beaucoup, je vais pouvoir avancer dans la collecte de mes déchets :joy: et merci pour la homepage, je vais piocher mes besoins :wink::pray:

Les images pour les poubelles, tu les as trouver sur internet ? Un exemple afin de faire ma recherche ? Merci et désolé si je t’ennuie :smirk:

Je ne serais plus te dire mais oui je crois

penses-tu que ce soit faisable de partager tes images (normal, recyclages, verre, car-unknow, car et car-off, garage-open et garage-close) ?

Merci

J’essaie de t’envoyer ca ce soir :slight_smile:

Très beau dashboard.
Je suis preneur de ta config sous github pour voir un peu plus en détail comment tu as mis en place tout cela !

J’ai rien sur github actuellement :confused:
Et actuellement les pages sont en partie généré par Ansible en mode YAML.

comment fais tu pour avoir plusieurs preset mode avec les generic thermostat ? Je n’ai qu’un preset away perso …
je bricole avec les temperatures a régler du coup et plus les preset_mode

J’utilise Simple Thermostat qui est plus poussé que le generic_thermostat :

Prochaine étape je doit tester :

as tu réussit a paramétrer e smart thermostat pour la gestion des PID ?
Je tente sur un radiateur mais les résultats ne sont pas fous.

Et dans ton onglet chauffage général.

La partie du bas c’est pour activer tes préréglages j’imagine, mais comment ca fait pour te mettre un a venir en dessous ?