[Mon Dashboard] - @felix62

[Roughsoul]

Bonjour,

Excellent travail, je suis admiratif du rendu sur les infos systèmes. « RPI ,NAS etc… »
J’essais de m’inspirer de tout ca mais étant un peu noob a ce niveau j’avoue rencontrer quelques difficultés pour la mise en place de ces cartes.
J’ai du mal avec les decluttering card, template et liens entre tous cela.
Serait t’il possible d’en savoir un peu plus sur l’architecture de ton YAML? A tu un Gitub comme ‹ paradis artificiel › ou fait tu des tutos?
Encore une fois excellent boulot.

[Felix62]

Bonjour a toi @Roughsoul

Pour le moment je n’ai pas de github et étant en plein travaux domestique et domotique le temps me manque.

Par contre, ce topic concernant decluterring devrai t’intéresser hésite pas en tant que nouveau a être curieux et posé des questions cela pourras dans doute en aider d’autres😉

https://forum.hacf.fr/t/carte-decluttering-card-reduiser-vos-lignes-de-code-lovelace/4580

[Felix62]

Mise à Jour le 20/08/2022

[ProBreizh]

Salut, je débute en yaml et j’aime beaucoup ta carte, mine de rien j’essaie de reproduire, pour mieux comprendre, mais je n’est jamais encore utilisé « Decluterring card », et je me demandais si tu pouvait me partager ton code pour la partie synology, afin que je puisse mieux comprandre tout le fonctionnement, Merci.

[Felix62]

Tu as du le manquer

@Felix62

===========================================================
Card lovelace synology

• j’utilise plusieurs integrations:
• Decluterring card (je vous met le lien du tuto que j’avais fait sur ce forum)
  [CARTE] Decluttering-card (reduiser vos lignes de code lovelace)
• Multiple entity-row
• custom fold entity row

####################################################################################################################################################################################################################################################################################################################################################
#### SYNOLOGY
###############################################################################################################################################################
      - type: custom:stack-in-card  
        card_mod: 
          style: |
            ha-card {
              margin-top: 0em;
                }         
        mode: vertical
        cards: 
          - type: picture-entity
            entity: binary_sensor.synology_security_status
            image: /local/images/synology.jpg
            show_name: true
            show_state: false
            name: Synology DS920+
            state_image: 
              "Sécurisé": /local/images/synology.jpg
              "off": /local/images/synology.jpg
            tap_action:
              action: url
              confirmation:
                text: de vouloir aller sur le site synology
              url_path: "https://synology.com"
            hold_action:
              action: none
          - type: 'custom:mini-graph-card'
            card_mod: 
              style: |
                ha-card {
                  font-family: var(--primary-font-family);
                  margin-bottom: -10px;
                }
                .graph {
                  padding-top: 0px;
                  padding-bottom: 0px;
                }
                .info {
                  padding-bottom: 0px;
                }
                .flex {
                  padding-bottom: 6px;
                }
            entities: 
              - sensor.synology_temperature
            name: CPU TEMP
            align_state: center
            align_icon: right
            font_size: 100
            font_size_header: 11
            hours_to_show: 24
            line_color: var(--accent-color)
            line_width: 4
            animate: true
            points_per_hour: 2
            #lower_bound: 0
            show:
              fill: false
              graph: line
              extrema: true
              icon: true
              name: true
          - type: custom:decluttering-card
            template: divider
            variables:
              - text: INFOS
          - type: entities
            card_mod: 
              style: |
                ha-card {
                  font-family: var(--primary-font-family);
                  --my-font01-color: {% if states('sensor.synology_volume_1_volume_used')|int < 70 %} green {% else %} orangered {% endif %};
                  --my-font02-color: {% if states('sensor.synology_volume_1_average_disk_temp')|int < 50 %} green {% else %} orangered {% endif %};
                  --my-font03-color: {% if states('sensor.synology_volume_1_status')== 'normal' %} green {% else %} red {% endif %}
                } 
                .card-content {
                  padding-top: 0px;
                  padding-bottom: 0px;
                }              
            entities:
              - type: custom:fold-entity-row
                head: 
                  entity: sensor.synology_volume_1_status
                  name: Volume
                  type: 'custom:multiple-entity-row'        
                  show_state: false
                  entities:
                    - entity: sensor.synology_volume_1_volume_used
                      name: Utilisé
                      format: 'precision2'
                      styles:
                        color: var(--my-font01-color)
                    - entity: sensor.synology_volume_1_average_disk_temp 
                      name: Température
                      format: 'precision2'
                      styles:
                        color: var(--my-font02-color)
                    - entity: sensor.synology_volume_1_status
                      name: Etat
                      format: 'precision2'
                      styles:
                        color: var(--my-font03-color)
                group_config:
                secondary_info: last-changed
                padding: 5 
                entities:
                  - entity: sensor.synology_drive_1_status
                    type: custom:multiple-entity-row
                    entities:    
                    - entity: sensor.synology_drive_1_temperature
                      name: false
                  - entity: sensor.synology_drive_2_status
                    type: custom:multiple-entity-row
                    entities:    
                    - entity: sensor.synology_drive_2_temperature
                      name: false
                  - entity: sensor.synology_drive_3_status
                    type: custom:multiple-entity-row
                    entities:    
                    - entity: sensor.synology_drive_3_temperature
                      name: false
                  - entity: sensor.synology_drive_4_status
                    type: custom:multiple-entity-row
                    entities:    
                    - entity: sensor.synology_drive_4_temperature
                      name: false 
             #- sensor.cpu_speed  
              - sensor.synology_network_up
              - sensor.synology_network_down 
          - type: custom:decluttering-card
            template: divider
            variables:
              - text: SYSTEME
          - type: horizontal-stack
            cards: 
              - type: horizontal-stack
                cards:                   
                  - type: 'custom:mini-graph-card'
                    card_mod: 
                      style: |
                        ha-card {
                          font-family: var(--primary-font-family);
                        }
                        .graph {
                          padding-top: 0px;
                          padding-bottom: 0px;
                        }
                        .info {
                          padding-bottom: 0px;
                        }
                        .flex {
                          padding-bottom: 10px;
                        }

                    entities: 
                      - sensor.synology_cpu_utilization_total
                    name: CPU LOAD
                    align_state: center
                    align_icon: right
                    font_size: 100
                    font_size_header: 11
                    hours_to_show: 24
                    line_color: var(--accent-color)
                    line_width: 4
                    animate: true
                    points_per_hour: 2
                    #lower_bound: 0
                    show:
                      fill: false
                      graph: line
                      extrema: true
                      icon: true
                      name: true

              - type: 'custom:mini-graph-card'
                card_mod: 
                  style: |
                    ha-card {
                      font-family: var(--primary-font-family);
                    }
                    .graph {
                      padding-top: 0px;
                      padding-bottom: 0px;
                    }
                    .info {
                      padding-bottom: 0px;
                    }
                    .flex {
                      padding-bottom: 10px;
                    }
                entities: 
                  - sensor.synology_memory_usage_real
                name: Memoire
                align_state: center
                align_icon: right
                font_size: 100
                font_size_header: 11
                hours_to_show: 24
                line_color: var(--accent-color)
                line_width: 4
                animate: true
                points_per_hour: 2
                #lower_bound: 0
                show:
                  fill: false
                  graph: line
                  extrema: true
                  icon: true
                  name: true

