jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Love: Add column and row card

Browse Source
This commit is contained in:
c727 2018-06-27 22:00:30 +02:00
parent b55004d73b
commit e0ccc1999a
2 changed files with 50 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/panels/lovelace/cards/hui-column-card.js Normal file
View File

@ -0,0 +1,48 @@
import createCardElement from '../common/create-card-element.js';
import createErrorConfig from '../common/create-error-card-config.js';
class HuiColumnCard extends HTMLElement {
constructor() {
super();
this._elements = [];
}
getCardSize() {
return 7;
}
set config(config) {
this._elements = [];
const root = this;
while (root.lastChild) {
root.removeChild(root.lastChild);
}
if (config && config.cards && Array.isArray(config.cards)) {
const elements = [];
config.cards.forEach(card => {
const element = createCardElement(card);
element.style.setProperty('margin', '4px');
elements.push(element);
root.appendChild(element);
});
elements[0].style.marginTop = '0';
elements[(elements.length - 1)].style.marginBottom = '0';
this._elements = elements;
} else {
const error = 'Card config incorrect.';
const element = createCardElement(createErrorConfig(error, config));
root.appendChild(element);
}
}
set hass(hass) {
this._elements.forEach(element => {
element.hass = hass;
});
}
}
customElements.define('hui-column-card', HuiColumnCard);

2
src/panels/lovelace/common/create-card-element.js
View File

@ -1,6 +1,7 @@
import fireEvent from '../../../common/dom/fire_event.js';
import '../cards/hui-camera-preview-card.js';
import '../cards/hui-column-card.js';
import '../cards/hui-entities-card.js';
import '../cards/hui-entity-filter-card.js';
import '../cards/hui-glance-card';
@ -19,6 +20,7 @@ import createErrorCardConfig from './create-error-card-config.js';
const CARD_TYPES = [
'camera-preview',
'column',
'entities',
'entity-filter',
'entity-picture',