diff --git a/atom.xml b/atom.xml index ea87ecfe98..634cec6b09 100644 --- a/atom.xml +++ b/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/announcements/atom.xml b/blog/categories/announcements/atom.xml index 8adb924b01..191b5c6b16 100644 --- a/blog/categories/announcements/atom.xml +++ b/blog/categories/announcements/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Announcements | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/community/atom.xml b/blog/categories/community/atom.xml index 2d1969bea4..54f7b58dbb 100644 --- a/blog/categories/community/atom.xml +++ b/blog/categories/community/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Community | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/device-tracking/atom.xml b/blog/categories/device-tracking/atom.xml index 8183080adf..0239170ec9 100644 --- a/blog/categories/device-tracking/atom.xml +++ b/blog/categories/device-tracking/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Device-Tracking | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/esp8266/atom.xml b/blog/categories/esp8266/atom.xml index 516ec0be7e..6cda826f0d 100644 --- a/blog/categories/esp8266/atom.xml +++ b/blog/categories/esp8266/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: ESP8266 | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/how-to/atom.xml b/blog/categories/how-to/atom.xml index 3046c42620..6e097bd17f 100644 --- a/blog/categories/how-to/atom.xml +++ b/blog/categories/how-to/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: How-To | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/ibeacons/atom.xml b/blog/categories/ibeacons/atom.xml index 4ce001ac98..4575753c71 100644 --- a/blog/categories/ibeacons/atom.xml +++ b/blog/categories/ibeacons/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: iBeacons | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/internet-of-things/atom.xml b/blog/categories/internet-of-things/atom.xml index 540deeb761..0aa4a5b546 100644 --- a/blog/categories/internet-of-things/atom.xml +++ b/blog/categories/internet-of-things/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Internet-of-Things | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/iot-data/atom.xml b/blog/categories/iot-data/atom.xml index 8282175759..31e82d65b0 100644 --- a/blog/categories/iot-data/atom.xml +++ b/blog/categories/iot-data/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: IoT-Data | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/media/atom.xml b/blog/categories/media/atom.xml index 432e6dcd64..bd6e13ac6a 100644 --- a/blog/categories/media/atom.xml +++ b/blog/categories/media/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Media | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/merchandise/atom.xml b/blog/categories/merchandise/atom.xml index fcc2b891f9..14eb252d43 100644 --- a/blog/categories/merchandise/atom.xml +++ b/blog/categories/merchandise/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Merchandise | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/micropython/atom.xml b/blog/categories/micropython/atom.xml index d7a994a85d..4dd598f721 100644 --- a/blog/categories/micropython/atom.xml +++ b/blog/categories/micropython/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Micropython | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/mqtt/atom.xml b/blog/categories/mqtt/atom.xml index 11016e80bc..81335e1322 100644 --- a/blog/categories/mqtt/atom.xml +++ b/blog/categories/mqtt/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: MQTT | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/organisation/atom.xml b/blog/categories/organisation/atom.xml index adae9a7241..f3f0f31191 100644 --- a/blog/categories/organisation/atom.xml +++ b/blog/categories/organisation/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Organisation | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/owntracks/atom.xml b/blog/categories/owntracks/atom.xml index fdc2ad1b80..497ce4f1af 100644 --- a/blog/categories/owntracks/atom.xml +++ b/blog/categories/owntracks/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: OwnTracks | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/presence-detection/atom.xml b/blog/categories/presence-detection/atom.xml index 402f4f83c3..9010204385 100644 --- a/blog/categories/presence-detection/atom.xml +++ b/blog/categories/presence-detection/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Presence-Detection | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/public-service-announcement/atom.xml b/blog/categories/public-service-announcement/atom.xml index 511588924d..16a97bc3a1 100644 --- a/blog/categories/public-service-announcement/atom.xml +++ b/blog/categories/public-service-announcement/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Public-Service-Announcement | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/release-notes/atom.xml b/blog/categories/release-notes/atom.xml index 8bbb6447d1..d232231f47 100644 --- a/blog/categories/release-notes/atom.xml +++ b/blog/categories/release-notes/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Release-Notes | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/survey/atom.xml b/blog/categories/survey/atom.xml index 1a4466279a..e09e5d6d8a 100644 --- a/blog/categories/survey/atom.xml +++ b/blog/categories/survey/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Survey | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/talks/atom.xml b/blog/categories/talks/atom.xml index 9e8763c93d..530b642b39 100644 --- a/blog/categories/talks/atom.xml +++ b/blog/categories/talks/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Talks | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/technology/atom.xml b/blog/categories/technology/atom.xml index edd90e0ed0..d1da49edb8 100644 --- a/blog/categories/technology/atom.xml +++ b/blog/categories/technology/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Technology | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/user-stories/atom.xml b/blog/categories/user-stories/atom.xml index 3abd371aa6..48946f1b06 100644 --- a/blog/categories/user-stories/atom.xml +++ b/blog/categories/user-stories/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: User-Stories | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/video/atom.xml b/blog/categories/video/atom.xml index aef6401933..c4747d31c1 100644 --- a/blog/categories/video/atom.xml +++ b/blog/categories/video/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Video | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/blog/categories/website/atom.xml b/blog/categories/website/atom.xml index 86faf4cda0..24d13dfe27 100644 --- a/blog/categories/website/atom.xml +++ b/blog/categories/website/atom.xml @@ -4,7 +4,7 @@ <![CDATA[Category: Website | Home Assistant]]> - 2017-12-02T18:38:10+00:00 + 2017-12-02T18:50:20+00:00 https://home-assistant.io/ diff --git a/developers/frontend_creating_custom_panels/index.html b/developers/frontend_creating_custom_panels/index.html index 47600c1640..b44b35c23b 100644 --- a/developers/frontend_creating_custom_panels/index.html +++ b/developers/frontend_creating_custom_panels/index.html @@ -74,21 +74,30 @@
-

