Show state attributes in default more info dialog

homeassistant/components/http/frontend.py

@@ -1,2 +1,2 @@
 """ DO NOT MODIFY. Auto-generated by build_frontend script """
-VERSION = "7484b7aecbe15593d924b47daf4a89df"
+VERSION = "b32ea78a1157b29555410384fe251dc9"

homeassistant/components/http/www_static/polymer/more-infos/more-info-default.html

@@ -1,9 +1,44 @@
 <link rel="import" href="../bower_components/polymer/polymer.html">
 
-<polymer-element name="more-info-default" attributes="stateObj" noscript>
-  <template>
-    <div>
-      There is no extra info for domain '{{stateObj.domain}}' yet.
-    </div>
-  </template>
+<polymer-element name="more-info-default" attributes="stateObj">
+<template>
+  <style>
+    .data-entry {
+      margin-bottom: 8px;
+    }
+
+    .data-entry:last-child {
+      margin-bottom: 0;
+    }
+
+    .data {
+      padding-left: 10px;
+      text-align: right;
+      word-break: break-all;
+      max-width: 200px;
+    }
+  </style>
+
+  <div layout vertical>
+
+    <template repeat="{{key in stateObj.attributes | getKeys}}">
+      <div layout justified horizontal class='data-entry' id='rising'>
+        <div>
+          {{key}}
+        </div>
+        <div class='data'>
+          {{stateObj.attributes[key]}}
+        </div>
+      </div>      
+    </template>
+
+  </div>
+</template>
+<script>
+  Polymer({
+    getKeys: function(obj) {
+      return Object.keys(obj || {});
+    },
+  });
+</script>
 </polymer-element>