Cleaned up states-cards.html

homeassistant/components/http/www_static/polymer/states-cards.html

@@ -54,53 +54,39 @@
   </template>
   <script>
   Polymer({
-    raw_states: [],
-    states: [],
     filter: null,
-    filter_substates: null,
 
-    filterChanged: function(oldVal, newVal) {
+    computed: {
-      this.refilterStates();
+      states: "getStates(api.states, filter)"
     },
 
-    ready: function() {
+    getStates: function(states, filter) {
-      this.editCallback = this.editCallback.bind(this);
+      if(!states) {
-    },
+        return [];
+      }
 
-    domReady: function() {
+      if(!filter) {
-      this.raw_states = this.api.states
+        // if no filter, return all non-group states
-
+        return states.filter(function(state) {
-      this.api.addEventListener('states-updated', this.statesUpdated.bind(this))
+          return state.domain != 'group';
-
-      this.refilterStates();
-    },
-
-    statesUpdated: function() {
-      this.raw_states = this.api.states;
-
-      this.refilterStates();
-    },
-
-    refilterStates: function() {
-      if(this.filter == null) {
-        // all states except groups
-        this.states = this.raw_states.filter(function(state) {
-          return state.domain != 'group'
         });
-
       } else {
+        // we have a filter, return the parent filter and its children
         var filter_state = this.api.getState(this.filter);
 
         var map_states = function(entity_id) {
           return this.api.getState(entity_id);
-        }.bind(this)
+        }.bind(this);
 
-        // take the parent state and append it's children
+        return [filter_state].concat(
-        this.states = [filter_state].concat(
+          filter_state.attributes.entity_id.map(map_states));
-          filter_state.attributes.entity_id.map(map_states))
       }
     },
 
+    ready: function() {
+      this.editCallback = this.editCallback.bind(this);
+    },
+
     editCallback: function(entityId) {
       this.api.showEditStateDialog(entityId);
     },