Carte - Nas Synology

Vous connaissez la raison de pourquoi il n’y a pas de problème d’affichage avec Apex 2.0.4 et qu’il y en a avec les versions plus récentes ?

C’est dommage de ne pas pouvoir mettre à jour le module

Malheureusement non :frowning: j’aimerais aussi profiter de la dernière version mais toutes mes cartes ne ressortent plus du tout pareil… affaire à suivre.

Bonjour,
Dans quel fichier exactement. Faut-il en créer un ?
Je débute.
Merci
Christian

Bonjour,
aucun fichier à créer, il faut aller dans l’éditeur de configuration de ton dashboard ( avec le crayon, en haut a droite, puis les 3 points ). Comme montrer sur l’image.

1 « J'aime »

Merci beaucoup.
Je vais essayer cela.
Christian

Super, cela fonctionne.
Un grand merci

2 « J'aime »

Merci pour ce partage.
Je ne sais pas ce que j’ai raté mais je n’arrive pas à supprimer les bordures :

type: custom:button-card
name: SYNOLOGY
show_icon: false
tap_action:
  action: none
styles:
  card:
    - padding-top: 0
    - padding-bottom: 0
  name:
    - margin-left: 25px
    - margin-top: 5px
    - font-weight: bold
    - font-size: 1.5rem
    - justify-self: start
    - margin-bottom: "-15px"
  grid:
    - grid-template-areas: "\"n\" \"buttons\" \"graph\" \"lg\" \"up\" \"courbes\""
    - grid-template-columns: 1fr
    - grid-template-rows: min-content min-content min-content min-content min-content  min-content
  custom_fields:
    buttons:
      - text-align: start
      - font-size: 14px
      - margin: 0
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
    graph:
      - margin-top: "-25px"
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
    lg:
      - margin-top: "-63px"
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
    up:
      - margin-left: 20px
      - margin-right: 20px
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
    courbes:
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
custom_fields:
  buttons:
    card:
      type: entities
      entities:
        - entity: sensor.station_drive_4_etat
          type: custom:multiple-entity-row
          state_header: HDD 4
          name: Status
          icon: mdi:nas
          entities:
            - entity: sensor.station_drive_2_etat
              name: HDD 2
            - entity: sensor.station_drive_3_etat
              name: HDD 3
        - entity: sensor.station_temperature
          type: custom:multiple-entity-row
          state_header: Serveur
          name: Température
          entities:
            - entity: sensor.station_drive_2_temperature
              name: HDD 2
            - entity: sensor.station_drive_3_temperature
              name: HDD 3
            - entity: sensor.station_drive_4_temperature
              name: HDD 4
        - entity: update.station_mise_a_jour_dsm
          icon: mdi:update
          name: Mise à jour DSM
        - entity: binary_sensor.station_etat_de_securite
          icon: mdi:check-circle
          name: Mise à jour DSM
  graph:
    card:
      type: grid
      square: false
      columns: 4
      cards:
        - type: custom:apexcharts-card
          chart_type: radialBar
          series:
            - entity: sensor.station_utilisation_du_processeur_totale
              color: rgb(76, 175, 80)
              max: 100
              show:
                legend_value: false
          apex_config:
            plotOptions:
              radialBar:
                offsetY: 0
                startAngle: -108
                endAngle: 108
                hollow:
                  size: 70%
                dataLabels:
                  name:
                    show: false
                  value:
                    show: false
                track:
                  strokeWidth: 80%
                  margin: 0
            legend:
              show: false
            chart:
              height: 140px
        - type: custom:apexcharts-card
          chart_type: radialBar
          series:
            - entity: sensor.station_utilisation_de_la_memoire_reelle
              color: rgb(33, 150, 243)
              max: 100
              show:
                legend_value: false
          apex_config:
            plotOptions:
              radialBar:
                offsetY: 0
                startAngle: -108
                endAngle: 108
                hollow:
                  size: 70%
                dataLabels:
                  name:
                    show: false
                  value:
                    show: false
                track:
                  strokeWidth: 80%
                  margin: 0
            legend:
              show: false
            chart:
              height: 140px
        - type: custom:apexcharts-card
          chart_type: radialBar
          series:
            - entity: sensor.station_volume_1_volume_utilise
              color: rgb(255, 87, 34)
              max: 100
              show:
                legend_value: false
          apex_config:
            plotOptions:
              radialBar:
                offsetY: 0
                startAngle: -108
                endAngle: 108
                hollow:
                  size: 70%
                dataLabels:
                  name:
                    show: false
                  value:
                    show: false
                track:
                  strokeWidth: 80%
                  margin: 0
            legend:
              show: false
            chart:
              height: 140px
        - type: custom:apexcharts-card
          chart_type: radialBar
          series:
            - entity: sensor.station_volume_2_volume_utilise
              color: rgb(255, 50, 34)
              max: 100
              show:
                legend_value: false
          apex_config:
            plotOptions:
              radialBar:
                offsetY: 0
                startAngle: -108
                endAngle: 108
                hollow:
                  size: 70%
                dataLabels:
                  name:
                    show: false
                  value:
                    show: false
                track:
                  strokeWidth: 80%
                  margin: 0
            legend:
              show: false
            chart:
              height: 140px
  lg:
    card:
      type: grid
      square: false
      columns: 4
      cards:
        - type: custom:mushroom-entity-card
          entity: sensor.station_utilisation_du_processeur_totale
          primary_info: name
          secondary_info: state
          name: CPU
          icon_color: green
          layout: vertical
        - type: custom:mushroom-entity-card
          entity: sensor.station_utilisation_de_la_memoire_reelle
          primary_info: name
          secondary_info: state
          name: RAM
          icon_color: blue
          layout: vertical
        - type: custom:mushroom-entity-card
          entity: sensor.station_volume_1_volume_utilise
          primary_info: name
          secondary_info: state
          name: Disques durs
          icon_color: deep-orange
          layout: vertical
        - type: custom:mushroom-entity-card
          entity: sensor.station_volume_2_volume_utilise
          primary_info: name
          secondary_info: state
          name: Disque dur
          icon_color: red
          layout: vertical
  up:
    card:
      type: grid
      square: false
      columns: 2
      cards:
        - type: custom:mushroom-entity-card
          entity: sensor.station_debit_de_telechargement
          primary_info: state
          secondary_info: name
          name: Téléchargement
          icon_color: orange
        - type: custom:mushroom-entity-card
          entity: sensor.station_debit_de_transfert
          primary_info: state
          secondary_info: name
          name: Transfert
          icon_color: blue
  courbes:
    card:
      type: custom:mini-graph-card
      entities:
        - entity: sensor.station_debit_de_telechargement
          name: Down
          color: var(--orange-color)
        - entity: sensor.station_debit_de_transfert
          name: Up
          color: var(--blue-color)
          y_axis: secondary
      hours_to_show: 72
      line_width: 3
      font_size: 50
      animate: false
      show:
        name: false
        icon: false
        state: false
        legend: false
        fill: fade

