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

Layout Bugfixes

Browse Source
This commit is contained in:
Paulus Schoutsen 2015-08-29 21:57:37 -07:00
parent 3cb2e6a5db
commit a97750b5dd
3 changed files with 26 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/cards/ha-introduction-card.html
View File

@ -22,7 +22,7 @@
}
</style>
<template>
<ha-card header="Welcome to Home Assistant!">
<ha-card header="Welcome Home!">
<div class='content'>
Here are some resources to get started.
<ul>

45
src/components/ha-zone-cards.html
View File

@ -31,7 +31,7 @@
<template>
<div class='main'>
<template is='dom-if' if='[[cards._badges]]'>
<template is='dom-if' if='[[cards._badges.length]]'>
<div class='badges'>
<template is='dom-if' if='[[cards._demo]]'>
<ha-demo-badge></ha-demo-badge>
@ -40,55 +40,30 @@
<ha-badges-card states='[[cards._badges]]'></ha-badges-card>
</div>
</template>
<template is='dom-if' if='[[!cards._badges]]'>
<template is='dom-if' if='[[!cards._badges.length]]'>
<div class='no-badges'> </div>
</template>
<div class='horizontal layout'>
<template is='dom-repeat' items='[[cards._columns]]' as='column'>
<template is='dom-if'
if='[[computeShouldRenderColumn(index, column)]]'>
<div class='column flex-1'>
<template is='dom-if' if='[[computeShowIntroduction(showIntroduction, cards)]]'>
<template is='dom-if' if='[[computeShowIntroduction(index, showIntroduction, cards)]]'>
<div class='zone-card'>
<ha-introduction-card show-hide-instruction='[[computeShowHideInstruction(states, cards)]]'></ha-introduction-card>
</div>
</template>
<template is='dom-repeat' items='[[cards._columns.0]]'>
<template is='dom-repeat' items='[[column]]' as='domain'>
<div class='zone-card'>
<ha-domain-card domain='[[item]]'
states='[[computeStatesOfCard(cards, item)]]'></ha-domain-card>
</div>
</template>
</div>
<template is='dom-if' if='[[cards._columns.1]]'>
<div class='column flex-1'>
<template is='dom-repeat' items='[[cards._columns.1]]'>
<div class='zone-card'>
<ha-domain-card domain='[[item]]'
states='[[computeStatesOfCard(cards, item)]]'></ha-domain-card>
<ha-domain-card domain='[[domain]]'
states='[[computeStatesOfCard(cards, domain)]]'
></ha-domain-card>
</div>
</template>
</div>
</template>
<template is='dom-if' if='[[cards._columns.2]]'>
<div class='column flex-1'>
<template is='dom-repeat' items='[[cards._columns.2]]'>
<div class='zone-card'>
<ha-domain-card domain='[[item]]'
states='[[computeStatesOfCard(cards, item)]]'></ha-domain-card>
</div>
</template>
</div>
</template>
<template is='dom-if' if='[[cards._columns.3]]'>
<div class='column flex-1'>
<template is='dom-repeat' items='[[cards._columns.3]]'>
<div class='zone-card'>
<ha-domain-card domain='[[item]]'
states='[[computeStatesOfCard(cards, item)]]'></ha-domain-card>
</div>
</template>
</div>
</template>
</div>
</div>
</template>
</dom-module>

10
src/components/ha-zone-cards.js
View File

@ -59,7 +59,7 @@ export default new Polymer({
const cards = {
_demo: false,
_badges: [],
_columns: {},
_columns: [],
};
for (let i = 0; i < columns; i++) { cards._columns[i] = []; }
@ -114,8 +114,12 @@ export default new Polymer({
return cards;
},
computeShowIntroduction(showIntroduction, cards) {
return showIntroduction || cards._demo;
computeShouldRenderColumn(index, items) {
return index === 0 || items.length;
},
computeShowIntroduction(index, showIntroduction, cards) {
return index === 0 && (showIntroduction || cards._demo);
},
computeShowHideInstruction(states, cards) {