Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ssenart/lovelace-gazpar-card
GrDF Gazpar meter lovelace card for Home Assistant
https://github.com/ssenart/lovelace-gazpar-card
consumption-data gas gazpar grdf home-assistant lovelace meter
Last synced: 1 day ago
JSON representation
GrDF Gazpar meter lovelace card for Home Assistant
- Host: GitHub
- URL: https://github.com/ssenart/lovelace-gazpar-card
- Owner: ssenart
- License: mit
- Created: 2022-10-09T12:10:30.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-09T21:27:14.000Z (2 months ago)
- Last Synced: 2024-12-06T17:13:34.500Z (16 days ago)
- Topics: consumption-data, gas, gazpar, grdf, home-assistant, lovelace, meter
- Language: JavaScript
- Homepage:
- Size: 920 KB
- Stars: 8
- Watchers: 1
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Home Assistant Lovelace Gazpar Card
## $\text{\color{green}{!!! This component is now compatible with Gazpar2MQTT integration !!!}}$
GrDF Gazpar meter lovelace card for Home Assistant.
This card has been inspired from the great [Linky Card](https://github.com/saniho/content-card-linky).
I reuse the same layout.
![Gazpar Card](images/gazpar-card.png)
It requires:
- Either the HA integration [Gazpar](https://github.com/ssenart/home-assistant-gazpar) at least from version 1.3.0.
- Or the MQTT integration [MQTT](https://github.com/ssenart/gazpar2mqtt) at least from version 0.1.0.Trend ratio (% in the table) must be interpreted differently depending on the frequency:
- Daily trend ratio is between two days with a week apart (for example, we compare two consecutive Sunday).
- Monthly trend ratio is between two months with a year apart (for example, we compare Feb21 with Feb22).
## Installation
### Method 1 : HACS (recommended)
Follow the steps described below to add GrDF Gazpar integration with [HACS](https://hacs.xyz/):
1. From [HACS](https://hacs.xyz/) (Home Assistant Community Store), open the upper left menu and select `Custom repositories` option to add the new repo.
2. Add the address with the category `Dashboard`, and click `ADD`. The new corresponding repo appears in the repo list.
3. Select this repo (this integration description is displayed in a window) and click on `INSTALL THIS REPOSITORY` button on the lower right of this window.
4. Keep the last version and click the button `INSTALL` on the lower right.
5. Do click on `RELOAD` button for completion! The integration is now ready. It remains the configuration.
### Method 2 : Manual
1. Copy the content of the dist directory in HA config/www/gazpar-card directory.
2. Add the file path /local/gazpar-card/gazpar-card.js as a new Dashboard ressource (Module JavaScript).
## Configuration
In the configuration panel, play with the toggles and see how it affects the card layout.
![Gazpar Card Configuration](images/gazpar-card-editor.png)
Alternatively, you can configure your card manually with the following code:
```yaml
type: custom:gazpar-cardentity: sensor.gazpar
title: Données GrDF
pricePerKWh: '0.06072'showIcon: true
showTitle: true
showMainBar: true
showCost: trueshowDailyHistory: true
showMonthlyHistory: true
showHistoryHeader: true
showEnergyHistory: true
showVolumeHistory: true
showTrendRatioHistory: true
showCostHistory: trueshowDailyCostHistoryChart: false
showDailyEnergyHistoryChart: falseshowWeeklyEnergyHistoryChart: false
showWeeklyCostHistoryChart: falseshowMonthlyEnergyHistoryChart: false
showMonthlyCostHistoryChart: falseshowYearlyEnergyHistoryChart: false
showYearlyCostHistoryChart: falseshowError: true
showVersion: true
```