Card rapido que criei para mostrar os dados do sensor.
É necessário atualizar o nome do sensor para o vosso caso.
Para ter os dados num formato mais legivel, diria que a data tem de vir no formato ‘YYYY-MM-DD HH:mm:ss’ e mostrar as movimentos dos últimos 2 meses talvez. A descrição senão tiver a palavra “Compra” ainda fica melhor. Através do valor facilmente vemos se foi um crédito ou débito.
type: vertical-stack
cards:
- type: entities
title: Cartão Refeição
entities:
- entity: sensor.edenred_card_XXXXXXX
secondary_info: last-updated
icon: mdi:credit-card
- entity: sensor.edenred_card_XXXXXXX
type: custom:multiple-entity-row
name: Nome Cartão
show_state: false
entities:
- attribute: ownerName
- entity: sensor.edenred_card_XXXXXXX
type: custom:multiple-entity-row
name: Estado Cartão
show_state: false
entities:
- attribute: cardStatus
- type: custom:html-template-card
ignore_line_breaks: true
content: |
<table
style="padding: 0px;border-collapse:separate;
border:solid gray 1px;
border-radius:6px; ">
<tr>
<td colspan="3"><center><font color="#6B8E23" size=4> <b>Últimos Movimentos: </b></center> </font></td>
</tr>
<tr>
</tr>
<tr>
<th style="width:10%;"><u><font color=orange>Data</font></u></th>
<th style="width:65%;"><u><font color=orange>Descrição</font></u></th>
<th style="width:25%;"><u><font color=orange>Valor</font></u></th>
</tr> {% for t in state_attr('sensor.edenred_card_XXXXXXX','transactions') %}
<tr>
<td style="border-top: 1px solid #dddddd; text-align: center;">{{t.date}}</td>
<td style="border-top: 1px solid #dddddd; text-align: center;">{{t.name}}</td>
<td style="border-top: 1px solid #dddddd; text-align: center;"><b>{{t.amount}}</b></td>
</div></td>
</tr>{% endfor %}</table>