Any component has the possibility to add a panel to the frontend. Panels will be rendered full screen and have real-time access to the Home Assistant object via JavaScript. Examples of this in the app are map, logbook and history.

+

Panels are pages within Home Assistant that show information within Home Assistant and can allow controlling it. Panels are linked from the sidebar and rendered full screen. The have have real-time access to the Home Assistant object via JavaScript. Examples of panels in the app are map, logbook and history.

+

Besides components registering panels, users can also register panels using the panel_custom component. This allows users to quickly build their own custom interfaces for Home Assistant.

+

Before you get started

+

The Home Assistant user interface is currently served to browsers in modern JavaScript and older JavaScript (ES5). The older version has a wider browser support but that comes at a cost of size, performance and more difficult to get started building panels for authors.

+

We therefore advice to set up the frontend to serve the modern version of the frontend so that you won’t need any build tools while developing. If you realize that your audience requires both, you can add a transpilation step in the future. To set up your frontend to always serve the latest version, add this to your config:

+
frontend:
+  javascript_version: latest
+
+
+

Building your first panel

Create a file called hello.html in your /panels/.

The hello.html contains the needed building blocks to create the elements inside the view.

-
<dom-module id='ha-panel-hello'>
-  <template>
-    <style>
-      p {
-        font-weight: bold;
+
<dom-module id='ha-panel-hello'>
+  <template>
+    <style>
+      p {
+        font-weight: bold;
       }
-    </style>
-    <p>Hello {{who}}. Greetings from Home Assistant.</p>
-  </template>
-</dom-module>
-
-<script>
+    </style>
+    <p>Hello {{who}}. Greetings from Home Assistant.</p>
+  </template>
+</dom-module>
+
+<script>
 class HaPanelHello extends Polymer.Element {
   static get is() { return 'ha-panel-hello'; }
   
@@ -121,8 +130,8 @@
   }
 }
 customElements.define(HaPanelHello.is, HaPanelHello);
-</script>
-

+</script>
+

Create an entry for the new panel in your configuration.yaml file:

panel_custom:
diff --git a/sitemap.xml b/sitemap.xml
index e946d667cf..f7445719d8 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -3690,7 +3690,7 @@
 
 
 https://home-assistant.io/components/switch.hook/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/cookbook/automation_for_rainy_days/
@@ -4362,99 +4362,99 @@
 
 
 https://home-assistant.io/docs/autostart/init.d/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/api/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/configuration/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/example_apps/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/installation/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/operation/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/reboot/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/running/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/tutorial/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/updating/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/appdaemon/windows/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/certificates/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/hadashboard/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/hass-configurator/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/ios/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/nginx/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/notebooks/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/scenegen/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/ecosystem/synology/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/tools/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/tools/dev-tools/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/tools/hass/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/docs/tools/scripts/
-2017-12-02T18:38:10+00:00
+2017-12-02T18:50:20+00:00
 
 
 https://home-assistant.io/faq/after-upgrading/
@@ -5574,62 +5574,62 @@
 
 
 https://home-assistant.io/demo/frontend.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/index.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-dev-event.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-dev-info.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-dev-service.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-dev-state.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-dev-template.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-history.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-iframe.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-logbook.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/demo/panels/ha-panel-map.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/googlef4f3693c209fe788.html
-2017-12-02T18:37:09+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/static/fonts/roboto/DESCRIPTION.en_us.html
-2017-12-02T18:37:10+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/static/fonts/robotomono/DESCRIPTION.en_us.html
-2017-12-02T18:37:10+00:00
+2017-12-02T18:49:41+00:00
 
 
 https://home-assistant.io/static/mdi-demo.html
-2017-12-02T18:37:10+00:00
+2017-12-02T18:49:41+00:00