Skip to content

Commit

Permalink
Bump version
Browse files Browse the repository at this point in the history
  • Loading branch information
ofekashery committed May 3, 2021
1 parent 5b8fdbe commit ea6db75
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 17 deletions.
29 changes: 16 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
# Vertical Stack In Card

![Version](https://img.shields.io/github/v/release/ofekashery/vertical-stack-in-card)
![Downloads](https://img.shields.io/github/downloads/ofekashery/vertical-stack-in-card/total)
![Version](https://img.shields.io/github/v/release/ofekashery/vertical-stack-in-card)
Expand All @@ -13,29 +14,30 @@ Vertical Stack In Card allows you to group multiple cards in one card.

## Options

| Name | Type | Default | Description
| ---- | ---- | ------- | -----------
| type | string | **Required** | `custom:vertical-stack-in-card`
| cards | list | **Required** | List of cards
| title | string | **Optional** | Card title
| horizontal | boolean | **Optional** | Default: ``false``
| styles | object | **Optional** | Adds custom CSS directives to child cards
| Name | Type | Default | Description |
| ---------- | ------- | ------------ | ----------------------------------------- |
| type | string | **Required** | `custom:vertical-stack-in-card` |
| cards | list | **Required** | List of cards |
| title | string | **Optional** | Card title |
| horizontal | boolean | **Optional** | Default: `false` |
| styles | object | **Optional** | Adds custom CSS directives to child cards |

## Installation

1. Install the `vertical-stack-in-card` card by copying `vertical-stack-in-card.js` to `<config directory>/www/vertical-stack-in-card.js`

Bash:

```bash
wget https://raw.githubusercontent.com/ofekashery/vertical-stack-in-card/master/vertical-stack-in-card.js
mv vertical-stack-in-card.js /config/www/
```

2. Link `vertical-stack-in-card` inside your `ui-lovelace.yaml`
2. Link `vertical-stack-in-card` inside your `ui-lovelace.yaml`

```yaml
resources:
- url: /local/vertical-stack-in-card.js?v=0.4.0
- url: /local/vertical-stack-in-card.js?v=0.4.1
type: js
```
Expand All @@ -54,13 +56,14 @@ cards:
- sensor.motion_sensor
- type: entities
entities:
- switch.livingroom_tv
- entity: script.livingroom_receiver
name: Receiver
- switch.livingroom_ac
- switch.livingroom_tv
- entity: script.livingroom_receiver
name: Receiver
- switch.livingroom_ac
```

## Credits

- [ofekashery](https://github.com/ofekashery)
- [ciotlosm](https://github.com/ciotlosm)
- [thomasloven](https://github.com/thomasloven)
2 changes: 1 addition & 1 deletion VERSION
Original file line number Diff line number Diff line change
@@ -1 +1 @@
0.4.0
0.4.1
6 changes: 3 additions & 3 deletions vertical-stack-in-card.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
console.log(`%cvertical-stack-in-card\n%cVersion: ${'0.4.0'}`, 'color: #1976d2; font-weight: bold;', '');
console.log(`%cvertical-stack-in-card\n%cVersion: ${'0.4.1'}`, 'color: #1976d2; font-weight: bold;', '');

class VerticalStackInCard extends HTMLElement {
constructor() {
Expand Down Expand Up @@ -126,7 +126,7 @@ class VerticalStackInCard extends HTMLElement {
ele.style.boxShadow = 'none';
ele.style.borderRadius = '0';
if ('styles' in config) {
Object.entries(config.styles).forEach(([key, value]) => ele.style.setProperty(key, value))
Object.entries(config.styles).forEach(([key, value]) => ele.style.setProperty(key, value));
}
} else {
let searchEles = element.shadowRoot.getElementById('root');
Expand All @@ -148,7 +148,7 @@ class VerticalStackInCard extends HTMLElement {
ele.style.boxShadow = 'none';
ele.style.borderRadius = '0';
if ('styles' in config) {
Object.entries(config.styles).forEach(([key, value]) => ele.style.setProperty(key, value))
Object.entries(config.styles).forEach(([key, value]) => ele.style.setProperty(key, value));
}
}
let searchEles = element.childNodes;
Expand Down

0 comments on commit ea6db75

Please sign in to comment.