Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frlequ/network-tariff-card
Home Assistant Network Tariff Card for showing current energy tariff in a 24-hour display.
https://github.com/frlequ/network-tariff-card
energy energy-consumption energy-monitor hacs home-assistant home-assistant-card tariffs
Last synced: about 2 months ago
JSON representation
Home Assistant Network Tariff Card for showing current energy tariff in a 24-hour display.
- Host: GitHub
- URL: https://github.com/frlequ/network-tariff-card
- Owner: frlequ
- License: mit
- Created: 2024-10-06T10:13:40.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-16T20:27:34.000Z (2 months ago)
- Last Synced: 2024-10-18T19:34:02.577Z (2 months ago)
- Topics: energy, energy-consumption, energy-monitor, hacs, home-assistant, home-assistant-card, tariffs
- Language: JavaScript
- Homepage:
- Size: 171 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Network Tariff Card for Home Assistant
A custom card for Home Assistant that visually displays the current electricity tariff block in a circled 24-hour clock format. This card allows customization of colors for different tariff blocks and offers the option to show or hide the hour labels.
## Features
- **Current Tariff Block**: Displays the current electricity tariff block based on your Home Assistant sensor.
- **24-Hour Clock Format**: Visual representation of the tariff blocks in a circular layout.
- **Customizable Colors**: Set different colors for each tariff block to easily distinguish between them.
- **Toggle Hour Labels**: Option to show or hide hour text for a cleaner design.
- **Offset Hour Labels**: Option to rotate and align hour labels.
- **Card-mod support**: Customize your card.
> [!NOTE]
> Please ensure you are using the latest version of the custom component **[Home Assistant Network Tariff](https://github.com/frlequ/home-assistant-network-tariff)**. This card is designed to work with this component.
## Installation
Ensure you have [HACS](https://hacs.xyz/) installed in your Home Assistant.
### Method 1 _(easiest)_:
[](https://my.home-assistant.io/redirect/hacs_repository/?owner=frlequ&repository=network-tariff-card&category=plugin)
### Method 2:
1. **Add Repository**:
- Go to HACS in Home Assistant.
- Click on "Frontend."
- Click on the "+" icon in the bottom right corner.
- Search for `Network Tariff Card` or add the repository URL directly.
2. **Install**: Click on the repository and follow the prompts to install the card.
3. **Add to Lovelace UI**:
- Go to your Lovelace dashboard.
- Click on the three-dot menu (top right) and select "Edit Dashboard."
- Click on "Add Card" and choose "Manual."
- Use the following configuration:
## Configuration
Basic configuration. Please keep in mind that this card only supports the home-assistant-network-tariff custom component.
```yaml
type: custom:network-tariff-card
entity: sensor.elektro_network_tariff
name: Trenutni blok
```
## Customize
You can hide numeric hours, change outer and inner radius, color-code your own colors.
```yaml
type: custom:network-tariff-card
entity: sensor.elektro_network_tariff
name: Trenutni Blok
outerRadius: 40
innerRadius: 35
showHours: false
offsetHours: true
colorMap:
'1': '#660000'
'2': '#660000'
'3': '#cc3333'
'4': '#d0db24'
'5': '#37c85a'
card_mod:
style: |
ha-card .tariffcard{
width: calc(100% - 10px);
height: calc(100% - 10px);
padding: 5px !important;
}
ha-card .circle-container .state{
color:gray !important;
}
ha-card .tariffcard .name{
color:gray !important;
}
```
## Report any issues
Thanks and consider giving me a 🌟 star
