<\/span><\/h3>\r\n![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot1.png\")
<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot2.png\")
<\/p>\r\n
Both are super clean, for the cancelled course I hesitate between the red button or the crossed-out time, both are relevant.<\/p>\r\n
I made a mix of the two and added a space before \u2018class council\u2019, I also reworked the date in the title because it had to be found.<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot3.png\")
<\/p>\r\n
The code is:<\/p>\r\n
- type: markdown content: >- {% set items = state_attr('sensor.pronote_xx _coralie _timetable _next_day','lessons') %} <div>Time use of: {{as _timestamp(items[0].start _at) | int | timestamp _custom('%d\/%m\/%Y', true)}} <\/div>\r\n\r\n <table> {% for i in range(0, items | count, 1) %} <tr> \r\n {%- if items[i].canceled!= True -%} \r\n <td><mark>{{ items[i].start_time}}<\/td> \r\n <td><mark>{{ items[i].end _time }}<\/td><\/mark>\r\n <td>{{ items[i].lesson }} {% else %} <td><del>{{ items[i].start _time }}<\/td> <td><del>{{ items[i].end _time}}<\/td> <td><del>{{ items[i].lesson }}<\/del> {%- endive -%} {% if items[i].status!= None %} <span> {{ items[i].status }}<\/td> {% endif %} <td> {{items[i].classroom }}<\/td> <\/tr> {% endfor %} <\/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: ''\r\n<\/pre>\r\n<\/span>The homework map<\/span><\/h3>\r\n![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot4.png\")
<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot5.png\")
<\/p>\r\n
I have changed entities and the result is:<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot6.png\")
<\/p>\r\n
Its code:<\/p>\r\n
- type: markdown content: | -\r\n <div>Duties<\/div>\r\n <table>\r\n <tbody>\r\n {% set items = state_attr('sensor.pronote_xx _coralie _homework','homework') %} {%-for i in range(0, items | count, 1) -%}\r\n <tr>\r\n <td>\r\n {%- if items[i].done == true -%}\r\n <mark>\r\n {{items[i].date.strftime("%d\/%m")}}\r\n <\/mark>\r\n {%- else -%}\r\n <span>\r\n {{items[i].date.strftime("%d\/%m")}}\r\n <\/span>\r\n {% endif %}<\/td> \r\n <td>{{items[i].subject}}<\/td>\r\n <td>{{items[i].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; }<\/pre>\r\nnote: It will be necessary to check whether to use sensor.pronote _xx _coralie _homework _period or sensor.pronote _xx _coralie _homework when there are several days.<\/p>\r\n
<\/span>Map of evaluations<\/span><\/h3>\r\n![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot8.png\")
<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot7.png\")
<\/p>\r\n
I had already turned green more into green heart, I think it is nicer. Here is the map with the integration:<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot9.png\")
<\/p>\r\n
- type: markdown content: >-\r\n <div>Evaluations<\/div> {% set items = state_attr('sensor.pronote_xx_coralie_evaluations','evaluations')%}\r\n <table width='100%'>\r\n <tbody>\r\n {% for i in range(0, items | count, 1) %}\r\n <tr><td width='10%'>{{ items[i].date.strftime("%d-%m") }}<\/td><td width='60%'>{{ items[i].subject }}<\/td><td width='30%'>\r\n {% set acquisitions = items[i]. acquisitions %} {% for j in range(0, acquisitions|count,1) %}{% if acquisitions[j].level == 'Very good mastery' %\ud83d\udc9a{% elif acquisitions[j].level == 'Satisfactory control' %\ud83d\udfe2{% elif acquisitions[j].level == "Beginning of mastery" %\ud83d\udfe1{% elif acquisitions[j].level == 'Fragile mastery' %\ud83d\udfe1{% elif acquisitions[j].level == 'Insufficient control' %\ud83d\udfe0{% else %}?{% endif %}{% endfor %}<\/td><\/tr>\r\n {% endfor %}\r\n <\/tbody> <\/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-weight:normal; font-size:1.2em; 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: 0px 5px 0px 5px; text-align: left; border-bottom: 0px solid #1c2020; } tr { border-bottom: 0px solid #1c2020; line-height: 4px; } 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<\/span>The map of absences<\/span><\/h3>\r\n![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot10.png\")
<\/p>\r\n
It is perfect, to fit the design of the other cards, the result is:<\/p>\r\n
![\"\"](\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/06\/pronot11.png\")
<\/p>\r\n
- type: markdown content: >-\r\n <div>Absences<\/div><table> \r\n\r\n {% set items = state_attr('sensor.pronote_xxxx _coralie _absences','absences') %} {% for i in range(0, items | count, 1) %}\r\n\r\n <tr>\r\n\r\n {%- if items[i].justified == True -%}\r\n\r\n <td> <mark> {{ items[i].from.strftime("%d-%m") }}<\/mark><\/td>\r\n\r\n {% else %}\r\n\r\n <td> <span>{{ items[i].from.strftime("%d-%m") }}<\/span><\/td> \r\n\r\n {%- endive -%} \r\n\r\n <td>{{ items[i].hours }}<\/td>\r\n\r\n <td>{{ items[i].reason }}<\/td>\r\n\r\n {% endfor %} 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-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; }\r\n<\/pre>\r\n