Upgrade to latest home assistant js

homeassistant/components/frontend/version.py

@@ -1,2 +1,2 @@
 """ DO NOT MODIFY. Auto-generated by build_frontend script """
-VERSION = "b0c85f68d338fcd776ae95ef23ac61fd"
+VERSION = "08fb2ffccc72d7bfa0ad3478f2e8cfe7"

homeassistant/components/frontend/www_static/polymer/components/domain-icon.html

@@ -5,63 +5,20 @@
 <polymer-element name="domain-icon"
   attributes="domain state" constructor="DomainIcon">
   <template>
-    <core-icon icon="{{icon(domain, state)}}"></core-icon>
+    <core-icon icon="{{icon}}"></core-icon>
   </template>
   <script>
   Polymer({
+    icon: '',
 
-    icon: function(domain, state) {
-      switch(domain) {
-        case "homeassistant":
-          return "home";
-
-        case "group":
-          return "homeassistant-24:group";
-
-        case "device_tracker":
-          return "social:person";
-
-        case "switch":
-          return "image:flash-on";
-
-        case "media_player":
-          var icon = "hardware:cast";
-
-          if (state !== "idle") {
-            icon += "-connected";
-          }
-
-          return icon;
-
-        case "sun":
-          return "image:wb-sunny";
-
-        case "light":
-          return "image:wb-incandescent";
-
-        case "simple_alarm":
-          return "social:notifications";
-
-        case "notify":
-          return "announcement";
-
-        case "thermostat":
-          return "homeassistant-100:thermostat";
-
-        case "sensor":
-          return "visibility";
-
-        case "configurator":
-          return "settings";
-
-        case "conversation":
-          return "av:hearing";
-
-        default:
-          return "bookmark-outline";
-      }
-    }
+    observe: {
+      'domain': 'updateIcon',
+      'state' : 'updateIcon',
+    },
 
+    updateIcon: function() {
+      this.icon = window.hass.uiUtil.domainIcon(this.domain, this.state);
+    },
   });
   </script>
 </polymer-element>

homeassistant/components/frontend/www_static/polymer/components/ha-notifications.html

@@ -11,7 +11,7 @@
   Polymer(Polymer.mixin({
     lastId: null,
 
-    ready: function() {
+    attached: function() {
       this.listenToStores(true);
     },
 

homeassistant/components/frontend/www_static/polymer/components/relative-ha-datetime.html

@@ -7,35 +7,37 @@
     {{ relativeTime }}
   </template>
   <script>
-  var UPDATE_INTERVAL = 60000; // 60 seconds
+  (function() {
+    var UPDATE_INTERVAL = 60000; // 60 seconds
 
-  var parseDateTime = window.hass.util.parseDateTime;
+    var parseDateTime = window.hass.util.parseDateTime;
 
-  Polymer({
-    relativeTime: "",
-    parsedDateTime: null,
+    Polymer({
+      relativeTime: "",
+      parsedDateTime: null,
 
-    created: function() {
-      this.updateRelative = this.updateRelative.bind(this);
-    },
+      created: function() {
+        this.updateRelative = this.updateRelative.bind(this);
+      },
 
-    attached: function() {
-      this._interval = setInterval(this.updateRelative, UPDATE_INTERVAL);
-    },
+      attached: function() {
+        this._interval = setInterval(this.updateRelative, UPDATE_INTERVAL);
+      },
 
-    detached: function() {
-      clearInterval(this._interval);
-    },
+      detached: function() {
+        clearInterval(this._interval);
+      },
 
-    datetimeChanged: function(oldVal, newVal) {
-      this.parsedDateTime = newVal ? parseDateTime(newVal) : null;
+      datetimeChanged: function(oldVal, newVal) {
+        this.parsedDateTime = newVal ? parseDateTime(newVal) : null;
 
-      this.updateRelative();
-    },
+        this.updateRelative();
+      },
 
-    updateRelative: function() {
-      this.relativeTime = this.parsedDateTime ? moment(this.parsedDateTime).fromNow() : "";
-    },
-  });
+      updateRelative: function() {
+        this.relativeTime = this.parsedDateTime ? moment(this.parsedDateTime).fromNow() : "";
+      },
+    });
+  })();
   </script>
 </polymer-element>

homeassistant/components/frontend/www_static/polymer/components/services-list.html

@@ -34,10 +34,12 @@
     <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 repeat="{{domain in domains}}">
+          <core-submenu icon="{{domain | getIcon}}" label="{{domain}}">
+            <template repeat="{{service in domain | getServices}}">
+              <a on-click={{serviceClicked}} data-domain={{domain}}>
+                {{service}}
+              </a>
             </template>
           </core-submenu>
         </template>
@@ -50,7 +52,8 @@
   var storeListenerMixIn = window.hass.storeListenerMixIn;
 
   Polymer(Polymer.mixin({
-    services: [],
+    domains: [],
+    services: null,
     cbServiceClicked: null,
 
     attached: function() {
@@ -62,11 +65,16 @@
     },
 
     getIcon: function(domain) {
-      return (new DomainIcon()).icon(domain);
+      return hass.uiUtil.domainIcon(domain);
+    },
+
+    getServices: function(domain) {
+      return this.services.get(domain).toArray();
     },
 
     serviceStoreChanged: function(serviceStore) {
       this.services = serviceStore.all;
+      this.domains = this.services.keySeq().sort().toArray();
     },
 
     serviceClicked: function(ev) {

homeassistant/components/frontend/www_static/polymer/home-assistant-js

@@ -1 +1 @@
-Subproject commit 5b0a96c67fb3182c811f800df107c1c833a395f0
+Subproject commit 642a83e437fed356db3e13d5a5b0c28d4b3fb713

homeassistant/components/frontend/www_static/polymer/resources/home-assistant-icons.html

@@ -32,3 +32,57 @@
 
 </defs></svg>
 </core-iconset-svg>
+
+<script>
+window.hass.uiUtil.domainIcon = function(domain, state) {
+  switch(domain) {
+    case "homeassistant":
+      return "home";
+
+    case "group":
+      return "homeassistant-24:group";
+
+    case "device_tracker":
+      return "social:person";
+
+    case "switch":
+      return "image:flash-on";
+
+    case "media_player":
+      var icon = "hardware:cast";
+
+      if (state !== "idle") {
+        icon += "-connected";
+      }
+
+      return icon;
+
+    case "sun":
+      return "image:wb-sunny";
+
+    case "light":
+      return "image:wb-incandescent";
+
+    case "simple_alarm":
+      return "social:notifications";
+
+    case "notify":
+      return "announcement";
+
+    case "thermostat":
+      return "homeassistant-100:thermostat";
+
+    case "sensor":
+      return "visibility";
+
+    case "configurator":
+      return "settings";
+
+    case "conversation":
+      return "av:hearing";
+
+    default:
+      return "bookmark-outline";
+  }
+}
+</script>

homeassistant/components/frontend/www_static/polymer/resources/home-assistant-js.html

@@ -68,5 +68,8 @@
         });
       },
     };
+
+    // UI specific util methods
+    window.hass.uiUtil = {}
   })();
 </script>