Code lovelace.yaml ? comment l'utiliser

Bonjour à tous,

Je bloque sur le code de @Dathosim et son excellent librairie que je suis en train de tester.
Il dit dans la doc « Il suffit de créer un nouvel onglet dans HA et ensuite de copier coller le contenu du fichier lovelace.yaml »

Mais comment mettre ce code ? Je pense que je ne le mets pas au bon endroit.
Dans une carte ? Dans l’éditeur de config ? où ?
image

Je dois me planter quelque part, je ne suis pas loin, je suis presque au bout, à l’affichage.

Merci

Hello
La tu avais un debut d’aide

par definition, cela veux dire que tu modifier ton UI en mode lovelace.yaml

aaa

ensuite verifie ceci mettre en tuile
bbb

Déja la solution lovelace: !include lovelace.yaml ça ne le fait pas…
Je cherche à comprendre

Oublie cette histoire de fichier, c’est plus vraiment à jour (et il y a plein de références à cas partout, je suis d’accord c’est pénible).
En plus un bloc YAML qui commence par - (qui veut dire liste) c’est pas correct syntaxiquement
Pour avoir l’équivalent du lovelace.yaml, passe par l’ui comme ci-dessus

1 « J'aime »

C’est un code de carte, a mettre dans une carte du dashboard.

je le mets par ui ok donc par l’editeur de config mais je le mets dans quoi ? dans une vue ? une carte ?

Met le dans une carte vertical-stack ou stack-in-card.

1 « J'aime »

Et passe par l’editeur de cartes classique ça marche tout autant

1 « J'aime »

c’est top les gars, trouvé, c’est super simple finalement.

j’ai mis dans horizontal-stack dans un panneau, impec !!

Donc au final, j’ai juste ajouté :

type: horizontal-stack
cards:

au dessus du code proposé.

Parfois on va chercher loin un truc super simple.
L’interface graphique a super bien évolué, HA a fait un progrès de dingue sur ce plan.

2 « J'aime »

Hello,
Super que tu ai pu finaliser ton code. Pourrais tu le poster car je n’arrive pas a faire afficher le resultat il me mets les bonnes valeurs mais avec les balises html! voici le code que j’utilise:

  • title: test
    path: test
    badges: []
    cards:
    • type: entities
      entities:
      • entity: sensor.pronote_enfant1_timetable_today
      • entity: sensor.pronote_enfant1_timetable_tomorrow
      • entity: sensor.pronote_enfant1_timetable_next_day
        title: Début des cours
    • type: markdown
      content: |-
          <div>Emploi du temps d'aujourd'hui </div>
          <table>
            <tbody>
              {%-for attr in states.sensor.pronote_enfant1_timetable_today.attributes.lessons -%}
              <tr style="background-color:#FF0000">
                <td>
                  {%- if state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['canceled'] == false -%}
                    <mark>
                      {{state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['start_time']}}
                    </mark>
                  {%- else -%}
                    <span>
                      {{state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['start_time']}}
                    </span>
                  {% endif %}
                </td>
                <td>
                  {{state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['end_time']}}
                </td>
                <td>
                  {{state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['lesson']}}
                  {% if not state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['status'] == None %}
                    <span>
                      {{state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['status']}}
                    </span>
                  {% endif %}
                </td>
                <td>
                  {{state_attr('sensor.pronote_enfant1_timetable_today', 'lessons')[loop.index-1]['classroom']}}
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        card_mod:
          style:
            .: |
              ha-card ha-markdown {
                padding:0px
              }
              ha-card ha-markdown.no-header {
                padding:0px
              }
            ha-markdown$: |
              div {
                  background-color:rgb(100, 100, 100);
                  padding: 12px 12px;
                  color:white;
                  font-weight:normal;
                  font-size:1.2em;
                  border-top-left-radius: 5px; 
                  border-top-right-radius: 5px; 
              }
              table{
                border-collapse: collapse;
                font-size: 0.9em;
                font-family: Roboto;
                width: 100%;
                outline: 0px solid #393c3d;
                margin-top:5px;
              } caption {
                  text-align: center;
                  font-weight: bold;
                  font-size: 1.2em;
              } td {
                  padding: 5px 10px 5px 10px;
                  text-align: left;
                  border-bottom: 0px solid #1c2020;
              }
              tr {
                  border-bottom: 0px solid #1c2020;
              }
              tr:nth-of-type(even) {
                  background-color: rgb(54, 54, 54, 0.3);
              }
              tr:last-of-type {
                  border-bottom: transparent;
              }
              mark {
                  background: #009767;
                  color: #222627;
                  border-radius: 5px;
                  padding: 5px;
              }
              span {
                  background: #EC4B34;
                  color: #222627;
                  border-radius: 5px;
                  padding: 5px;
              }
              span {
                  padding: 5px;
              }
              tr:nth-child(n+2) > td:nth-child(2) {
                text-align: left;
              }

Depuis une intégration Pronote est sortie, je l’utilise maintenant.

finalement le problème était que card-mod n’était pas installé :slight_smile: maintenant c’est parfait

1 « J'aime »

hello, j’en profite pour te demander si les données de l’emploi du temps (timetable_today,timetable_tomorrow,timetable_next_day) étaient correctes? moi pour les données du jour j’ai en fait les données de la veille…en fait tout est à J-1. Merci de ton aide.

on devra attendre la rentrée pour continuer…

Hello,

Bonne rentrée à tous :slightly_smiling_face:
Voici les problématiques que je rencontre:
le sensor timetable_today : contient les données de la veille (ceux du 05/09)
le sensor timetable_tomorrow : contient les données d’aujourd’hui (ceux du 06/09)
le sensor timetable_next_day : contient les données d’aujourd’hui (ceux du 06/09)
le sensor timetable_period : contient les données à partir du 05/09
je ne comprends pas comment faire pour qu’il prenne la date actuelle.
Merci de votre aide