Nouvelle intégration Vigieau

Comme souligné par WarC0zes, il existe un ticket pour cela.
J’avais supposé que les cas des résidences secondaires étaient généralement réglés en ayant 2 instances différentes de HA mais visiblement ca n’est pas une généralité! (je ne suis pas dans ce cas donc je ne connais pas le coté pratique de l’une ou l’autre de ces options).

1 « J'aime »

Oups alors

c est corrigé en 0.3.5 :wink:

je te confirme que pour moi c’est bon.

J’ai mis a jour et setter ma env variable mais j’ai cette erreur maintenant :

Error while setting up vigieau platform for sensor
Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/helpers/entity_platform.py", line 353, in _async_setup_platform
    await asyncio.shield(task)
  File "/config/custom_components/vigieau/sensor.py", line 42, in async_setup_entry
    await vigieau_coordinator.async_config_entry_first_refresh()
  File "/usr/src/homeassistant/homeassistant/helpers/update_coordinator.py", line 251, in async_config_entry_first_refresh
    await self._async_refresh(
  File "/usr/src/homeassistant/homeassistant/helpers/update_coordinator.py", line 374, in _async_refresh
    self.async_update_listeners()
  File "/usr/src/homeassistant/homeassistant/helpers/update_coordinator.py", line 164, in async_update_listeners
    update_callback()
  File "/config/custom_components/vigieau/__init__.py", line 220, in _handle_coordinator_update
    self._attr_icon = {
                      ^
KeyError: 'alerte renforcée'

Bonjour,
j’ai fais une maj sur la carte pour quelle soit compacter si pas d’alerte, au lieu d’avoir tout les restrictions afficher.

Pas d’alerte :
Carte vigieau compact

Avec alerte, affichera que les restrictions avec interdictions :
Carte vigieau compact alert

Code carte complet :

type: custom:stack-in-card
mode: vertical
keep:
  box_shadow: false
  margin: false
  border_radius: false
  background: false
  outer_padding: false
cards:
  - type: custom:mod-card
    card_mod:
      style:
        .: |
          :host {
            --text-divider-color: rgb(68, 115, 158);
            --text-divider-line-size: 1px;
          }
    card:
      type: custom:text-divider-row
      text: SÉCHERESSE
      align: left
  - type: custom:mod-card
    card_mod:
      style: |
        ha-card {
          margin: -15px -5px 0px -5px;
        }  
    card:
      type: horizontal-stack
      cards:
        - type: custom:button-card
          entity: sensor.alert_level
          name: 'Vigieau xxxxxxx:'
          layout: icon_name_state2nd
          color_type: icon
          show_name: true
          show_state: true
          state:
            - value: Vigilance
              operator: '=='
              color: green
              icon: mdi:water-check
              styles:
                state:
                  - color: green
            - value: Alerte
              operator: '=='
              color: yellow
              icon: mdi:water-alert
              styles:
                state:
                  - color: yellow
            - value: Alerte renforcée
              operator: '=='
              color: orange
              icon: mdi:water-remove
              styles:
                state:
                  - color: orange
            - value: Crise
              operator: '=='
              color: red
              icon: mdi:water-off
              styles:
                state:
                  - color: red
          size: 55%
          styles:
            card:
              - '--mdc-ripple-color': rgb(68, 115, 158)
              - '--mdc-ripple-press-opacity': 0.5
            name:
              - font-size: 15px
            state:
              - font-weight: bold
              - font-size: 15px
          card_mod:
            style: |
              ha-card {
                border: none;
              }
        - type: custom:bar-card
          entities:
            - entity: sensor.alert_level
              name: Niveau
              icon: mdi:alert-circle
              height: 47px
              color: red
              positions:
                indicator: 'off'
                icon: 'off'
              severity:
                - text: Vigilance
                  color: green
                - text: Alerte
                  color: yellow
                - text: Alerte renforcée
                  color: orange
                - text: Crise
                  color: red
          card_mod:
            style: >
              bar-card-currentbar, bar-card-backgroundbar {
                border-radius: 25px;
              }

              #states > bar-card-row > bar-card-card > bar-card-background >
              bar-card-contentbar > bar-card-name {
                font-size: 16px;
              }  ha-card {
                margin-top: -2px;
                background: none;
                border: none;
              }
  - type: conditional
    conditions:
      - entity: sensor.alert_level
        state_not: Vigilance
    card:
      type: custom:mod-card
      card_mod:
        style: |
          ha-card {
            margin: 5px 5px 5px 5px;
          }
      card:
        type: custom:auto-entities
        card:
          type: grid
          columns: 5
          square: true
        card_param: cards
        filter:
          include:
            - entity_id: sensor.*_restrictions
              options:
                type: custom:button-card
                color_type: icon
                aspect_ratio: 1/1
                show_name: true
                show_state: true
                name: |
                  [[[
                    return entity.attributes.friendly_name
                  ]]]
                styles:
                  card:
                    - '--mdc-ripple-color': rgb(68, 115, 158)
                    - '--mdc-ripple-press-opacity': 0.5
                    - border-radius: 8px
                  name:
                    - font-size: 11px
                    - white-space: normal
                  state:
                    - font-weight: bold
                    - font-size: 10px
                    - white-space: normal
                state:
                  - value: Aucune restriction
                    operator: '=='
                    color: green
                    styles:
                      card:
                        - box-shadow: 0px 0px 0px 2px green
                      state:
                        - color: green
                  - value: Interdiction sauf exception
                    operator: '=='
                    color: orange
                    styles:
                      card:
                        - box-shadow: 0px 0px 0px 2px orange
                      state:
                        - color: orange
                  - value: Interdiction
                    operator: '=='
                    color: red
                    styles:
                      card:
                        - box-shadow: 0px 0px 0px 2px red
                      state:
                        - color: red
                  - value: Interdiction sur plage horaire
                    operator: '=='
                    color: orange
                    styles:
                      card:
                        - box-shadow: 0px 0px 0px 2px orange
                      state:
                        - color: orange
                size: 50%
          exclude:
            - entity_id: sensor.*_restrictions
              state: Aucune restriction 
        sort:
          method: name
          reverse: false

Edit 22/07/23:

  • ajout d’icone pour le niveau d’alerte. mdi:water-check, mdi:water-alert, mdi:water-remove et mdi:water-off.
2 « J'aime »

Merci pour le code

Si tu masques la ville sur la photo, il faut aussi penser à l enlever du code :rofl::rofl:

1 « J'aime »

Salut merci pour le code , voilà le changement, parcontre il y a un décalage


Sur les dux premiers case.

C’est un soucis de taille de police sur ton mobile, sur pc aucun problème.
Faut adapter pour ton mobile, recherche ces lignes dans le button-card:

                  name:
                    - font-size: 11px
                    - white-space: normal
                  state:
                    - font-weight: bold
                    - font-size: 10px

diminue - font-size: 10,9,8…px. tu peu le faire sur name et state.

peut etre comment tu enleve le carde de vigieau XXXXXX
sqddqsdqs

Tiens cela m’amène une question sur les couleurs.
J’ai des couleurs en hexa '#04B404' par exemple bon c’est vert pas orange mais pas grave :grin:
Elle passe nickel sur les color: mais pas sur le box-shadow: 0px 0px 0px 2px orange pour remplacer le orange par exemple

J’ai modifier le code ( de mon post précédent), faut ajouter ces lignes:

          card_mod:
            style: |
              ha-card {
                border: none;
              }
1 « J'aime »

Faut convertir ta couleur hex (#04B404) en dec (rgb(4,180,4)).
et tu met ta couleur telle quelle:

- box-shadow: 0px 0px 0px 2px rgb(4,180,4)

Liste de couleur en nom
https://www.w3.org/TR/css-color-3/#svg-color

1 « J'aime »

super merci, je pense ouvrir un autre poste sur les carte vigieau car sur mon mobile , il y a pas vraiment le meme aperçue.

1 « J'aime »

Bonjour,
En copiant ton code, la couleur n’est pas la bonne :
image
Elle devrait être verte.

Bonjour,
je viens de tester un copier/coller du code et c’est bon.
le code de ce lien Nouvelle intégration Vigieau - #66 par WarC0zes

J’ai pas pensé au RGB pour ce cas :wink: je vais tester ça

Bonjour,

Comment récupérer les heures de restrictions afin d’animer la carte en fonction de celles-ci ?

Je vois bien le mot clef pour récupérer « friendly_name » entity.attributes.friendly_name

Mais la syntax pour heureDebut et heureFin ?

Capture d’écran 2023-07-23 à 20.10.27

Fred

C’est dans les attributs

Merci @titof2375, un exemple ?

Fred

1 « J'aime »