diff --git a/README.md b/README.md
index 26b9460e53a..4693ec92d6d 100644
--- a/README.md
+++ b/README.md
@@ -370,13 +370,29 @@ optional body: JSON encoded object that represents event_data
 ```
 
 **/api/services/&lt;domain>/&lt;service>** - POST<br>
-Calls a service within a specific domain.<br>
+Calls a service within a specific domain. Will return when the service has been executed or 10 seconds has past, whichever comes first.<br>
 optional body: JSON encoded object that represents service_data
 
+Returns a list of states that have changed since the start of this service call.
+
 ```json
-{
-    "message": "Service keyboard/volume_up called."
-}
+[
+    {
+        "attributes": {
+            "next_rising": "07:04:15 29-10-2013",
+            "next_setting": "18:00:31 29-10-2013"
+        },
+        "entity_id": "sun.sun",
+        "last_changed": "23:24:33 28-10-2013",
+        "state": "below_horizon"
+    },
+    {
+        "attributes": {},
+        "entity_id": "process.Dropbox",
+        "last_changed": "23:24:33 28-10-2013",
+        "state": "on"
+    }
+]
 ```
 
 **/api/event_forwarding** - POST<br>
diff --git a/homeassistant/components/__init__.py b/homeassistant/components/__init__.py
index 0680b5c67af..6720ae2a2d9 100644
--- a/homeassistant/components/__init__.py
+++ b/homeassistant/components/__init__.py
@@ -96,7 +96,7 @@ def setup(hass, config):
             # ent_ids is a generator, convert it to a list.
             data[ATTR_ENTITY_ID] = list(ent_ids)
 
-            hass.services.call(domain, service.service, data)
+            hass.services.call(domain, service.service, data, True)
 
     hass.services.register(ha.DOMAIN, SERVICE_TURN_OFF, handle_turn_service)
     hass.services.register(ha.DOMAIN, SERVICE_TURN_ON, handle_turn_service)
diff --git a/homeassistant/components/http/__init__.py b/homeassistant/components/http/__init__.py
index 5bb139b2123..a50ed7c9845 100644
--- a/homeassistant/components/http/__init__.py
+++ b/homeassistant/components/http/__init__.py
@@ -86,7 +86,7 @@ import homeassistant as ha
 from homeassistant.const import (
     SERVER_PORT, URL_API, URL_API_STATES, URL_API_EVENTS, URL_API_SERVICES,
     URL_API_EVENT_FORWARD, URL_API_STATES_ENTITY, AUTH_HEADER)
-from homeassistant.helpers import validate_config
+from homeassistant.helpers import validate_config, TrackStates
 import homeassistant.remote as rem
 import homeassistant.util as util
 from . import frontend
@@ -484,9 +484,10 @@ class RequestHandler(SimpleHTTPRequestHandler):
         domain = path_match.group('domain')
         service = path_match.group('service')
 
-        self.server.hass.services.call(domain, service, data, True)
+        with TrackStates(self.server.hass) as changed_states:
+            self.server.hass.services.call(domain, service, data, True)
 
-        self._json_message("Service {}/{} called.".format(domain, service))
+        self._write_json(changed_states)
 
     # pylint: disable=invalid-name
     def _handle_post_api_event_forward(self, path_match, data):
diff --git a/homeassistant/components/http/frontend.py b/homeassistant/components/http/frontend.py
index 2feb9bc20fc..af8b97f120c 100644
--- a/homeassistant/components/http/frontend.py
+++ b/homeassistant/components/http/frontend.py
@@ -1,2 +1,2 @@
 """ DO NOT MODIFY. Auto-generated by build_frontend script """
-VERSION = "5c3b2dd8a63197e380e798da8b057b0a"
+VERSION = "dc16db6d5f4ba9f6dbf9d88f65592184"
diff --git a/homeassistant/components/http/www_static/frontend.html b/homeassistant/components/http/www_static/frontend.html
index ab03282f023..93dcefa6fb6 100644
--- a/homeassistant/components/http/www_static/frontend.html
+++ b/homeassistant/components/http/www_static/frontend.html
@@ -61,11 +61,11 @@ if(this.removeAttribute(a),d)return j(this,a,c);var e=c,f=m(this,a,e);return j(t
             {{stateObj.entityDisplay}}
           </div><div class="time-ago"><core-tooltip label="{{stateObj.last_changed}}" position="bottom">
               {{lastChangedFromNow(stateObj.last_changed)}}
-            </core-tooltip></div></div></div><template if="{{!stateUnknown}}"><template if="{{stateObj.canToggle}}"><div class="state toggle" self-center="" flex=""><paper-toggle-button checked="{{toggleChecked}}"></paper-toggle-button></div></template><template if="{{!stateObj.canToggle}}"><div class="state text">{{stateObj.stateDisplay}}</div></template></template><template if="{{stateUnknown}}"><div class="state" self-center="" flex="">Updating..</div></template></div></template><script>Polymer("state-card",{stateObj:{},cb_turn_on:null,cb_turn_off:null,cb_edit:null,stateUnknown:false,toggleChecked:-1,observe:{"stateObj.state":"stateChanged"},lastChangedFromNow:function(lastChanged){return moment(lastChanged,"HH:mm:ss DD-MM-YYYY").fromNow()},toggleCheckedChanged:function(oldVal,newVal){if(oldVal===-1){return}if(newVal&&this.stateObj.state=="off"){this.turn_on()}else if(!newVal&&this.stateObj.state=="on"){this.turn_off()}},stateChanged:function(oldVal,newVal){this.stateUnknown=newVal===null;this.toggleChecked=newVal==="on"},turn_on:function(){if(this.cb_turn_on){this.cb_turn_on(this.stateObj.entity_id);var delayUnsetSate=function(){this.stateObj.state=null};setTimeout(delayUnsetSate.bind(this),500)}},turn_off:function(){if(this.cb_turn_off){this.cb_turn_off(this.stateObj.entity_id);var delayUnsetSate=function(){this.stateObj.state=null};setTimeout(delayUnsetSate.bind(this),500)}},editClicked:function(){if(this.cb_edit){this.cb_edit(this.stateObj.entity_id)}}});</script></polymer-element><polymer-element name="states-cards" attributes="api filter" assetpath="polymer/"><template><style>:host{display:block;width:100%}state-card{display:inline-block}@media all and (min-width:764px){:host{padding-bottom:8px}state-card{width:calc(50% - 44px);margin:8px 0 0 8px}}@media all and (min-width:1100px){state-card{width:calc(33% - 38px)}}@media all and (min-width:1450px){state-card{width:calc(25% - 42px)}}</style><div horizontal="" layout="" wrap=""><template repeat="{{state in getStates(api.states, filter)}}"><state-card stateobj="{{state}}" cb_turn_on="{{api.turn_on}}" cb_turn_off="{{api.turn_off}}" cb_edit="{{editCallback}}"></state-card></template></div></template><script>Polymer("states-cards",{filter:null,getStates:function(states,filter){if(!states){return[]}if(!filter){return states.filter(function(state){return state.domain!="group"})}else{var filter_state=this.api.getState(this.filter);var map_states=function(entity_id){return this.api.getState(entity_id)}.bind(this);return[filter_state].concat(filter_state.attributes.entity_id.map(map_states))}},ready:function(){this.editCallback=this.editCallback.bind(this)},editCallback:function(entityId){this.api.showEditStateDialog(entityId)}});</script></polymer-element><polymer-element name="home-assistant-main" attributes="api" assetpath="polymer/"><template><style>core-header-panel{-webkit-overflow-scrolling:touch;background-color:#E5E5E5}core-toolbar{background:#03a9f4;color:#fff}core-toolbar.tall{height:128px}core-toolbar .bottom{opacity:0;transition:opacity .3s ease-out}core-toolbar.tall .bottom{opacity:1}paper-tab{text-transform:uppercase}paper-menu-button{margin-top:5px!important}paper-dropdown{border-radius:3px}paper-dropdown .menu{margin:0;padding:8px 0;color:#000}paper-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}paper-item a{text-decoration:none}</style><core-header-panel fit="" mode="{{hasCustomGroups && 'waterfall-tall'}}"><core-toolbar><div flex="">Home Assistant</div><paper-icon-button icon="refresh" on-click="{{handleRefreshClick}}"></paper-icon-button><paper-icon-button icon="settings-remote" on-click="{{handleServiceClick}}"></paper-icon-button><paper-menu-button><paper-icon-button icon="more-vert" noink=""></paper-icon-button><paper-dropdown halign="right" duration="200" class="dropdown"><core-menu class="menu"><paper-item><a on-click="{{handleAddStateClick}}">Set State</a></paper-item><paper-item><a on-click="{{handleEventClick}}">Trigger Event</a></paper-item><paper-item><a on-click="{{handleLogOutClick}}">Log Out</a></paper-item></core-menu></paper-dropdown></paper-menu-button><div class="bottom fit" horizontal="" layout=""><paper-tabs id="tabsHolder" noink="" flex="" selected="0" on-core-select="{{tabClicked}}"><paper-tab>ALL</paper-tab><template repeat="{{group in customGroups}}"><paper-tab data-entity="{{group.entity_id}}">
+            </core-tooltip></div></div></div><template if="{{!stateUnknown}}"><template if="{{stateObj.canToggle}}"><div class="state toggle" self-center="" flex=""><paper-toggle-button checked="{{toggleChecked}}"></paper-toggle-button></div></template><template if="{{!stateObj.canToggle}}"><div class="state text">{{stateObj.stateDisplay}}</div></template></template><template if="{{stateUnknown}}"><div class="state" self-center="" flex="">Updating..</div></template></div></template><script>Polymer("state-card",{stateObj:{},cb_turn_on:null,cb_turn_off:null,cb_edit:null,stateUnknown:false,toggleChecked:-1,observe:{"stateObj.state":"stateChanged"},lastChangedFromNow:function(lastChanged){return moment(lastChanged,"HH:mm:ss DD-MM-YYYY").fromNow()},toggleCheckedChanged:function(oldVal,newVal){if(oldVal===-1){return}if(newVal&&this.stateObj.state=="off"){this.turn_on()}else if(!newVal&&this.stateObj.state=="on"){this.turn_off()}},stateChanged:function(oldVal,newVal){this.toggleChecked=newVal==="on"},turn_on:function(){if(this.cb_turn_on){this.cb_turn_on(this.stateObj.entity_id,{success:function(){this.stateChanged(this.stateObj.state,this.stateObj.state)}.bind(this)})}},turn_off:function(){if(this.cb_turn_off){this.cb_turn_off(this.stateObj.entity_id,{success:function(){this.stateChanged(this.stateObj.state,this.stateObj.state)}.bind(this)})}},editClicked:function(){if(this.cb_edit){this.cb_edit(this.stateObj.entity_id)}}});</script></polymer-element><polymer-element name="states-cards" attributes="api filter" assetpath="polymer/"><template><style>:host{display:block;width:100%}state-card{display:inline-block}@media all and (min-width:764px){:host{padding-bottom:8px}state-card{width:calc(50% - 44px);margin:8px 0 0 8px}}@media all and (min-width:1100px){state-card{width:calc(33% - 38px)}}@media all and (min-width:1450px){state-card{width:calc(25% - 42px)}}</style><div horizontal="" layout="" wrap=""><template repeat="{{state in getStates(api.states, filter)}}"><state-card stateobj="{{state}}" cb_turn_on="{{api.turn_on}}" cb_turn_off="{{api.turn_off}}" cb_edit="{{editCallback}}"></state-card></template></div></template><script>Polymer("states-cards",{filter:null,getStates:function(states,filter){if(!states){return[]}if(!filter){return states.filter(function(state){return state.domain!="group"})}else{var filter_state=this.api.getState(this.filter);var map_states=function(entity_id){return this.api.getState(entity_id)}.bind(this);return[filter_state].concat(filter_state.attributes.entity_id.map(map_states))}},ready:function(){this.editCallback=this.editCallback.bind(this)},editCallback:function(entityId){this.api.showEditStateDialog(entityId)}});</script></polymer-element><polymer-element name="home-assistant-main" attributes="api" assetpath="polymer/"><template><style>core-header-panel{-webkit-overflow-scrolling:touch;background-color:#E5E5E5}core-toolbar{background:#03a9f4;color:#fff}core-toolbar.tall{height:128px}core-toolbar .bottom{opacity:0;transition:opacity .3s ease-out}core-toolbar.tall .bottom{opacity:1}paper-tab{text-transform:uppercase}paper-menu-button{margin-top:5px!important}paper-dropdown{border-radius:3px}paper-dropdown .menu{margin:0;padding:8px 0;color:#000}paper-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}paper-item a{text-decoration:none}</style><core-header-panel fit="" mode="{{hasCustomGroups && 'waterfall-tall'}}"><core-toolbar><div flex="">Home Assistant</div><paper-icon-button icon="refresh" on-click="{{handleRefreshClick}}"></paper-icon-button><paper-icon-button icon="settings-remote" on-click="{{handleServiceClick}}"></paper-icon-button><paper-menu-button><paper-icon-button icon="more-vert" noink=""></paper-icon-button><paper-dropdown halign="right" duration="200" class="dropdown"><core-menu class="menu"><paper-item><a on-click="{{handleAddStateClick}}">Set State</a></paper-item><paper-item><a on-click="{{handleEventClick}}">Trigger Event</a></paper-item><paper-item><a on-click="{{handleLogOutClick}}">Log Out</a></paper-item></core-menu></paper-dropdown></paper-menu-button><div class="bottom fit" horizontal="" layout=""><paper-tabs id="tabsHolder" noink="" flex="" selected="0" on-core-select="{{tabClicked}}"><paper-tab>ALL</paper-tab><template repeat="{{group in customGroups}}"><paper-tab data-entity="{{group.entity_id}}">
                   {{group.entityDisplay}}
                 </paper-tab></template></paper-tabs></div></core-toolbar><states-cards api="{{api}}" filter="{{selectedTab}}" class="content"></states-cards></core-header-panel></template><script>Polymer("home-assistant-main",{selectedTab:null,computed:{customGroups:"getCustomGroups(api.states)",hasCustomGroups:"customGroups.length > 0"},tabClicked:function(ev){if(ev.detail.isSelected){this.selectedTab=ev.detail.item.getAttribute("data-entity")}},handleRefreshClick:function(){this.api.fetchAll()},handleEventClick:function(){this.api.showFireEventDialog()},handleServiceClick:function(){this.api.showCallServiceDialog()},handleAddStateClick:function(){this.api.showSetStateDialog()},handleLogOutClick:function(){this.api.logOut()},getCustomGroups:function(states){return states?states.filter(function(state){return state.isCustomGroup}):[]}});</script></polymer-element></div>
 <div hidden><polymer-element name="core-media-query" attributes="query queryMatches" assetpath="polymer/bower_components/core-media-query/"><template><style>:host{display:none}</style></template><script>Polymer("core-media-query",{queryMatches:false,query:"",ready:function(){this._mqHandler=this.queryHandler.bind(this);this._mq=null},queryChanged:function(){if(this._mq){this._mq.removeListener(this._mqHandler)}var query=this.query;if(query[0]!=="("){query="("+this.query+")"}this._mq=window.matchMedia(query);this._mq.addListener(this._mqHandler);this.queryHandler(this._mq)},queryHandler:function(mq){this.queryMatches=mq.matches;this.asyncFire("core-media-change",mq)}});</script></polymer-element><polymer-element name="paper-toast" attributes="text duration opened responsiveWidth swipeDisabled autoCloseDisabled" role="status" assetpath="polymer/bower_components/paper-toast/"><template><style>:host{display:inline-block;background:#323232;color:#f1f1f1;min-height:48px;min-width:288px;padding:16px 24px 12px;box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);border-radius:2px;bottom:12px;left:12px;font-size:14px;cursor:default}:host(.capsule){border-radius:24px}:host(.fit-bottom){bottom:0;left:0;width:100%;min-width:0;border-radius:0}:host(.core-transition.dragging){transition:none}:host(.core-transition.fade-out-down),:host(.core-transition.fade-out-up),:host(.core-transition.fade-out-right),:host(.core-transition.fade-out-left){opacity:0;transition:-webkit-transform .08s ease-in-out,opacity .08s ease-in-out;transition:transform .08s ease-in-out,opacity .08s ease-in-out}:host(.core-transition.fade-out-down){-webkit-transform:translate(0,100%);transform:translate(0,100%)}:host(.core-transition.fade-out-up){-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}:host(.core-transition.fade-out-right){-webkit-transform:translate(100%,0);transform:translate(100%,0)}:host(.core-transition.fade-out-left){-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.toast-container{overflow:hidden}.toast-action{padding-left:24px;cursor:pointer;text-transform:uppercase}</style><core-overlay id="overlay" autofocusdisabled="" autoclosedisabled="{{autoCloseDisabled}}" opened="{{opened}}" target="{{}}" transition="core-transition-bottom"></core-overlay><div class="toast-container" horizontal="" layout=""><div class="toast-text" flex="">{{text}}</div><div class="toast-text toast-action" on-tap="{{dismiss}}"><content></content></div></div><core-media-query query="max-width: {{responsiveWidth}}" querymatches="{{narrowMode}}"></core-media-query></template><script>(function(){var currentToast;Polymer("paper-toast",{text:"",duration:3e3,opened:false,responsiveWidth:"480px",swipeDisabled:false,autoCloseDisabled:false,narrowMode:false,eventDelegates:{trackstart:"trackStart",track:"track",trackend:"trackEnd",transitionend:"transitionEnd"},narrowModeChanged:function(){this.classList.toggle("fit-bottom",this.narrowMode);if(this.opened){this.$.overlay.resizeHandler()}},openedChanged:function(){if(this.opened){this.dismissJob=this.job(this.dismissJob,this.dismiss,this.duration)}else{this.dismissJob&&this.dismissJob.stop();this.dismiss()}},toggle:function(){this.opened=!this.opened},show:function(){if(currentToast){currentToast.dismiss()}currentToast=this;this.opened=true},dismiss:function(){if(this.dragging){this.shouldDismiss=true}else{this.opened=false;if(currentToast===this){currentToast=null}}},trackStart:function(e){if(!this.swipeDisabled){e.preventTap();this.vertical=e.yDirection;this.w=this.offsetWidth;this.h=this.offsetHeight;this.dragging=true;this.classList.add("dragging")}},track:function(e){if(this.dragging){var s=this.style;if(this.vertical){var y=e.dy;s.opacity=(this.h-Math.abs(y))/this.h;s.transform=s.webkitTransform="translate3d(0, "+y+"px, 0)"}else{var x=e.dx;s.opacity=(this.w-Math.abs(x))/this.w;s.transform=s.webkitTransform="translate3d("+x+"px, 0, 0)"}}},trackEnd:function(e){if(this.dragging){this.classList.remove("dragging");this.style.opacity="";this.style.transform=this.style.webkitTransform="";var cl=this.classList;if(this.vertical){cl.toggle("fade-out-down",e.yDirection===1&&e.dy>0);cl.toggle("fade-out-up",e.yDirection===-1&&e.dy<0)}else{cl.toggle("fade-out-right",e.xDirection===1&&e.dx>0);cl.toggle("fade-out-left",e.xDirection===-1&&e.dx<0)}this.dragging=false}},transitionEnd:function(){var cl=this.classList;if(cl.contains("fade-out-right")||cl.contains("fade-out-left")||cl.contains("fade-out-down")||cl.contains("fade-out-up")){this.dismiss();cl.remove("fade-out-right","fade-out-left","fade-out-down","fade-out-up")}else if(this.shouldDismiss){this.dismiss()}this.shouldDismiss=false}})})();</script></polymer-element><polymer-element name="paper-dialog-base" extends="core-overlay" role="dialog" on-core-overlay-open="{{openAction}}" assetpath="polymer/bower_components/paper-dialog/"><script>Polymer("paper-dialog-base",{publish:{heading:"",transition:"",layered:true},ready:function(){this.super();this.sizingTarget=this.$.scroller},headingChanged:function(old){var label=this.getAttribute("aria-label");if(!label||label===old){this.setAttribute("aria-label",this.heading)}},openAction:function(){if(this.$.scroller.scrollTop){this.$.scroller.scrollTop=0}}});</script></polymer-element><polymer-element name="paper-action-dialog" extends="paper-dialog-base" role="dialog" assetpath="polymer/bower_components/paper-dialog/"><template><style>:host{background:#fff;color:rgba(0,0,0,.87);margin:32px;overflow:visible!important}h1{font-size:20px}#scroller{overflow:auto;box-sizing:border-box;padding:24px 24px 0 24px}#actions{padding:16px}</style><paper-shadow z="3" fit=""></paper-shadow><div id="scroller" relative=""><template if="{{heading}}"><h1>{{heading}}</h1></template><content select=":not([affirmative]):not([dismissive])"></content></div><div id="actions" relative="" layout="" horizontal=""><content select="[dismissive]"></content><div flex=""></div><content select="[affirmative]"></content></div></template><script>Polymer("paper-action-dialog",{publish:{closeSelector:"[affirmative],[dismissive]"}});</script></polymer-element><polymer-element name="paper-input" assetpath="polymer/bower_components/paper-input/"><template><style>:host{display:inline-block}</style><paper-input-decorator id="decorator" label="{{label}}" floatinglabel="{{floatingLabel}}" value="{{value}}" disabled?="{{disabled}}"><input is="core-input" value="{{value}}" committedvalue="{{committedValue}}" on-change="{{changeAction}}" disabled?="{{disabled}}"></paper-input-decorator></template><script>Polymer("paper-input",{publish:{label:"",floatingLabel:false,disabled:{value:false,reflect:true},value:"",committedValue:""},valueChanged:function(){this.$.decorator.updateLabelVisibility(this.value)},changeAction:function(e){if(!window.ShadowDOMPolyfill){this.fire("change",null,this)}}});</script></polymer-element><polymer-element name="paper-autogrow-textarea" on-input="{{inputAction}}" assetpath="polymer/bower_components/paper-input/"><template><style>:host{display:inline-block;position:relative;width:400px}::content textarea{padding:0;margin:0;border:none;outline:0;resize:none;width:100%;height:100%}::content textarea:invalid{box-shadow:none}</style><div id="mirror" class="mirror-text" invisible="" aria-hidden="true">&nbsp;</div><div class="textarea-container" fit=""><content></content></div></template><script>Polymer("paper-autogrow-textarea",{publish:{target:null,rows:1,maxRows:0},tokens:null,observe:{rows:"updateCached",maxRows:"updateCached"},constrain:function(tokens){var _tokens;tokens=tokens||[""];if(this.maxRows>0&&tokens.length>this.maxRows){_tokens=tokens.slice(0,this.maxRows)}else{_tokens=tokens.slice(0)}while(this.rows>0&&_tokens.length<this.rows){_tokens.push("")}return _tokens.join("<br>")+"&nbsp;"},valueForMirror:function(input){this.tokens=input&&input.value?input.value.replace(/&/gm,"&amp;").replace(/"/gm,"&quot;").replace(/'/gm,"&#39;").replace(/</gm,"&lt;").replace(/>/gm,"&gt;").split("\n"):[""];return this.constrain(this.tokens)},update:function(input){this.$.mirror.innerHTML=this.valueForMirror(input)},updateCached:function(){this.$.mirror.innerHTML=this.constrain(this.tokens)},inputAction:function(e){this.update(e.target)}});</script></polymer-element><polymer-element name="events-list" attributes="api cbEventClicked" assetpath="polymer/"><template><style>:host{display:block}.eventContainer{font-size:1rem}</style><template if="{{cbEventClicked}}"><style>a{text-decoration:underline;cursor:pointer}</style></template><div><template repeat="{{event in events}}"><div class="eventContainer"><a on-click="{{handleClick}}">{{event.event}}</a>
           ({{event.listener_count}} listeners)
-        </div></template></div></template><script>Polymer("events-list",{cbEventClicked:null,events:[],domReady:function(){this.events=this.api.events;this.api.addEventListener("events-updated",this.eventsUpdated.bind(this))},eventsUpdated:function(){this.events=this.api.events},handleClick:function(ev){if(this.cbEventClicked){this.cbEventClicked(ev.path[0].innerHTML)}}});</script></polymer-element><polymer-element name="event-fire-dialog" attributes="api" assetpath="polymer/"><template><paper-action-dialog id="dialog" heading="Fire Event" transition="core-transition-bottom" backdrop=""><style>:host{font-family:RobotoDraft,'Helvetica Neue',Helvetica,Arial}paper-input{display:block}paper-input:first-child{padding-top:0}.eventContainer{margin-left:30px}@media all and (max-width:620px){paper-action-dialog{margin:0;width:100%;height:calc(100% - 64px);top:64px}.eventContainer{display:none}}</style><div layout="" horizontal=""><div><paper-input id="inputType" label="Event Type" floatinglabel="true" autofocus required></paper-input><paper-input-decorator label="Event Data (JSON, optional)" floatinglabel="true"><textarea id="inputData" rows="5"></textarea></paper-input-decorator></div><div class="eventContainer"><b>Available events:</b><events-list api="{{api}}" cbeventclicked="{{eventSelected}}"></events-list></div></div><paper-button dismissive="">Cancel</paper-button><paper-button affirmative="" on-click="{{clickFireEvent}}">Fire Event</paper-button></paper-action-dialog></template><script>Polymer("event-fire-dialog",{ready:function(){this.eventSelected=this.eventSelected.bind(this)},show:function(eventType,eventData){this.setEventType(eventType);this.setEventData(eventData);this.$.dialog.toggle()},setEventType:function(eventType){this.$.inputType.value=eventType},setEventData:function(eventData){this.$.inputData.value=eventData},eventSelected:function(eventType){this.setEventType(eventType)},clickFireEvent:function(){var data;if(this.$.inputData.value!=""){data=JSON.parse(this.$.inputData.value)}else{data={}}this.api.fire_event(this.$.inputType.value,data)}});</script></polymer-element><polymer-element name="paper-dialog-transition" extends="core-transition-css" assetpath="polymer/bower_components/paper-dialog/"><template><style no-shim="">:host(.paper-dialog-transition){outline:0;opacity:0;transition:transform .2s cubic-bezier(0.4,0,.2,1),opacity .2s cubic-bezier(0.4,0,.2,1);-webkit-transition:-webkit-transform .2s cubic-bezier(0.4,0,.2,1),opacity .2s cubic-bezier(0.4,0,.2,1)}:host(.paper-dialog-transition.core-opened){opacity:1;transform:none;-webkit-transform:none}:host(.paper-dialog-transition-bottom){transform:scale(0.9) translateY(200%);-webkit-transform:scale(0.9) translateY(200%)}:host(.paper-dialog-transition-center.core-opened){animation:paper-dialog-transition-center-keyframes .2s cubic-bezier(0.4,0,.2,1);-webkit-animation:paper-dialog-transition-center-keyframes .2s cubic-bezier(0.4,0,.2,1)}@keyframes paper-dialog-transition-center-keyframes{0%{transform:scale(0.5) translateY(0);-webkit-transform:scale(0.5) translateY(0)}90%{transform:scale(1) translateY(-10px);-webkit-transform:scale(1) translateY(-10px)}100%{transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0)}}@-webkit-keyframes paper-dialog-transition-center-keyframes{0%{transform:scale(0.5) translateY(0);-webkit-transform:scale(0.5) translateY(0)}90%{transform:scale(1) translateY(-10px);-webkit-transform:scale(1) translateY(-10px)}100%{transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0)}}</style></template><script>Polymer("paper-dialog-transition",{baseClass:"paper-dialog-transition"});</script></polymer-element><paper-dialog-transition id="paper-dialog-transition-bottom" transitiontype="bottom"></paper-dialog-transition><paper-dialog-transition id="paper-dialog-transition-center" transitiontype="center"></paper-dialog-transition><polymer-element name="core-item" attributes="label icon src" horizontal="" center="" layout="" assetpath="polymer/bower_components/core-item/"><template><style>:host{display:block;position:relative;min-height:40px;white-space:nowrap}:host(.font-scalable){min-height:2.5em}:host(.core-selected){font-weight:700}#icon{margin:0 16px 0 4px}:host(.font-scalable) #icon{margin:0 1em 0 .25em;height:1.5em;width:1.5em}polyfill-next-selector{content:':host > a'}::content>a{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.000001)}</style><template if="{{icon || src}}"><core-icon src="{{src}}" id="icon" icon="{{icon}}" hidden?="{{!src && !icon}}"></core-icon></template><div id="label">{{label}}</div><content></content></template><script>Polymer("core-item",{});</script></polymer-element><style shim-shadowdom="">html /deep/ core-collapse{display:block}html /deep/ .core-collapse-closed{display:none}</style><polymer-element name="core-collapse" attributes="target horizontal opened duration fixedSize allowOverflow" assetpath="polymer/bower_components/core-collapse/"><template><content></content></template><script>Polymer("core-collapse",{target:null,horizontal:false,opened:false,duration:.33,fixedSize:false,allowOverflow:false,created:function(){this.transitionEndListener=this.transitionEnd.bind(this)},ready:function(){this.target=this.target||this},domReady:function(){this.async(function(){this.afterInitialUpdate=true})},detached:function(){if(this.target){this.removeListeners(this.target)}},targetChanged:function(old){if(old){this.removeListeners(old)}if(!this.target){return}this.isTargetReady=!!this.target;this.classList.toggle("core-collapse-closed",this.target!==this);this.toggleOpenedStyle(false);this.horizontalChanged();this.addListeners(this.target);this.toggleClosedClass(true);this.update()},addListeners:function(node){node.addEventListener("transitionend",this.transitionEndListener)},removeListeners:function(node){node.removeEventListener("transitionend",this.transitionEndListener)},horizontalChanged:function(){this.dimension=this.horizontal?"width":"height"},openedChanged:function(){this.update();this.fire("core-collapse-open",this.opened)},toggle:function(){this.opened=!this.opened},setTransitionDuration:function(duration){var s=this.target.style;s.transition=duration?this.dimension+" "+duration+"s":null;if(duration===0){this.async("transitionEnd")}},transitionEnd:function(){if(this.opened&&!this.fixedSize){this.updateSize("auto",null)}this.setTransitionDuration(null);this.toggleOpenedStyle(this.opened);this.toggleClosedClass(!this.opened);this.asyncFire("core-resize",null,this.target)},toggleClosedClass:function(closed){this.hasClosedClass=closed;this.target.classList.toggle("core-collapse-closed",closed)},toggleOpenedStyle:function(opened){this.target.style.overflow=this.allowOverflow&&opened?"":"hidden"},updateSize:function(size,duration,forceEnd){this.setTransitionDuration(duration);this.calcSize();var s=this.target.style;var nochange=s[this.dimension]===size;s[this.dimension]=size;if(forceEnd&&nochange){this.transitionEnd()}},update:function(){if(!this.target){return}if(!this.isTargetReady){this.targetChanged()}this.horizontalChanged();this[this.opened?"show":"hide"]()},calcSize:function(){return this.target.getBoundingClientRect()[this.dimension]+"px"},getComputedSize:function(){return getComputedStyle(this.target)[this.dimension]},show:function(){this.toggleClosedClass(false);if(!this.afterInitialUpdate){this.transitionEnd();return}if(!this.fixedSize){this.updateSize("auto",null);var s=this.calcSize();if(s=="0px"){this.transitionEnd();return}this.updateSize(0,null)}this.async(function(){this.updateSize(this.size||s,this.duration,true)})},hide:function(){this.toggleOpenedStyle(false);if(this.hasClosedClass&&!this.fixedSize){return}if(this.fixedSize){this.size=this.getComputedSize()}else{this.updateSize(this.calcSize(),null)}this.async(function(){this.updateSize(0,this.duration)})}});</script></polymer-element><polymer-element name="core-submenu" attributes="selected selectedItem label icon src valueattr" assetpath="polymer/bower_components/core-menu/"><template><style>:host{display:block;height:auto}:host(.core-selected,[active]){font-weight:initial}core-item{cursor:default}::content>core-item{cursor:default}:host(.font-scalable)>core-item{min-height:2.5em}:host(.font-scalable)>core-item::shadow core-icon{margin:0 1em 0 .25em;height:1.5em;width:1.5em}#submenu{margin:0 0 0 44px}:host(.font-scalable)>#submenu{margin:0 0 0 2.75em}</style><core-item id="submenuItem" src="{{src}}" label="{{label}}" icon="{{icon}}" class="{{ {'core-selected' : active} | tokenList}}" on-tap="{{activate}}"><content select=".item-content"></content></core-item><core-menu id="submenu" selected="{{selected}}" selecteditem="{{selectedItem}}" valueattr="{{valueattr}}"><content></content></core-menu><core-collapse target="{{$.submenu}}" opened="{{opened}}"></core-collapse></template><script>Polymer("core-submenu",{publish:{active:{value:false,reflect:true}},opened:false,get items(){return this.$.submenu.items},hasItems:function(){return!!this.items.length},unselectAllItems:function(){this.$.submenu.selected=null;this.$.submenu.clearSelection()},activeChanged:function(){if(this.hasItems()){this.opened=this.active}if(!this.active){this.unselectAllItems()}},toggle:function(){this.opened=!this.opened},activate:function(){if(this.hasItems()&&this.active){this.toggle();this.unselectAllItems()}}});</script></polymer-element><polymer-element name="services-list" attributes="api cbServiceClicked" assetpath="polymer/"><template><style>:host{display:block}core-menu{margin-top:0;font-size:1rem}a{display:block}</style><template if="{{cbServiceClicked}}"><style>a,core-submenu{text-decoration:underline;cursor:pointer}</style></template><div><core-menu selected="0"><template repeat="{{serv in services}}"><core-submenu icon="{{serv.domain | getIcon}}" label="{{serv.domain}}"><template repeat="{{service in serv.services}}"><a on-click="{{serviceClicked}}" data-domain="{{serv.domain}}">{{service}}</a></template></core-submenu></template></core-menu></div></template><script>Polymer("services-list",{services:[],cbServiceClicked:null,domReady:function(){this.services=this.api.services;this.api.addEventListener("services-updated",this.servicesUpdated.bind(this))},getIcon:function(domain){return(new DomainIcon).icon(domain)},servicesUpdated:function(){this.services=this.api.services},serviceClicked:function(ev){if(this.cbServiceClicked){var target=ev.path[0];var domain=target.getAttributeNode("data-domain").value;var service=target.innerHTML;this.cbServiceClicked(domain,service)}}});</script></polymer-element><polymer-element name="service-call-dialog" attributes="api" assetpath="polymer/"><template><paper-action-dialog id="dialog" heading="Call Service" transition="core-transition-bottom" backdrop="true"><style>:host{font-family:RobotoDraft,'Helvetica Neue',Helvetica,Arial}paper-input{display:block}paper-input:first-child{padding-top:0}.serviceContainer{margin-left:30px}@media all and (max-width:620px){paper-action-dialog{margin:0;width:100%;height:calc(100% - 64px);top:64px}.serviceContainer{display:none}}</style><div layout="" horizontal=""><div><paper-input id="inputDomain" label="Domain" floatinglabel="true" autofocus required></paper-input><paper-input id="inputService" label="Service" floatinglabel="true" required></paper-input><paper-input-decorator label="Service Data (JSON, optional)" floatinglabel="true"><textarea id="inputData" rows="5"></textarea></paper-input-decorator></div><div class="serviceContainer"><b>Available services:</b><services-list api="{{api}}" cbserviceclicked="{{serviceSelected}}"></services-list></div></div><paper-button dismissive="">Cancel</paper-button><paper-button affirmative="" on-click="{{clickCallService}}">Call Service</paper-button></paper-action-dialog></template><script>Polymer("service-call-dialog",{ready:function(){this.serviceSelected=this.serviceSelected.bind(this)},show:function(domain,service,serviceData){this.setService(domain,service);this.$.inputData.value=serviceData;this.$.dialog.toggle()},setService:function(domain,service){this.$.inputDomain.value=domain;this.$.inputService.value=service},serviceSelected:function(domain,service){this.setService(domain,service)},clickCallService:function(){var data;if(this.$.inputData.value!=""){data=JSON.parse(this.$.inputData.value)}this.api.call_service(this.$.inputDomain.value,this.$.inputService.value,data)}});</script></polymer-element><polymer-element name="entity-list" attributes="api cbEntityClicked" assetpath="polymer/"><template><style>:host{display:block}.entityContainer{font-size:1rem}</style><template if="{{cbEntityClicked}}"><style>a{text-decoration:underline;cursor:pointer}</style></template><div><template repeat="{{state in states}}"><div class="eventContainer"><a on-click="{{handleClick}}">{{state.entity_id}}</a></div></template></div></template><script>Polymer("entity-list",{cbEventClicked:null,states:[],domReady:function(){this.api.addEventListener("states-updated",this.statesUpdated.bind(this));this.statesUpdated()},statesUpdated:function(){this.states=this.api.states},handleClick:function(ev){if(this.cbEntityClicked){this.cbEntityClicked(ev.path[0].innerHTML)}}});</script></polymer-element><polymer-element name="state-set-dialog" attributes="api" assetpath="polymer/"><template><paper-action-dialog id="dialog" heading="Set State" transition="core-transition-bottom" backdrop="true"><style>:host{font-family:RobotoDraft,'Helvetica Neue',Helvetica,Arial}paper-input{display:block}paper-input:first-child{padding-top:0}.stateContainer{margin-left:30px}@media all and (max-width:620px){paper-action-dialog{margin:0;width:100%;height:calc(100% - 64px);top:64px}.stateContainer{display:none}}</style><div layout="" horizontal=""><div><paper-input id="inputEntityID" label="Entity ID" floatinglabel="true" autofocus required></paper-input><paper-input id="inputState" label="State" floatinglabel="true" required></paper-input><paper-input-decorator label="State attributes (JSON, optional)" floatinglabel="true"><textarea id="inputData" rows="5"></textarea></paper-input-decorator></div><div class="stateContainer"><b>Current entities:</b><entity-list api="{{api}}" cbentityclicked="{{entitySelected}}"></entity-list></div></div><paper-button dismissive="">Cancel</paper-button><paper-button affirmative="" on-click="{{clickSetState}}">Set State</paper-button></paper-action-dialog></template><script>Polymer("state-set-dialog",{ready:function(){this.entitySelected=this.entitySelected.bind(this)},show:function(entityId,state,stateData){this.setEntityId(entityId);this.setState(state);this.setStateData(stateData);this.$.dialog.toggle()},setEntityId:function(entityId){this.$.inputEntityID.value=entityId},setState:function(state){this.$.inputState.value=state},setStateData:function(stateData){var value=stateData?JSON.stringify(stateData,null,"  "):"";this.$.inputData.value=value},entitySelected:function(entityId){this.setEntityId(entityId);var state=this.api.getState(entityId);this.setState(state.state);this.setStateData(state.attributes)},clickSetState:function(){this.api.set_state(this.$.inputEntityID.value,this.$.inputState.value,JSON.parse(this.$.inputData.value))}});</script></polymer-element><polymer-element name="home-assistant-api" attributes="auth" assetpath="polymer/"><template><paper-toast id="toast" role="alert" text=""></paper-toast><event-fire-dialog id="eventDialog" api="{{api}}"></event-fire-dialog><service-call-dialog id="serviceDialog" api="{{api}}"></service-call-dialog><state-set-dialog id="stateDialog" api="{{api}}"></state-set-dialog></template><script>State=function(json,api){this.api=api;this.attributes=json.attributes;this.entity_id=json.entity_id;var parts=json.entity_id.split(".");this.domain=parts[0];this.entity=parts[1];if(this.attributes.friendly_name){this.entityDisplay=this.attributes.friendly_name}else{this.entityDisplay=this.entity.replace(/_/g," ")}this.state=json.state;this.last_changed=json.last_changed};Object.defineProperties(State.prototype,{stateDisplay:{get:function(){var state=this.state.replace(/_/g," ");if(this.attributes.unit_of_measurement){return state+" "+this.attributes.unit_of_measurement}else{return state}}},isCustomGroup:{get:function(){return this.domain=="group"&&!this.attributes.auto}},canToggle:{get:function(){return this.domain=="group"&&(this.state=="on"||this.state=="off")||this.api.hasService(this.domain,"turn_on")}}});Polymer("home-assistant-api",{auth:"not-set",states:[],services:[],events:[],stateUpdateTimeout:null,created:function(){this.api=this;this.turn_on=this.turn_on.bind(this);this.turn_off=this.turn_off.bind(this)},getState:function(entityId){var found=this.states.filter(function(state){return state.entity_id==entityId},this);return found.length>0?found[0]:null},hasService:function(domain,service){var found=this.services.filter(function(serv){return serv.domain==domain&&serv.services.indexOf(service)!==-1},this);return found.length>0},_laterFetchStates:function(){if(this.stateUpdateTimeout){clearTimeout(this.stateUpdateTimeout)}this.stateUpdateTimeout=setTimeout(this.fetchStates.bind(this),6e4)},_sortStates:function(states){states.sort(function(one,two){if(one.entity_id>two.entity_id){return 1}else if(one.entity_id<two.entity_id){return-1}else{return 0}})},_pushNewState:function(new_state){var state;var stateFound=false;for(var i=0;i<this.states.length;i++){if(this.states[i].entity_id==new_state.entity_id){state=this.states[i];state.attributes=new_state.attributes;state.last_changed=new_state.last_changed;state.state=new_state.state;stateFound=true;break}}if(!stateFound){this.states.push(new State(new_state,this));this._sortStates(this.states)}this.fire("states-updated")},fetchAll:function(){this.fetchStates();this.fetchServices();this.fetchEvents()},fetchState:function(entityId){var successStateUpdate=function(new_state){this._pushNewState(new_state)};this.call_api("GET","states/"+entityId,null,successStateUpdate.bind(this))},fetchStates:function(onSuccess,onError){var successStatesUpdate=function(newStates){this._sortStates(newStates);this.states=newStates.map(function(json){return new State(json,this)}.bind(this));this.fire("states-updated");this._laterFetchStates();if(onSuccess){onSuccess(this.states)}};this.call_api("GET","states",null,successStatesUpdate.bind(this),onError)},fetchEvents:function(onSuccess,onError){var successEventsUpdated=function(events){this.events=events;this.fire("events-updated");if(onSuccess){onSuccess(events)}};this.call_api("GET","events",null,successEventsUpdated.bind(this),onError)},fetchServices:function(onSuccess,onError){var successServicesUpdated=function(services){this.services=services;this.fire("services-updated");if(onSuccess){onSuccess(this.services)}};this.call_api("GET","services",null,successServicesUpdated.bind(this),onError)},turn_on:function(entity_id){var parts=entity_id.split(".");this.call_service(parts[0],"turn_on",{entity_id:entity_id})},turn_off:function(entity_id){var parts=entity_id.split(".");this.call_service(parts[0],"turn_off",{entity_id:entity_id})},set_state:function(entity_id,state,attributes){var payload={state:state};if(attributes){payload.attributes=attributes}var successToast=function(new_state){this.showToast("State of "+entity_id+" set to "+state+".");this._pushNewState(new_state)};this.call_api("POST","states/"+entity_id,payload,successToast.bind(this))},call_service:function(domain,service,parameters){parameters=parameters||{};var successToast=function(){if(service=="turn_on"&&parameters.entity_id){this.showToast("Turned on "+parameters.entity_id+".")}else if(service=="turn_off"&&parameters.entity_id){this.showToast("Turned off "+parameters.entity_id+".")}else{this.showToast("Service "+domain+"/"+service+" called.")}if(parameters&&parameters.entity_id){this.fetchStates()}};this.call_api("POST","services/"+domain+"/"+service,parameters,successToast.bind(this))},fire_event:function(eventType,eventData){eventData=eventData||{};var successToast=function(){this.showToast("Event "+eventType+" fired.")};this.call_api("POST","events/"+eventType,eventData,successToast.bind(this))},call_api:function(method,path,parameters,onSuccess,onError){var req=new XMLHttpRequest;req.open(method,"/api/"+path,true);req.setRequestHeader("X-HA-access",this.auth);req.onreadystatechange=function(){if(req.readyState==4){if(req.status>199&&req.status<300){if(onSuccess){onSuccess(JSON.parse(req.responseText))}}else{if(onError){var data=req.responseText?JSON.parse(req.responseText):{};onError(data)}}}}.bind(this);if(parameters){req.send(JSON.stringify(parameters))}else{req.send()}},showEditStateDialog:function(entityId){var state=this.getState(entityId);this.showSetStateDialog(entityId,state.state,state.attributes)},showSetStateDialog:function(entityId,state,stateAttributes){entityId=entityId||"";state=state||"";stateAttributes=stateAttributes||null;this.$.stateDialog.show(entityId,state,stateAttributes)},showFireEventDialog:function(eventType,eventData){eventType=eventType||"";eventData=eventData||"";this.$.eventDialog.show(eventType,eventData)},showCallServiceDialog:function(domain,service,serviceData){domain=domain||"";service=service||"";serviceData=serviceData||"";this.$.serviceDialog.show(domain,service,serviceData)},showToast:function(message){this.$.toast.text=message;this.$.toast.show()},logOut:function(){this.auth=""}});</script></polymer-element></div>
+        </div></template></div></template><script>Polymer("events-list",{cbEventClicked:null,events:[],domReady:function(){this.events=this.api.events;this.api.addEventListener("events-updated",this.eventsUpdated.bind(this))},eventsUpdated:function(){this.events=this.api.events},handleClick:function(ev){if(this.cbEventClicked){this.cbEventClicked(ev.path[0].innerHTML)}}});</script></polymer-element><polymer-element name="event-fire-dialog" attributes="api" assetpath="polymer/"><template><paper-action-dialog id="dialog" heading="Fire Event" transition="core-transition-bottom" backdrop=""><style>:host{font-family:RobotoDraft,'Helvetica Neue',Helvetica,Arial}paper-input{display:block}paper-input:first-child{padding-top:0}.eventContainer{margin-left:30px}@media all and (max-width:620px){paper-action-dialog{margin:0;width:100%;height:calc(100% - 64px);top:64px}.eventContainer{display:none}}</style><div layout="" horizontal=""><div><paper-input id="inputType" label="Event Type" floatinglabel="true" autofocus required></paper-input><paper-input-decorator label="Event Data (JSON, optional)" floatinglabel="true"><textarea id="inputData" rows="5"></textarea></paper-input-decorator></div><div class="eventContainer"><b>Available events:</b><events-list api="{{api}}" cbeventclicked="{{eventSelected}}"></events-list></div></div><paper-button dismissive="">Cancel</paper-button><paper-button affirmative="" on-click="{{clickFireEvent}}">Fire Event</paper-button></paper-action-dialog></template><script>Polymer("event-fire-dialog",{ready:function(){this.eventSelected=this.eventSelected.bind(this)},show:function(eventType,eventData){this.setEventType(eventType);this.setEventData(eventData);this.$.dialog.toggle()},setEventType:function(eventType){this.$.inputType.value=eventType},setEventData:function(eventData){this.$.inputData.value=eventData},eventSelected:function(eventType){this.setEventType(eventType)},clickFireEvent:function(){var data;if(this.$.inputData.value!=""){data=JSON.parse(this.$.inputData.value)}else{data={}}this.api.fire_event(this.$.inputType.value,data)}});</script></polymer-element><polymer-element name="paper-dialog-transition" extends="core-transition-css" assetpath="polymer/bower_components/paper-dialog/"><template><style no-shim="">:host(.paper-dialog-transition){outline:0;opacity:0;transition:transform .2s cubic-bezier(0.4,0,.2,1),opacity .2s cubic-bezier(0.4,0,.2,1);-webkit-transition:-webkit-transform .2s cubic-bezier(0.4,0,.2,1),opacity .2s cubic-bezier(0.4,0,.2,1)}:host(.paper-dialog-transition.core-opened){opacity:1;transform:none;-webkit-transform:none}:host(.paper-dialog-transition-bottom){transform:scale(0.9) translateY(200%);-webkit-transform:scale(0.9) translateY(200%)}:host(.paper-dialog-transition-center.core-opened){animation:paper-dialog-transition-center-keyframes .2s cubic-bezier(0.4,0,.2,1);-webkit-animation:paper-dialog-transition-center-keyframes .2s cubic-bezier(0.4,0,.2,1)}@keyframes paper-dialog-transition-center-keyframes{0%{transform:scale(0.5) translateY(0);-webkit-transform:scale(0.5) translateY(0)}90%{transform:scale(1) translateY(-10px);-webkit-transform:scale(1) translateY(-10px)}100%{transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0)}}@-webkit-keyframes paper-dialog-transition-center-keyframes{0%{transform:scale(0.5) translateY(0);-webkit-transform:scale(0.5) translateY(0)}90%{transform:scale(1) translateY(-10px);-webkit-transform:scale(1) translateY(-10px)}100%{transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0)}}</style></template><script>Polymer("paper-dialog-transition",{baseClass:"paper-dialog-transition"});</script></polymer-element><paper-dialog-transition id="paper-dialog-transition-bottom" transitiontype="bottom"></paper-dialog-transition><paper-dialog-transition id="paper-dialog-transition-center" transitiontype="center"></paper-dialog-transition><polymer-element name="core-item" attributes="label icon src" horizontal="" center="" layout="" assetpath="polymer/bower_components/core-item/"><template><style>:host{display:block;position:relative;min-height:40px;white-space:nowrap}:host(.font-scalable){min-height:2.5em}:host(.core-selected){font-weight:700}#icon{margin:0 16px 0 4px}:host(.font-scalable) #icon{margin:0 1em 0 .25em;height:1.5em;width:1.5em}polyfill-next-selector{content:':host > a'}::content>a{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.000001)}</style><template if="{{icon || src}}"><core-icon src="{{src}}" id="icon" icon="{{icon}}" hidden?="{{!src && !icon}}"></core-icon></template><div id="label">{{label}}</div><content></content></template><script>Polymer("core-item",{});</script></polymer-element><style shim-shadowdom="">html /deep/ core-collapse{display:block}html /deep/ .core-collapse-closed{display:none}</style><polymer-element name="core-collapse" attributes="target horizontal opened duration fixedSize allowOverflow" assetpath="polymer/bower_components/core-collapse/"><template><content></content></template><script>Polymer("core-collapse",{target:null,horizontal:false,opened:false,duration:.33,fixedSize:false,allowOverflow:false,created:function(){this.transitionEndListener=this.transitionEnd.bind(this)},ready:function(){this.target=this.target||this},domReady:function(){this.async(function(){this.afterInitialUpdate=true})},detached:function(){if(this.target){this.removeListeners(this.target)}},targetChanged:function(old){if(old){this.removeListeners(old)}if(!this.target){return}this.isTargetReady=!!this.target;this.classList.toggle("core-collapse-closed",this.target!==this);this.toggleOpenedStyle(false);this.horizontalChanged();this.addListeners(this.target);this.toggleClosedClass(true);this.update()},addListeners:function(node){node.addEventListener("transitionend",this.transitionEndListener)},removeListeners:function(node){node.removeEventListener("transitionend",this.transitionEndListener)},horizontalChanged:function(){this.dimension=this.horizontal?"width":"height"},openedChanged:function(){this.update();this.fire("core-collapse-open",this.opened)},toggle:function(){this.opened=!this.opened},setTransitionDuration:function(duration){var s=this.target.style;s.transition=duration?this.dimension+" "+duration+"s":null;if(duration===0){this.async("transitionEnd")}},transitionEnd:function(){if(this.opened&&!this.fixedSize){this.updateSize("auto",null)}this.setTransitionDuration(null);this.toggleOpenedStyle(this.opened);this.toggleClosedClass(!this.opened);this.asyncFire("core-resize",null,this.target)},toggleClosedClass:function(closed){this.hasClosedClass=closed;this.target.classList.toggle("core-collapse-closed",closed)},toggleOpenedStyle:function(opened){this.target.style.overflow=this.allowOverflow&&opened?"":"hidden"},updateSize:function(size,duration,forceEnd){this.setTransitionDuration(duration);this.calcSize();var s=this.target.style;var nochange=s[this.dimension]===size;s[this.dimension]=size;if(forceEnd&&nochange){this.transitionEnd()}},update:function(){if(!this.target){return}if(!this.isTargetReady){this.targetChanged()}this.horizontalChanged();this[this.opened?"show":"hide"]()},calcSize:function(){return this.target.getBoundingClientRect()[this.dimension]+"px"},getComputedSize:function(){return getComputedStyle(this.target)[this.dimension]},show:function(){this.toggleClosedClass(false);if(!this.afterInitialUpdate){this.transitionEnd();return}if(!this.fixedSize){this.updateSize("auto",null);var s=this.calcSize();if(s=="0px"){this.transitionEnd();return}this.updateSize(0,null)}this.async(function(){this.updateSize(this.size||s,this.duration,true)})},hide:function(){this.toggleOpenedStyle(false);if(this.hasClosedClass&&!this.fixedSize){return}if(this.fixedSize){this.size=this.getComputedSize()}else{this.updateSize(this.calcSize(),null)}this.async(function(){this.updateSize(0,this.duration)})}});</script></polymer-element><polymer-element name="core-submenu" attributes="selected selectedItem label icon src valueattr" assetpath="polymer/bower_components/core-menu/"><template><style>:host{display:block;height:auto}:host(.core-selected,[active]){font-weight:initial}core-item{cursor:default}::content>core-item{cursor:default}:host(.font-scalable)>core-item{min-height:2.5em}:host(.font-scalable)>core-item::shadow core-icon{margin:0 1em 0 .25em;height:1.5em;width:1.5em}#submenu{margin:0 0 0 44px}:host(.font-scalable)>#submenu{margin:0 0 0 2.75em}</style><core-item id="submenuItem" src="{{src}}" label="{{label}}" icon="{{icon}}" class="{{ {'core-selected' : active} | tokenList}}" on-tap="{{activate}}"><content select=".item-content"></content></core-item><core-menu id="submenu" selected="{{selected}}" selecteditem="{{selectedItem}}" valueattr="{{valueattr}}"><content></content></core-menu><core-collapse target="{{$.submenu}}" opened="{{opened}}"></core-collapse></template><script>Polymer("core-submenu",{publish:{active:{value:false,reflect:true}},opened:false,get items(){return this.$.submenu.items},hasItems:function(){return!!this.items.length},unselectAllItems:function(){this.$.submenu.selected=null;this.$.submenu.clearSelection()},activeChanged:function(){if(this.hasItems()){this.opened=this.active}if(!this.active){this.unselectAllItems()}},toggle:function(){this.opened=!this.opened},activate:function(){if(this.hasItems()&&this.active){this.toggle();this.unselectAllItems()}}});</script></polymer-element><polymer-element name="services-list" attributes="api cbServiceClicked" assetpath="polymer/"><template><style>:host{display:block}core-menu{margin-top:0;font-size:1rem}a{display:block}</style><template if="{{cbServiceClicked}}"><style>a,core-submenu{text-decoration:underline;cursor:pointer}</style></template><div><core-menu selected="0"><template repeat="{{serv in services}}"><core-submenu icon="{{serv.domain | getIcon}}" label="{{serv.domain}}"><template repeat="{{service in serv.services}}"><a on-click="{{serviceClicked}}" data-domain="{{serv.domain}}">{{service}}</a></template></core-submenu></template></core-menu></div></template><script>Polymer("services-list",{services:[],cbServiceClicked:null,domReady:function(){this.services=this.api.services;this.api.addEventListener("services-updated",this.servicesUpdated.bind(this))},getIcon:function(domain){return(new DomainIcon).icon(domain)},servicesUpdated:function(){this.services=this.api.services},serviceClicked:function(ev){if(this.cbServiceClicked){var target=ev.path[0];var domain=target.getAttributeNode("data-domain").value;var service=target.innerHTML;this.cbServiceClicked(domain,service)}}});</script></polymer-element><polymer-element name="service-call-dialog" attributes="api" assetpath="polymer/"><template><paper-action-dialog id="dialog" heading="Call Service" transition="core-transition-bottom" backdrop="true"><style>:host{font-family:RobotoDraft,'Helvetica Neue',Helvetica,Arial}paper-input{display:block}paper-input:first-child{padding-top:0}.serviceContainer{margin-left:30px}@media all and (max-width:620px){paper-action-dialog{margin:0;width:100%;height:calc(100% - 64px);top:64px}.serviceContainer{display:none}}</style><div layout="" horizontal=""><div><paper-input id="inputDomain" label="Domain" floatinglabel="true" autofocus required></paper-input><paper-input id="inputService" label="Service" floatinglabel="true" required></paper-input><paper-input-decorator label="Service Data (JSON, optional)" floatinglabel="true"><textarea id="inputData" rows="5"></textarea></paper-input-decorator></div><div class="serviceContainer"><b>Available services:</b><services-list api="{{api}}" cbserviceclicked="{{serviceSelected}}"></services-list></div></div><paper-button dismissive="">Cancel</paper-button><paper-button affirmative="" on-click="{{clickCallService}}">Call Service</paper-button></paper-action-dialog></template><script>Polymer("service-call-dialog",{ready:function(){this.serviceSelected=this.serviceSelected.bind(this)},show:function(domain,service,serviceData){this.setService(domain,service);this.$.inputData.value=serviceData;this.$.dialog.toggle()},setService:function(domain,service){this.$.inputDomain.value=domain;this.$.inputService.value=service},serviceSelected:function(domain,service){this.setService(domain,service)},clickCallService:function(){var data;if(this.$.inputData.value!=""){data=JSON.parse(this.$.inputData.value)}this.api.call_service(this.$.inputDomain.value,this.$.inputService.value,data)}});</script></polymer-element><polymer-element name="entity-list" attributes="api cbEntityClicked" assetpath="polymer/"><template><style>:host{display:block}.entityContainer{font-size:1rem}</style><template if="{{cbEntityClicked}}"><style>a{text-decoration:underline;cursor:pointer}</style></template><div><template repeat="{{state in states}}"><div class="eventContainer"><a on-click="{{handleClick}}">{{state.entity_id}}</a></div></template></div></template><script>Polymer("entity-list",{cbEventClicked:null,states:[],domReady:function(){this.api.addEventListener("states-updated",this.statesUpdated.bind(this));this.statesUpdated()},statesUpdated:function(){this.states=this.api.states},handleClick:function(ev){if(this.cbEntityClicked){this.cbEntityClicked(ev.path[0].innerHTML)}}});</script></polymer-element><polymer-element name="state-set-dialog" attributes="api" assetpath="polymer/"><template><paper-action-dialog id="dialog" heading="Set State" transition="core-transition-bottom" backdrop="true"><style>:host{font-family:RobotoDraft,'Helvetica Neue',Helvetica,Arial}paper-input{display:block}paper-input:first-child{padding-top:0}.stateContainer{margin-left:30px}@media all and (max-width:620px){paper-action-dialog{margin:0;width:100%;height:calc(100% - 64px);top:64px}.stateContainer{display:none}}</style><div layout="" horizontal=""><div><paper-input id="inputEntityID" label="Entity ID" floatinglabel="true" autofocus required></paper-input><paper-input id="inputState" label="State" floatinglabel="true" required></paper-input><paper-input-decorator label="State attributes (JSON, optional)" floatinglabel="true"><textarea id="inputData" rows="5"></textarea></paper-input-decorator></div><div class="stateContainer"><b>Current entities:</b><entity-list api="{{api}}" cbentityclicked="{{entitySelected}}"></entity-list></div></div><paper-button dismissive="">Cancel</paper-button><paper-button affirmative="" on-click="{{clickSetState}}">Set State</paper-button></paper-action-dialog></template><script>Polymer("state-set-dialog",{ready:function(){this.entitySelected=this.entitySelected.bind(this)},show:function(entityId,state,stateData){this.setEntityId(entityId);this.setState(state);this.setStateData(stateData);this.$.dialog.toggle()},setEntityId:function(entityId){this.$.inputEntityID.value=entityId},setState:function(state){this.$.inputState.value=state},setStateData:function(stateData){var value=stateData?JSON.stringify(stateData,null,"  "):"";this.$.inputData.value=value},entitySelected:function(entityId){this.setEntityId(entityId);var state=this.api.getState(entityId);this.setState(state.state);this.setStateData(state.attributes)},clickSetState:function(){this.api.set_state(this.$.inputEntityID.value,this.$.inputState.value,JSON.parse(this.$.inputData.value))}});</script></polymer-element><polymer-element name="home-assistant-api" attributes="auth" assetpath="polymer/"><template><paper-toast id="toast" role="alert" text=""></paper-toast><event-fire-dialog id="eventDialog" api="{{api}}"></event-fire-dialog><service-call-dialog id="serviceDialog" api="{{api}}"></service-call-dialog><state-set-dialog id="stateDialog" api="{{api}}"></state-set-dialog></template><script>State=function(json,api){this.api=api;this.attributes=json.attributes;this.entity_id=json.entity_id;var parts=json.entity_id.split(".");this.domain=parts[0];this.entity=parts[1];if(this.attributes.friendly_name){this.entityDisplay=this.attributes.friendly_name}else{this.entityDisplay=this.entity.replace(/_/g," ")}this.state=json.state;this.last_changed=json.last_changed};Object.defineProperties(State.prototype,{stateDisplay:{get:function(){var state=this.state.replace(/_/g," ");if(this.attributes.unit_of_measurement){return state+" "+this.attributes.unit_of_measurement}else{return state}}},isCustomGroup:{get:function(){return this.domain=="group"&&!this.attributes.auto}},canToggle:{get:function(){return this.domain=="group"&&(this.state=="on"||this.state=="off")||this.api.hasService(this.domain,"turn_on")}}});Polymer("home-assistant-api",{auth:"not-set",states:[],services:[],events:[],stateUpdateTimeout:null,created:function(){this.api=this;this.turn_on=this.turn_on.bind(this);this.turn_off=this.turn_off.bind(this)},getState:function(entityId){var found=this.states.filter(function(state){return state.entity_id==entityId},this);return found.length>0?found[0]:null},hasService:function(domain,service){var found=this.services.filter(function(serv){return serv.domain==domain&&serv.services.indexOf(service)!==-1},this);return found.length>0},_laterFetchStates:function(){if(this.stateUpdateTimeout){clearTimeout(this.stateUpdateTimeout)}this.stateUpdateTimeout=setTimeout(this.fetchStates.bind(this),6e4)},_sortStates:function(states){states.sort(function(one,two){if(one.entity_id>two.entity_id){return 1}else if(one.entity_id<two.entity_id){return-1}else{return 0}})},_pushNewState:function(new_state){var state;var stateFound=false;for(var i=0;i<this.states.length;i++){if(this.states[i].entity_id==new_state.entity_id){this.states[i].attributes=new_state.attributes;this.states[i].last_changed=new_state.last_changed;this.states[i].state=new_state.state;stateFound=true;break}}if(!stateFound){this.states.push(new State(new_state,this));this._sortStates(this.states)}this.fire("states-updated")},_pushNewStates:function(new_states){new_states.map(function(state){this._pushNewState(state)}.bind(this))},fetchAll:function(){this.fetchStates();this.fetchServices();this.fetchEvents()},fetchState:function(entityId){var successStateUpdate=function(new_state){this._pushNewState(new_state)};this.call_api("GET","states/"+entityId,null,successStateUpdate.bind(this))},fetchStates:function(onSuccess,onError){var successStatesUpdate=function(newStates){this._sortStates(newStates);this.states=newStates.map(function(json){return new State(json,this)}.bind(this));this.fire("states-updated");this._laterFetchStates();if(onSuccess){onSuccess(this.states)}};this.call_api("GET","states",null,successStatesUpdate.bind(this),onError)},fetchEvents:function(onSuccess,onError){var successEventsUpdated=function(events){this.events=events;this.fire("events-updated");if(onSuccess){onSuccess(events)}};this.call_api("GET","events",null,successEventsUpdated.bind(this),onError)},fetchServices:function(onSuccess,onError){var successServicesUpdated=function(services){this.services=services;this.fire("services-updated");if(onSuccess){onSuccess(this.services)}};this.call_api("GET","services",null,successServicesUpdated.bind(this),onError)},turn_on:function(entity_id,options){this.call_service("homeassistant","turn_on",{entity_id:entity_id},options)},turn_off:function(entity_id,options){this.call_service("homeassistant","turn_off",{entity_id:entity_id},options)},set_state:function(entity_id,state,attributes){var payload={state:state};if(attributes){payload.attributes=attributes}var successToast=function(new_state){this.showToast("State of "+entity_id+" set to "+state+".");this._pushNewState(new_state)};this.call_api("POST","states/"+entity_id,payload,successToast.bind(this))},call_service:function(domain,service,parameters,options){parameters=parameters||{};options=options||{};var successHandler=function(changed_states){if(service=="turn_on"&&parameters.entity_id){this.showToast("Turned on "+parameters.entity_id+".")}else if(service=="turn_off"&&parameters.entity_id){this.showToast("Turned off "+parameters.entity_id+".")}else{this.showToast("Service "+domain+"/"+service+" called.")}this._pushNewStates(changed_states);if(options.success){options.success()}};var errorHandler=function(error_data){if(options.error){options.error(error_data)}};this.call_api("POST","services/"+domain+"/"+service,parameters,successHandler.bind(this),errorHandler)},fire_event:function(eventType,eventData){eventData=eventData||{};var successToast=function(){this.showToast("Event "+eventType+" fired.")};this.call_api("POST","events/"+eventType,eventData,successToast.bind(this))},call_api:function(method,path,parameters,onSuccess,onError){var req=new XMLHttpRequest;req.open(method,"/api/"+path,true);req.setRequestHeader("X-HA-access",this.auth);req.onreadystatechange=function(){if(req.readyState==4){if(req.status>199&&req.status<300){if(onSuccess){onSuccess(JSON.parse(req.responseText))}}else{if(onError){var data=req.responseText?JSON.parse(req.responseText):{};onError(data)}}}}.bind(this);if(parameters){req.send(JSON.stringify(parameters))}else{req.send()}},showEditStateDialog:function(entityId){var state=this.getState(entityId);this.showSetStateDialog(entityId,state.state,state.attributes)},showSetStateDialog:function(entityId,state,stateAttributes){entityId=entityId||"";state=state||"";stateAttributes=stateAttributes||null;this.$.stateDialog.show(entityId,state,stateAttributes)},showFireEventDialog:function(eventType,eventData){eventType=eventType||"";eventData=eventData||"";this.$.eventDialog.show(eventType,eventData)},showCallServiceDialog:function(domain,service,serviceData){domain=domain||"";service=service||"";serviceData=serviceData||"";this.$.serviceDialog.show(domain,service,serviceData)},showToast:function(message){this.$.toast.text=message;this.$.toast.show()},logOut:function(){this.auth=""}});</script></polymer-element></div>
 
 <polymer-element name="splash-login" attributes="auth" assetpath="polymer/"><template><style>:host{font-family:RobotoDraft,'Helvetica Neue',Helvetica,Arial}paper-input{display:block}.login paper-button{margin-left:242px}.login .interact{height:125px}#validatebox{text-align:center}#validatemessage{margin-top:10px}</style><home-assistant-api auth="{{auth}}" id="api"></home-assistant-api><div layout="" horizontal="" center="" fit="" class="login" id="splash"><div layout="" vertical="" center="" flex=""><img src="/static/favicon-192x192.png"><h1>Home Assistant</h1><a href="polymer/#" id="hideKeyboardOnFocus"></a><div class="interact" layout="" vertical=""><div id="loginform"><paper-input-decorator label="Password" id="passwordDecorator"><input is="core-input" type="password" id="passwordInput" value="{{auth}}" on-keyup="{{passwordKeyup}}" autofocus></paper-input-decorator><paper-button on-click="{{validatePassword}}">Log In</paper-button></div><div id="validatebox" hidden><paper-spinner active="true"></paper-spinner><br><div id="validatemessage">Validating password...</div></div></div></div></div><home-assistant-main api="{{api}}" hidden id="main"></home-assistant-main></template><script>Polymer("splash-login",{state:"no_auth",auth:"",ready:function(){this.api=this.$.api},domReady:function(){document.getElementById("init").remove();if(this.auth){this.validatePassword()}},authChanged:function(oldVal,newVal){if(newVal===""&&this.state==="valid_auth"){this.state="no_auth"}},stateChanged:function(oldVal,newVal){if(newVal==="no_auth"){this.$.loginform.removeAttribute("hidden");this.$.validatebox.setAttribute("hidden",null);this.$.validatemessage.innerHTML="Validating password...";this.$.splash.removeAttribute("hidden");this.$.main.setAttribute("hidden",null)}else{this.$.splash.setAttribute("hidden",null);this.$.main.removeAttribute("hidden")}},passwordKeyup:function(ev){if(ev.keyCode===13){this.validatePassword()}else if(this.$.passwordDecorator.isInvalid){this.$.passwordDecorator.isInvalid=false}},validatePassword:function(){this.$.loginform.setAttribute("hidden",null);this.$.validatebox.removeAttribute("hidden");this.$.hideKeyboardOnFocus.focus();var passwordValid=function(result){this.$.validatemessage.innerHTML="Loading data...";this.api.fetchEvents();this.api.fetchStates(function(){this.state="valid_auth"}.bind(this))};var passwordInvalid=function(result){if(result&&result.message){this.$.passwordDecorator.error=result.message}else{this.$.passwordDecorator.error="Unexpected result from API"}this.auth=null;this.$.passwordDecorator.isInvalid=true;this.$.loginform.removeAttribute("hidden");this.$.validatebox.setAttribute("hidden",null);this.$.passwordInput.focus()};this.api.fetchServices(passwordValid.bind(this),passwordInvalid.bind(this))}});</script></polymer-element>
diff --git a/homeassistant/components/http/www_static/polymer/home-assistant-api.html b/homeassistant/components/http/www_static/polymer/home-assistant-api.html
index 6f10dbaa84c..3bccf223179 100644
--- a/homeassistant/components/http/www_static/polymer/home-assistant-api.html
+++ b/homeassistant/components/http/www_static/polymer/home-assistant-api.html
@@ -139,6 +139,12 @@
       this.fire('states-updated');
     },
 
+    _pushNewStates: function(new_states) {
+      new_states.map(function(state) {
+        this._pushNewState(state);
+      }.bind(this));
+    },
+
     // call api methods
     fetchAll: function() {
       this.fetchStates();
@@ -205,19 +211,14 @@
         "GET", "services", null, successServicesUpdated.bind(this), onError);
     },
 
-    turn_on: function(entity_id) {
-      // we call the turn_on method on the domain of the entity_id
-      // because the call to homeassistant.turn_on does not wait
-      // till the call is done.
-      var parts = entity_id.split(".");
-
-      this.call_service(parts[0], "turn_on", {entity_id: entity_id});
+    turn_on: function(entity_id, options) {
+      this.call_service(
+        "homeassistant", "turn_on", {entity_id: entity_id}, options);
     },
 
-    turn_off: function(entity_id) {
-      var parts = entity_id.split(".");
-
-      this.call_service(parts[0], "turn_off", {entity_id: entity_id});
+    turn_off: function(entity_id, options) {
+      this.call_service(
+        "homeassistant", "turn_off", {entity_id: entity_id}, options);
     },
 
     set_state: function(entity_id, state, attributes) {
@@ -236,10 +237,11 @@
                     payload, successToast.bind(this));
     },
 
-    call_service: function(domain, service, parameters) {
+    call_service: function(domain, service, parameters, options) {
       parameters = parameters || {};
+      options = options || {};
 
-      var successToast = function() {
+      var successHandler = function(changed_states) {
         if(service == "turn_on" && parameters.entity_id) {
           this.showToast("Turned on " + parameters.entity_id + '.');
         } else if(service == "turn_off" && parameters.entity_id) {
@@ -248,14 +250,21 @@
           this.showToast("Service "+domain+"/"+service+" called.");  
         }
 
-        // if we call a service on an entity_id, update the state
-        if(parameters && parameters.entity_id) {
-          this.fetchStates();
+        this._pushNewStates(changed_states);
+
+        if(options.success) {
+          options.success();
+        }
+      };
+
+      var errorHandler = function(error_data) {
+        if(options.error) {
+          options.error(error_data);
         }
       };
 
       this.call_api("POST", "services/" + domain + "/" + service,
-                    parameters, successToast.bind(this));
+                    parameters, successHandler.bind(this), errorHandler);
     },
 
     fire_event: function(eventType, eventData) {
diff --git a/homeassistant/components/http/www_static/polymer/state-card.html b/homeassistant/components/http/www_static/polymer/state-card.html
index c7656e3787a..8b0be4dc076 100755
--- a/homeassistant/components/http/www_static/polymer/state-card.html
+++ b/homeassistant/components/http/www_static/polymer/state-card.html
@@ -139,31 +139,34 @@
     },
 
     stateChanged: function(oldVal, newVal) {
-      this.stateUnknown = newVal === null;
       this.toggleChecked = newVal === "on";
     },
 
     turn_on: function() {
+      // We call stateChanged after a successful call to re-sync the toggle
+      // with the state. It will be out of sync if our service call did not
+      // result in the entity to be turned on. Since the state is not changing,
+      // the resync is not called automatic.
       if(this.cb_turn_on) {
-        this.cb_turn_on(this.stateObj.entity_id);
-
-        // unset state while we wait for an update
-        var delayUnsetSate = function() {
-          this.stateObj.state = null;
-        };
-        setTimeout(delayUnsetSate.bind(this), 500);      
+        this.cb_turn_on(this.stateObj.entity_id, {
+          success: function() {
+            this.stateChanged(this.stateObj.state, this.stateObj.state);
+          }.bind(this)
+        });
       }
     },
 
     turn_off: function() {
+      // We call stateChanged after a successful call to re-sync the toggle
+      // with the state. It will be out of sync if our service call did not
+      // result in the entity to be turned on. Since the state is not changing,
+      // the resync is not called automatic.
       if(this.cb_turn_off) {
-        this.cb_turn_off(this.stateObj.entity_id);
-
-        // unset state while we wait for an update
-        var delayUnsetSate = function() {
-          this.stateObj.state = null;
-        };
-        setTimeout(delayUnsetSate.bind(this), 500);      
+        this.cb_turn_off(this.stateObj.entity_id, {
+          success: function() {
+            this.stateChanged(this.stateObj.state, this.stateObj.state);
+          }.bind(this)
+        });
       }
     },