From 5a249e2e16b6ad16621b4377ab4a4b70159615b4 Mon Sep 17 00:00:00 2001 From: Gerben ten Hove Date: Sun, 2 Dec 2018 15:56:41 +0100 Subject: [PATCH] Submodule for custom-cards-lovelace --- LICENSE | 2 +- README.md | 8 ++ power-wheel-card/README.md | 120 ++++++++++++++++++++++ power-wheel-card/example-card-dark.gif | Bin 0 -> 8671 bytes power-wheel-card/example-card.gif | Bin 0 -> 8536 bytes power-wheel-card/power-wheel-card.js | 132 +++++++++++++++++++++++++ 6 files changed, 261 insertions(+), 1 deletion(-) create mode 100644 README.md create mode 100644 power-wheel-card/README.md create mode 100644 power-wheel-card/example-card-dark.gif create mode 100644 power-wheel-card/example-card.gif create mode 100644 power-wheel-card/power-wheel-card.js diff --git a/LICENSE b/LICENSE index 261eeb9..fc29a70 100644 --- a/LICENSE +++ b/LICENSE @@ -186,7 +186,7 @@ same "printed page" as the copyright notice for easier identification within third-party archives. - Copyright [yyyy] [name of copyright owner] + Copyright 2018 Gerben ten Hove Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. diff --git a/README.md b/README.md new file mode 100644 index 0000000..9ce7739 --- /dev/null +++ b/README.md @@ -0,0 +1,8 @@ +Custom-cards-lovelace +=== +My custom cards for the [Lovelace UI](https://www.home-assistant.io/lovelace) of [Home Assistant](https://www.home-assistant.io/). + +* [power-wheel-card](./power-wheel-card) + +## License +All custom cards are licensed under the [Apache License 2.0](./LICENSE). \ No newline at end of file diff --git a/power-wheel-card/README.md b/power-wheel-card/README.md new file mode 100644 index 0000000..b5eb321 --- /dev/null +++ b/power-wheel-card/README.md @@ -0,0 +1,120 @@ +power-wheel-card +==== + +## Features +Features of the custom power-wheel-card: +* Calculates the current power that your home is consuming: home power. + Input for the calculation is the (produced) solar power and the (consumed or produced) grid power. +* Displays the three power values (solar, grid and home) in 'a wheel'. +* Displays the transition between these powers as arrows. + E.g. if your solar power panels produce power, the arrow from solar to home turns active. + And if your solar power panels produce enough power to deliver some back to the grid, the arrow from solar to grid turns active. +* Works for default theme and custom themes that use [standard CSS vars](https://github.com/home-assistant/home-assistant-polymer/blob/master/src/resources/ha-style.js). + +![example1](./example-card.gif "The power-wheel-card in Default theme") +![example2](./example-card-dark.gif "The power-wheel-card in a random dark theme") + +## Requirements +1. You need to have a working sensor for your solar power. Write down the entity id of this sensor. This is *YOUR_SOLAR_POWER_SENSOR* in the instructions below. + - This sensor has a `unit_of_measurement` set up, e.g. `'W'` or `'kW'`. + - The sensor value should be of type *int* or *float*. + - The sensor value should be positive. + - The sensor could have an icon (optional) that will override the icon in the power-wheel-card. +1. You need to have a working sensor for your grid power. This is *YOUR_GRID_POWER_SENSOR* in the instructions below. + - This sensor has the `unit_of_measurement` set up as the sensor for solar power. + - The sensor value should be of type *int* or *float*. + - The sensor value should be **negative** for **producing** power to the grid and **positive** for **consuming** power of the grid. + - The sensor could have an icon (optional) that will override the icon in the power-wheel-card. + +### Example requirements configuration +This is not the configuration of the power-wheel-card itself, but an example configuration that's needed to have input sensors for the power-wheel-card. +An example configuration in `configuration.yaml` to comply to the requirements: + +```yaml +sensor: + - platform: template + sensors: + solar_power: + friendly_name: 'Solar power production' + unit_of_measurement: 'W' + value_template: '{{ states.sensor.youless.attributes.pwr }}' + grid_power: + friendly_name: 'Grid power consumption' + unit_of_measurement: 'W' + value_template: '{{ (1000 * (states.sensor.power_consumption.state | float - states.sensor.power_production.state | float)) | int }}' +``` + +In this example the sensors names for *YOUR_SOLAR_POWER_SENSOR* and *YOUR_GRID_POWER_SENSOR* are `solar_power` resp. `grid_power`. + +Not visible in the example above, but of course you have to have installed the hardware and configured it to feed your sensors. +In the example above I used a [rest sensor](https://www.home-assistant.io/components/sensor.rest/) for my [Youless](http://youless.nl/winkel/product/ls120.html) for the solar power. +For the grid power I used a [dsmr sensor](https://www.home-assistant.io/components/sensor.dsmr/) for my Iskra Smart Meter. +Because the dsmr sensor supplies 2 separate sensors for grid power consumption and grid power production, you have to combine them to one grid power sensor. +Because my solar power sensor and dsmr sensor don't report in the same unit of measurement, I had to convert that as well. + +## Instructions +1. Check the requirements above. If you don't comply to the requirements, the card won't be much of use for you or just won't work. +1. Download the file [power-wheel-card.js](https://raw.githubusercontent.com/gurbyz/custom-cards-lovelace/master/power-wheel-card/power-wheel-card.js). +1. Save the file in the `www` folder inside your Home Assistant config folder. +1. Include the card code in your `ui-lovelace.yaml` file: + +```yaml +resources: + - url: /local/power-wheel-card.js?v=1 + type: module +``` + +> Note: You can increase the number in `v=1` whenever updating code to avoid having to manually clear the cache of yours browsers/apps. + +5. Include a configuration for the power-wheel-card in your `ui-lovelace.yaml` file: + +```yaml +views: + - id: example_view + cards: + - type: "custom:power-wheel-card" + solar_power_entity: sensor.YOUR_SOLAR_POWER_SENSOR + grid_power_entity: sensor.YOUR_GRID_POWER_SENSOR +``` + +## Options + +| Option | Type | Mandatory? | Default | Description | +|--------|------|------------|---------|-------------| +|type|string|**required**||Type of the card. Use `"custom:power-wheel-card"`.| +|solar_power_entity|string|**required**||Entity id of your solar power sensor. E.g. `sensor.YOUR_SOLAR_POWER_SENSOR`. See requirements above.| +|grid_power_entity|string|**required**||Entity id of your grid power sensor. E.g. `sensor.YOUR_GRID_POWER_SENSOR`. See requirements above.| +|title|string|optional|`"Power wheel"`|Title of the card.| +|home_power_icon|string|optional|`"mdi:home"`|Icon for home power.| + +### More icons +The icons for solar power and grid power are taken from your own sensors for solar power and grid power. +If you haven't set up icons default icons will be used. For solar power: `mdi:weather-sunny`; and for grid power: `mdi:flash-circle`. + +An example for overriding the other two icons, to be put in `configuration.yaml`: + +```yaml +homeassistant: + [...] + customize: + sensor.solar_power: + icon: mdi:white-balance-sunny + sensor.grid_power: + icon: mdi:flash-circle +``` + +## Advanced configuration example +A more advanced example for in the `ui-lovelace.yaml` file: +```yaml +- type: "custom:power-wheel-card" + title: "Power distribution" + solar_power_entity: sensor.YOUR_SOLAR_POWER_SENSOR + grid_power_entity: sensor.YOUR_GRID_POWER_SENSOR + home_power_icon: "mdi:home-assistant" +``` + +## License +This custom card is licensed under the [Apache License 2.0](https://github.com/gurbyz/custom-cards-lovelace/blob/master/LICENSE). + +## Credits +* [gurbyz](https://github.com/gurbyz) \ No newline at end of file diff --git a/power-wheel-card/example-card-dark.gif b/power-wheel-card/example-card-dark.gif new file mode 100644 index 0000000000000000000000000000000000000000..bd92d71ea6b0170bdd87a16d51a25d32abf8149d GIT binary patch literal 8671 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 0 + && gridPowerState && parseFloat(homePowerStateStr) != 0 ? 'active' : 'inactive'; + const grid2homeClass = gridPowerState && parseFloat(gridPowerState.state) > 0 + && solarPowerState && parseFloat(homePowerStateStr) != 0 ? 'active' : 'inactive'; + + return html` + + +
+ ${title} +
+
+
+ +
${solarPowerStateStr} ${unitStr} +
+
+
+
+ +
+
+ +
+
+
+
+ +
${gridPowerStateStr} ${unitStr} +
+
+ +
+
+ +
${homePowerStateStr} ${unitStr} +
+
+ + `; + } + + setConfig(config) { + if (!config.solar_power_entity) { + throw new Error('You need to define a solar_power_entity'); + } + if (!config.grid_power_entity) { + throw new Error('You need to define a grid_power_entity'); + } + this.config = config; + } + + getCardSize() { + return 5; + } +} + +customElements.define('power-wheel-card', PowerWheelCard); \ No newline at end of file