43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<link rel="import" href="../../bower_components/polymer/polymer.html">
|
|
<link rel="import" href="../../bower_components/paper-header-panel/paper-header-panel.html">
|
|
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
|
|
|
|
<link rel="import" href="../components/ha-zone-cards.html">
|
|
|
|
<dom-module id="partial-zone">
|
|
<style>
|
|
:host {
|
|
display: block;
|
|
background-color: #E5E5E5;
|
|
-ms-user-select: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
}
|
|
</style>
|
|
|
|
<template>
|
|
<paper-header-panel mode="waterfall">
|
|
<paper-toolbar>
|
|
<paper-icon-button icon='mdi:menu' class$='[[computeMenuButtonClass(narrow, showMenu)]]' on-tap='toggleMenu'></paper-icon-button>
|
|
<div class='title'>[[locationName]]</div>
|
|
|
|
<paper-icon-button
|
|
icon="mdi:refresh"
|
|
class$="[[computeRefreshButtonClass(isFetching)]]"
|
|
on-click="handleRefresh" hidden$="[[isStreaming]]"
|
|
></paper-icon-button>
|
|
<paper-icon-button
|
|
icon="mdi:microphone" hidden$='[[!canListen]]'
|
|
on-click="handleListenClick"></paper-icon-button>
|
|
</paper-toolbar>
|
|
|
|
<div class='fit'>
|
|
<ha-zone-cards
|
|
show-introduction='[[computeShowIntroduction(introductionLoaded, states)]]'
|
|
states='[[states]]' columns='[[columns]]'></ha-zone-cards>
|
|
</div>
|
|
</paper-header-panel>
|
|
</template>
|
|
|
|
</dom-module>
|