https:\/\/github.com\/dathosim\/Pronote2Homeassistant\/blob\/main\/lovelace.yaml<\/a><\/p>\r\nHere is my code:<\/p>\r\n
Type: horizontal-stack columns: 2 square: false cards: - type: vertical-stack cards: - type: markdown content: | -\r\n <div>Today's schedule <\/div>\r\n <table>\r\n <tbody>\r\n {%-for attr in states.sensor.pronote_edt_coralie_today.attributes.edt_today -%}\r\n <tr style="background-color:#FF0000"><td>\r\n {%- if state_attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['cancellation'] == false -%}\r\n <mark>\r\n {{state _attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['hour']}}\r\n <\/mark>\r\n {%- else -%}\r\n <span>\r\n {{state _attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['hour']}}\r\n <\/span>\r\n {% endif %}<\/td>\r\n <td>{{state _attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['_fin time']}}<\/td>\r\n <td>\r\n {{state _attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['course']}} {% if not state_attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['status'] == None %}<span>{{state _attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['status']}}<\/span>\r\n {% endif %}<\/td>\r\n <td>{{state _attr('sensor.pronote_edt_coralie_today', 'edt_today')[loop.index-1]['room']}}<\/td>\r\n <\/tr>\r\n {% endfor %}\r\n <\/tbody>\r\n <\/table>\r\n 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; } - type: markdown content: >-\r\n <div>Time use of: {{state _attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[0]['date']}}<\/div>\r\n\r\n <table>\r\n <tbody>\r\n {%-for attr in states.sensor.pronote_edt_coralie_nextday.attributes.edt_nextday -%}\r\n <tr style="background-color:#FF0000"><td>\r\n {%- if state_attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['cancellation'] == false -%}\r\n <mark>\r\n {{state _attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['hour']}}\r\n <\/mark>\r\n {%- else -%}\r\n <span>\r\n {{state _attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['hour']}}\r\n <\/span>\r\n {% endif %}<\/td>\r\n <td>{{state _attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['_fin time']}}<\/td>\r\n <td>\r\n {{state _attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['course']}} {% if not state_attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['status'] == None %}<span>{{state _attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['status']}}<\/span>\r\n {% endif %}<\/td>\r\n <td>{{state _attr('sensor.pronote_edt_coralie_nextday', 'edt_nextday')[loop.index-1]['room']}}<\/td>\r\n <\/tr>\r\n {% endfor %}\r\n <\/tbody>\r\n <\/table>\r\n 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; } - type: markdown content: | -\r\n <div>Duties<\/div>\r\n <table>\r\n <tbody>\r\n {%-for attr in states.sensor.pronote_devoir_coralie.attributes.devoir -%}\r\n <tr>\r\n <td>\r\n {%- if state_attr('sensor.pronote_devoir_coralie', 'duty')[loop.index-1]['done'] == true -%}\r\n <mark>\r\n {{state _attr('sensor.pronote_devoir _coralie', 'duty')[loop.index-1]['date']}}\r\n <\/mark>\r\n {%- else -%}\r\n <span>\r\n {{state _attr('sensor.pronote_devoir _coralie', 'duty')[loop.index-1]['date']}}\r\n <\/span>\r\n {% endif %}<\/td> \r\n <td>{{state _attr('sensor.pronote_devoir _coralie', 'duty')[loop.index-1]['title']}}<\/td>\r\n <td>{{state _attr('sensor.pronote_devoir _coralie', 'duty')[loop.index-1]['description']}}<\/td>\r\n <\/tr>\r\n {% endfor %}\r\n <\/tbody>\r\n <\/table>\r\n card_mod: style: .: | ha-card ha-markdown { padding:0px } ha-card ha-markdown.no-header { padding:0px } ha-markdown$: | h1 { font-weight: normal; font-size: 24px; } 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: auto; outline: 0px solid #393c3d; margin-top: 10px; } caption { text-align: center; font-weight: bold; font-size: 1.2em; } td { padding: 5px 5px 5px 5px; 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; } - type: markdown content: | -\r\n <div>Evaluations<\/div>\r\n <table width='100%'>\r\n <tbody>\r\n {%-for attr in states.sensor.pronote_eval_coralie.attributes.evaluation -%} {% if loop.index < 40 %}\r\n <tr>\r\n <td width='10%'>{{attr['date _courte']}}<\/td>\r\n <td width='70%'>{{attr['eval']}}<\/td>\r\n <td width='20%'>\r\n {%for attr2 in attr.acquisitions-%}{% if attr2['acquisition _level'] == "A+" %} \ud83d\udc9a {% elif attr2['acquisition _level'] == "A" %} \ud83d\udfe2 {% elif attr2['acquisition _level'] == "B+" %} \u26aa + {% elif attr2['acquisition _level'] == "B" %} \u26aa {% elif attr2['acquisition _level'] == "C+" %} \ud83d\udfe1+ {% elif attr2['acquisition _level'] == "C" %} \ud83d\udfe1 {% elif attr2['acquisition _level'] == "D+" %} \u26aa + {% elif attr2['acquisition _level'] == "D" %} \u26aa {% elif attr2['acquisition _level'] == "E" %} \ud83d\udd34 {% else %}{{ attr2['acquisition _level']}} {% endif %} {% endfor %}\r\n <\/td>\r\n <\/tr>\r\n {% endif %} {% endfor %}\r\n <\/tbody>\r\n <\/table>\r\n card_mod: style: .: | ha-card ha-markdown { padding:0px } ha-card ha-markdown.no-header { padding:0px } ha-markdown$: | h1 { font-weight: normal; font-size: 24px; } 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: auto; outline: 0px solid #393c3d; margin-top: 10px; } caption { text-align: center; font-weight: bold; font-size: 1.2em; } td { padding: 5px 5px 5px 5px; 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: 10px; padding: 5px; } span { background: #EC4B34; color: #222627; border-radius: 10px; padding: 5px; } span { padding: 5px; } tr:nth-child(n+2) > td:nth-child(2) { text-align: left; }\r\n<\/pre>\r\n![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/pronote12.png\")
<\/p>\r\n
Please note:<\/p>\r\n
I changed the colour of the dots because the correspondence was not good with the configuration of the pronote of my daughter\u2019s establishment. For green plus, I put a green heart.<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/pronote.png\")
<\/p>\r\n![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/warning.png\")
\r\n