Une idée ?
Je précise que je suis passé en apex 2.0.4 même si je pense que mon souci ne vient pas de là.

1 « J'aime »

Salut, il te manque card_mod ? Ou alors ton thème pose peut être problème…

        card_mod:
          style: |
            ha-card {
              border: none;
            }

Salut,

Merci pour ce beau partage, ça me simplifie ma vue et me change de mes cartes avec trop d’informations. C’est top.

Par contre, j’ai l’impression que ça s’intègre assez mal avec les sections de mon tableau de bord. Ce n’est visible qu’en mode édition si je n’ai que ça sur la vue, mais si j’essaie d’ajouter d’autres sections, elles viennent se superposer sur la carte.

Pas très pratique.

1 « J'aime »

Malheureusement je ne suis pas encore passé sur les pages « section ». Peut être à modifier du coup :s

Ce n’est pas trop fait pour la vue section et des cartes custom et du card_mod. Surtout, si tu modifies les marges des cartes. Je ne suis pas prêt dis passer encore :sweat_smile:

2 « J'aime »

J’ai bien card_mod installé en 3.4.3 mais j’utilise la carte de @sbdomo qui utilise button-card.
Je cite :

J’utilise button-card pour y mettre plusieurs cartes et changer les styles (sans recours à cad_mod)

Bonjour,
ça doit être à cause du thème que tu utilises. Ce n’est pas le thème par défaut ?

1 « J'aime »

Bonjour,
Les lignes ci-dessous enlèvent le fond des cartes et mettent le bord des cartes sans largeur.

Dans le thème utilisé, il y a probablement autre chose comme par exemple une ombre qu’il faudrait enlever.

1 « J'aime »

@Nico33
c’est peut être un box-shadow, que ton thème applique.
test avec - box-shadow: none

Merci pour vos réponses. J’ai avancé mais pas corrigé.
C’est bine lié au thème car quand j’en mets un autre, ça disparait.

Par contre, ce n’est pas les ombres.

  custom_fields:
    buttons:
      - text-align: start
      - font-size: 14px
      - margin: 0
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
      - box-shadow: none
    graph:
      - margin-top: "-25px"
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
      - box-shadow: none
    lg:
      - margin-top: "-63px"
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
      - box-shadow: none
    up:
      - margin-left: 20px
      - margin-right: 20px
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
      - box-shadow: none
    courbes:
      - "--ha-card-background": none
      - "--ha-card-border-width": 0
      - box-shadow: none

Et j’ai toujours les cadres.

Quel thème tu utilises ?

Il s’appelle waves.
Je dois regarder quelque chose de particulier ?

regarde dans le code du thème ce qui te provoque ton soucis.

je vois ca dans le thème, qui pourrais être la cause:

      # Shadown
      ha-card-box-shadow: "0px 0px 3px 0px #0d141c"

essai avec - "--ha-card-box-shadow": none.

Bravo !!!
C’est ça !
Merci pour le coup de main.

1 « J'aime »

Bonjour à tous,

Je n’arrive pas à rajouter les 2 boutons Reboot et On/off sur cette carte :
https://forum.hacf.fr/uploads/default/original/3X/4/7/47eaf420f9a4acb6e18aff82e1ac193a0b465a8b.jpeg
J’ai créé le switch wake on lan, copié les images dans un dossier.
Pourriez-vous m’aider ?