-
-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
88123cc
commit 45d88a7
Showing
4 changed files
with
197 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,104 @@ | ||
# Lovelace Local Conditional card | ||
|
||
This card can show and hide a specific card on current device while not affecting other windows. It does not require any integration to run. | ||
|
||
## Configuration options | ||
|
||
| Key | Type | Required | Default | Description | | ||
| --- | --- | --- | --- | --- | | ||
| `id` | `string` | `true` | - | Identifier of a card, used in service calls. **Must be unique!** | | ||
| `card` | `card` | `true` | - | Configuration of a nested card | | ||
| `default` | `string` | `false` | `hide` | Default card behaviour. Possible values: [`show`, `hide`]. | | ||
|
||
## Services | ||
|
||
This card adds 3 new services that can be used **ONLY** from UI: | ||
- `local_conditional_card.show` - shows specified card | ||
- `local_conditional_card.hide` - hides specified card | ||
- `local_conditional_card.toggle` - shows or hides specified card | ||
|
||
Each of these services requires a parameter `id` that have to correspond to a existing card. | ||
|
||
## Example configuration | ||
|
||
![Example](https://github.com/PiotrMachowski/Home-Assistant-Lovelace-Local-Conditional-card/raw/master/s1.gif) | ||
|
||
```yaml | ||
views: | ||
- name: Example | ||
cards: | ||
- type: 'custom:local-toggle-card' | ||
default: show | ||
id: sun1 | ||
card: | ||
entities: | ||
- sun.sun | ||
title: Sun 1 | ||
type: entities | ||
- type: 'custom:local-toggle-card' | ||
id: sun2 | ||
card: | ||
entities: | ||
- sun.sun | ||
title: Sun 2 | ||
type: entities | ||
- title: Click test | ||
type: entities | ||
entities: | ||
- action_name: Toggle | ||
icon: 'mdi:power' | ||
name: Sun1 | ||
service: local_conditional_card.toggle | ||
service_data: | ||
id: sun1 | ||
type: call-service | ||
- action_name: Show | ||
icon: 'mdi:power' | ||
name: Sun1 | ||
service: local_conditional_card.show | ||
service_data: | ||
id: sun1 | ||
type: call-service | ||
- action_name: Hide | ||
icon: 'mdi:power' | ||
name: Sun1 | ||
service: local_conditional_card.hide | ||
service_data: | ||
id: sun1 | ||
type: call-service | ||
- action_name: Toggle | ||
icon: 'mdi:power' | ||
name: Sun2 | ||
service: local_conditional_card.toggle | ||
service_data: | ||
id: sun2 | ||
type: call-service | ||
- action_name: Show | ||
icon: 'mdi:power' | ||
name: Sun2 | ||
service: local_conditional_card.show | ||
service_data: | ||
id: sun2 | ||
type: call-service | ||
- action_name: Hide | ||
icon: 'mdi:power' | ||
name: Sun2 | ||
service: local_conditional_card.hide | ||
service_data: | ||
id: sun2 | ||
type: call-service | ||
``` | ||
## Manual Installation | ||
1. Download [*local-conditional-card.js*](https://github.com/PiotrMachowski/Home-Assistant-Lovelace-Local-Conditional-card/raw/master/dist/local-conditional-card.js) to `/www/custom_lovelace/local_conditional_card` directory: | ||
```bash | ||
mkdir -p www/custom_lovelace/local_conditional_card | ||
cd www/custom_lovelace/local_conditional_card/ | ||
wget https://github.com/PiotrMachowski/Home-Assistant-Lovelace-Local-Conditional-card/raw/master/dist/local-conditional-card.js | ||
``` | ||
2. Add card to resources in `ui-lovelace.yaml` or in raw editor if you are using frontend UI editor: | ||
```yaml | ||
resources: | ||
- url: /local/custom_lovelace/local_conditional_card/local-conditional-card.js | ||
type: module | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
{ | ||
"name": "Local Conditional card", | ||
"filename": "local-conditional-card.js" | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,88 @@ | ||
This card can show and hide a specific card on current device while not affecting other windows. It does not require any integration to run. | ||
|
||
## Configuration options | ||
|
||
| Key | Type | Required | Default | Description | | ||
| --- | --- | --- | --- | --- | | ||
| `id` | `string` | `true` | - | Identifier of a card, used in service calls. **Must be unique!** | | ||
| `card` | `card` | `true` | - | Configuration of a nested card | | ||
| `default` | `string` | `false` | `hide` | Default card behaviour. Possible values: [`show`, `hide`]. | | ||
|
||
## Services | ||
|
||
This card adds 3 new services that can be used **ONLY** from UI: | ||
- `local_conditional_card.show` - shows specified card | ||
- `local_conditional_card.hide` - hides specified card | ||
- `local_conditional_card.toggle` - shows or hides specified card | ||
|
||
Each of these services requires a parameter `id` that have to correspond to a existing card. | ||
|
||
## Example configuration | ||
|
||
![Example](https://github.com/PiotrMachowski/Home-Assistant-Lovelace-Local-Conditional-card/raw/master/s1.gif) | ||
|
||
```yaml | ||
views: | ||
- name: Example | ||
cards: | ||
- type: 'custom:local-toggle-card' | ||
default: show | ||
id: sun1 | ||
card: | ||
entities: | ||
- sun.sun | ||
title: Sun 1 | ||
type: entities | ||
- type: 'custom:local-toggle-card' | ||
id: sun2 | ||
card: | ||
entities: | ||
- sun.sun | ||
title: Sun 2 | ||
type: entities | ||
- title: Click test | ||
type: entities | ||
entities: | ||
- action_name: Toggle | ||
icon: 'mdi:power' | ||
name: Sun1 | ||
service: local_conditional_card.toggle | ||
service_data: | ||
id: sun1 | ||
type: call-service | ||
- action_name: Show | ||
icon: 'mdi:power' | ||
name: Sun1 | ||
service: local_conditional_card.show | ||
service_data: | ||
id: sun1 | ||
type: call-service | ||
- action_name: Hide | ||
icon: 'mdi:power' | ||
name: Sun1 | ||
service: local_conditional_card.hide | ||
service_data: | ||
id: sun1 | ||
type: call-service | ||
- action_name: Toggle | ||
icon: 'mdi:power' | ||
name: Sun2 | ||
service: local_conditional_card.toggle | ||
service_data: | ||
id: sun2 | ||
type: call-service | ||
- action_name: Show | ||
icon: 'mdi:power' | ||
name: Sun2 | ||
service: local_conditional_card.show | ||
service_data: | ||
id: sun2 | ||
type: call-service | ||
- action_name: Hide | ||
icon: 'mdi:power' | ||
name: Sun2 | ||
service: local_conditional_card.hide | ||
service_data: | ||
id: sun2 | ||
type: call-service | ||
``` |