Home-Assistant
/
core
mirror of https://github.com/home-assistant/core.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Polymer 1.0: Clean up state badge

pull/132/head
Paulus Schoutsen 2015-05-27 22:47:11 -07:00
parent cf7a1392ac
commit 1cdd5db29f
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
homeassistant/components/frontend/www_static/polymer/components/state-badge.html
View File

@ -1,9 +1,9 @@
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-image/iron-image.html">
<link rel='import' href='../bower_components/polymer/polymer.html'>
<link rel='import' href='../bower_components/iron-image/iron-image.html'>
<link rel="import" href="domain-icon.html">
<link rel='import' href='domain-icon.html'>
<dom-module id="state-badge">
<dom-module id='state-badge'>
<style>
:host {
position: relative;
@ -12,7 +12,6 @@
background-color: #4fc3f7;
color: white;
border-radius: 50%;
transition: all .3s ease-in-out;
}
div {
@ -26,6 +25,7 @@
domain-icon {
margin: 0 auto;
transition: color .3s ease-in-out;
}
/* Color the icon if light or sun is on */
@ -38,14 +38,14 @@
<template>
<div class='layout horizontal center'>
<domain-icon id="icon"
domain="[[stateObj.domain]]" data-domain="[[stateObj.domain]]"
state="[[stateObj.state]]" data-state="[[stateObj.state]]">
<domain-icon id='icon'
domain='[[stateObj.domain]]' data-domain$='[[stateObj.domain]]'
state='[[stateObj.state]]' data-state$='[[stateObj.state]]'>
</domain-icon>
<template is='dom-if' if="[[stateObj.attributes.entity_picture]]">
<template is='dom-if' if='[[stateObj.attributes.entity_picture]]'>
<iron-image
sizing="cover" class='fit'
src="[[stateObj.attributes.entity_picture]]"></iron-image>
sizing='cover' class='fit'
src$="[[stateObj.attributes.entity_picture]]"></iron-image>
</template>
</div>
</template>