myEdenred - Custom Component for Home Assistant
The data source for this integration is the MyEdenred Portugal.
The author of this project categorically rejects any and all responsibility for the card balance and other data that were presented by the integration.
This integration can be added to HACS as a custom repository.
Assuming you have already installed and configured HACS, just search for "MyEdenred" and install the repository.
You're ready! Now continue with the configuration.
Settings > Devices & Services
and then click Add Integration
myEdenred
Add any entity card as usual
While showing the card's balance on a card is commonplace (any entity card will do), displaying transactions can be more complicated to achieve.
You can use a custom:html-template-card to display your data like this:
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>
(credits thanks to Vítor Nóbrega).
Another alternative is to use custom:list-card which has the advantage of being able to indicate the number of rows to display:
type: custom:list-card
entity: sensor.edenred_card_XXXXXXX
feed_attribute: transactions
title: MyEdenred Transactions
row_limit: 10
columns:
- title: Data
field: date
- title: Movimento
field: name
- title: Valor
field: amount
postfix: ' €'
style:
- text-align: right
- white-space: nowrap
If you have custom:browser-mod in your sistem, you can show the transactions in a nice popup window, like this: (this also use custom:mushroom-entity-card and custom:list-card)
type: custom:mushroom-entity-card
entity: sensor.edenred_card_XXXXXXX
name: Cartão Refeição
tap_action:
action: fire-dom-event
browser_mod:
command: popup
title: MyEdenred Transactions
style:
.: |
:host .content {
width: calc(800px);
align: center;
}
card:
type: custom:list-card
entity: sensor.edenred_card_XXXXXXX
feed_attribute: transactions
row_limit: 20
columns:
- title: Data
field: date
- title: Movimento
field: name
- title: Valor
field: amount
postfix: ' €'
style:
- text-align: right
- white-space: nowrap
style: |
tr {
height: 25px
}
This is a personal project and isn't in any way affiliated with, sponsored or endorsed by MyEdenred Portugal.
All product names, trademarks and registered trademarks in (the images in) this repository, are property of their respective owners. All images in this repository are used by the project for identification purposes only.
Please, support my other integrations: Preços dos Combustivels | Sodexo | Coverflex