Added instructions for custom UIs to show up in the HA dev info panel (home-assistant#4903)

c727 · fabaff · commit 91b5ca95119e · 2018-03-12T11:54:41.000+01:00
* Update frontend_creating_custom_ui.markdown Added instructions for custom UIs to show up in the HA dev info panel home-assistant/frontend#981 * Use note class * Update frontend_creating_custom_ui.markdown
diff --git a/source/developers/frontend_creating_custom_ui.markdown b/source/developers/frontend_creating_custom_ui.markdown
@@ -53,6 +53,20 @@ frontend:
 </dom-module>
 
 <script>
+// show the version of your custom UI in the HA dev info panel (HA 0.66.0+):
+const CUSTOM_UI_NAME = 'state-card-my-custom-light';
+const CUSTOM_UI_VERSION = '20180312';
+const CUSTOM_UI_URL = 'https://home-assistant.io/developers/frontend_creating_custom_ui/';
+
+if (!window.CUSTOM_UI_LIST) {
+  window.CUSTOM_UI_LIST = [];
+}
+window.CUSTOM_UI_LIST.push({
+  name: CUSTOM_UI_NAME,
+  version: CUSTOM_UI_VERSION,
+  url: CUSTOM_UI_URL
+}); 
+
 class StateCardMyCustomLight extends Polymer.Element {
   static get is() { return 'state-card-my-custom-light'; }
   
@@ -77,5 +91,8 @@ class StateCardMyCustomLight extends Polymer.Element {
 customElements.define(StateCardMyCustomLight.is, StateCardMyCustomLight);
 </script>
 ```
+<p class='note'>
+Some browsers don't support latest ECMAScript standards, these require a separate ES5 compatible file (`extra_html_url_es5`).
+</p>
 
 For more possibilities, see the [Custom UI section](/cookbook/#user-interface) on our Examples page.