[ProBreizh]

En faite c’est la partie qui contient le declutterind-card que je ne comprand pas comment celaz doit fonctionner.

La partie du code la - type: custom:decluttering-card template: divider variables: - text: INFOS

Du coup je me prand une erreur, mais ne connaissant pas du tout decluttering-card pas si simple

[Felix62]

J’ai rédigée un tuto pour le decluterring tu as d’ailleurs le liens en bleu sur mon message précédent.

Le decluterring c’est juste dans le cas de la carte pour mettre un titre c’est facultatif pour la carte tu peux supprimer ces lignes.,

[ProBreizh]

je vais mieux regarder dans se cas, merci du coup de main

[aldiallo]

Bonjour @Felix62 ,

Je me suis inspire de ton automatisation pour les volets roulants que t’as posté ici et il y a quelques semaines j’ai eu quelques soucis avec que j’ai depuis réglé mais lors de mon souci je suis retourné sur le poste cité plus haut mais je suis aussi venu ici et j’ai rémarqué quelques differences entre les 2 codes, à commencer par l’utilisation d’un platform: time_pattern au lieu d’un platform: state.

Peux tu me dire STP la raison pour l’utilisation de l’un par rapport à l’autre (avantage /inconvenient)??

Merci par avance pour ta réponse.

[Felix62]

Salut @aldiallo,

Mon post n’a pas été mis a jour depuis très longtemps et donc tout mon dashboard ne répond plus a celui plus haut.

Les deux timer ou plateform sont deux mode différent un base sur le temps donc plus aléatoire et peux spamé plus qu’un state qui lui est plus ciblé, c’est celui que j’utilise.

Je vais mettre a jour ma présentation de dashboard si j’arrive a trouver du temps libres et poster ma nouvelle automatisation car depuis ha a évoluer aussi.

[aldiallo]

Merci pour ta réponse

[Spl4sh]

Très beau, je pique quelques idées