thomas/lovelace-layout-card
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix problem when changing panel

Browse Source
This commit is contained in:
Thomas Lovén 2018-11-11 20:16:28 +01:00
parent dfdfe8e504
commit 572d9ebab9
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
layout-card.js
View File

@ -44,6 +44,7 @@ class LayoutCard extends Polymer.Element {
this.config.min_height = this.config.minheight || 5; this.config.min_height = this.config.minheight || 5;
this.config.column_width = this.config.column_width || 300; this.config.column_width = this.config.column_width || 300;
this.config.layout = this.config.layout || 'auto'; this.config.layout = this.config.layout || 'auto';
this.config.max_columns = this.config.max_columns || 100;
window.addEventListener('resize', () => this._updateColumns()); window.addEventListener('resize', () => this._updateColumns());
window.addEventListener('hass-open-menu', () => setTimeout(() => this._updateColumns(), 10)); window.addEventListener('hass-open-menu', () => setTimeout(() => this._updateColumns(), 10));
@ -66,8 +67,9 @@ class LayoutCard extends Polymer.Element {
} else { } else {
let colWidth = this.config.column_width || 300; let colWidth = this.config.column_width || 300;
numcols = Math.max(1, numcols = Math.max(1,
Math.floor(this.$.columns.clientWidth/this.config.column_width)); this.$ ? Math.floor(this.$.columns.clientWidth/this.config.column_width) : 0);
} }
numcols = Math.max(numcols, this.config.max_columns);
if(numcols != this.colnum) { if(numcols != this.colnum) {
this.colnum = numcols; this.colnum = numcols;
this._build(); this._build();
@ -75,6 +77,7 @@ class LayoutCard extends Polymer.Element {
} }
_build() { _build() {
if(!this.$) return;
const root = this.$.columns; const root = this.$.columns;
while(root.lastChild) root.removeChild(root.lastChild); while(root.lastChild) root.removeChild(root.lastChild);