77 lines
2.3 KiB
HTML
77 lines
2.3 KiB
HTML
<link rel="import" href="../../bower_components/polymer/polymer.html">
|
|
|
|
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
|
|
|
|
<link rel="import" href="./partial-base.html">
|
|
<link rel="import" href="../components/state-cards.html">
|
|
<link rel="import" href="../components/ha-voice-command-progress.html">
|
|
|
|
<dom-module id="partial-states">
|
|
<style>
|
|
.content-wrapper {
|
|
position: relative;
|
|
height: 100%;
|
|
background-color: #E5E5E5;
|
|
}
|
|
|
|
.content-wrapper ::content .listening {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
|
|
border-radius: 2px;
|
|
box-shadow: rgba(0, 0, 0, 0.098) 0px 2px 4px, rgba(0, 0, 0, 0.098) 0px 0px 3px;
|
|
padding: 16px;
|
|
background-color: rgba(255, 255, 255, 0.95);
|
|
line-height: 2em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.interimTranscript {
|
|
color: darkgrey;
|
|
}
|
|
|
|
.listening paper-spinner {
|
|
float: right;
|
|
}
|
|
</style>
|
|
|
|
<template>
|
|
<partial-base narrow="[[narrow]]">
|
|
<span header-title>[[computeHeaderTitle(filter)]]</span>
|
|
|
|
<span header-buttons>
|
|
<paper-icon-button
|
|
icon="refresh"
|
|
class$="[[computeRefreshButtonClass(isFetching)]]"
|
|
on-click="handleRefresh" hidden$="[[isStreaming]]"
|
|
></paper-icon-button>
|
|
<paper-icon-button
|
|
icon="[[computeListenButtonIcon(isListening)]]"
|
|
hidden$='[[!canListen]]'
|
|
on-click="handleListenClick"></paper-icon-button>
|
|
</span>
|
|
|
|
<div class='content-wrapper'>
|
|
<div class='listening' hidden$="[[!showListenInterface]]"
|
|
on-click="handleListenClick">
|
|
<ha-voice-command-progress></ha-voice-command-progress>
|
|
</div>
|
|
|
|
<state-cards states="[[states]]">
|
|
<h3>Hi there!</h3>
|
|
<p>
|
|
It looks like we have nothing to show you right now. It could be that we have not yet discovered all your devices but it is more likely that you have not configured Home Assistant yet.
|
|
</p>
|
|
<p>
|
|
Please see the <a href='https://home-assistant.io/getting-started/' target='_blank'>Getting Started</a> section on how to setup your devices.
|
|
</p>
|
|
</state-cards>
|
|
</div>
|
|
</partial-base>
|
|
</template>
|
|
|
|
</dom-module>
|