Skip to content

Commit 760ff58

Browse files
balloobbotballoobbot
committed
Site updated at 2017-12-02 19:00:42 UTC
1 parent c1e51ad commit 760ff58

File tree

26 files changed

+87
-78
lines changed

26 files changed

+87
-78
lines changed

‎atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Home Assistant]]></title>
55
<link href="https://home-assistant.io/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/announcements/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Announcements | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/announcements/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/community/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Community | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/community/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/device-tracking/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Device-Tracking | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/device-tracking/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/esp8266/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: ESP8266 | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/esp8266/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/how-to/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: How-To | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/how-to/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/ibeacons/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: iBeacons | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/ibeacons/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/internet-of-things/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Internet-of-Things | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/internet-of-things/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/iot-data/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: IoT-Data | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/iot-data/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/media/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Media | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/media/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/merchandise/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Merchandise | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/merchandise/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/micropython/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Micropython | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/micropython/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/mqtt/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: MQTT | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/mqtt/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/organisation/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Organisation | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/organisation/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/owntracks/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: OwnTracks | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/owntracks/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/presence-detection/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Presence-Detection | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/presence-detection/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/public-service-announcement/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Public-Service-Announcement | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/public-service-announcement/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/release-notes/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Release-Notes | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/release-notes/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/survey/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Survey | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/survey/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/talks/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Talks | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/talks/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/technology/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Technology | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/technology/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/user-stories/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: User-Stories | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/user-stories/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/video/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Video | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/video/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎blog/categories/website/atom.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<title><![CDATA[Category: Website | Home Assistant]]></title>
55
<link href="https://home-assistant.io/blog/categories/website/atom.xml" rel="self"/>
66
<link href="https://home-assistant.io/"/>
7-
<updated>2017-12-02T18:38:10+00:00</updated>
7+
<updated>2017-12-02T18:50:20+00:00</updated>
88
<id>https://home-assistant.io/</id>
99
<author>
1010
<name><![CDATA[Home Assistant]]></name>

‎developers/frontend_creating_custom_panels/index.html

Lines changed: 23 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -74,21 +74,30 @@ <h1 class="title indent">
7474
</h1>
7575
</header>
7676
<hr class="divider">
77-
<p>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.</p>
77+
<p>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.</p>
78+
<p>Besides components registering panels, users can also register panels using the <code class="highlighter-rouge">panel_custom</code> component. This allows users to quickly build their own custom interfaces for Home Assistant.</p>
79+
<h3><a class="title-link" name="before-you-get-started" href="#before-you-get-started"></a> Before you get started</h3>
80+
<p>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.</p>
81+
<p>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:</p>
82+
<div class="highlighter-rouge"><pre class="highlight"><code>frontend:
83+
javascript_version: latest
84+
</code></pre>
85+
</div>
86+
<h3><a class="title-link" name="building-your-first-panel" href="#building-your-first-panel"></a> Building your first panel</h3>
7887
<p>Create a file called <code class="highlighter-rouge">hello.html</code> in your <config dir="">/panels/.</config></p>
7988
<p>The <code class="highlighter-rouge">hello.html</code> contains the needed building blocks to create the elements inside the view.</p>
80-
<div class="language-javascript highlighter-rouge"><pre class="highlight"><code><span class="o">&lt;</span><span class="nx">dom</span><span class="o">-</span><span class="nx">module</span> <span class="nx">id</span><span class="o">=</span><span class="s1">'ha-panel-hello'</span><span class="o">&gt;</span>
81-
<span class="o">&lt;</span><span class="nx">template</span><span class="o">&gt;</span>
82-
<span class="o">&lt;</span><span class="nx">style</span><span class="o">&gt;</span>
83-
<span class="nx">p</span> <span class="p">{</span>
84-
<span class="nx">font</span><span class="o">-</span><span class="nx">weight</span><span class="err">:</span> <span class="nx">bold</span><span class="p">;</span>
89+
<div class="language-html highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;dom-module</span> <span class="na">id=</span><span class="s">'ha-panel-hello'</span><span class="nt">&gt;</span>
90+
<span class="nt">&lt;template&gt;</span>
91+
<span class="nt">&lt;style&gt;</span>
92+
<span class="nt">p</span> <span class="p">{</span>
93+
<span class="nl">font-weight</span><span class="p">:</span> <span class="nb">bold</span><span class="p">;</span>
8594
<span class="p">}</span>
86-
<span class="o">&lt;</span><span class="sr">/style</span><span class="err">&gt;
87-
</span> <span class="o">&lt;</span><span class="nx">p</span><span class="o">&gt;</span><span class="nx">Hello</span> <span class="p">{{</span><span class="nx">who</span><span class="p">}}.</span> <span class="nx">Greetings</span> <span class="nx">from</span> <span class="nx">Home</span> <span class="nx">Assistant</span><span class="p">.</span><span class="o">&lt;</span><span class="sr">/p</span><span class="err">&gt;
88-
</span> <span class="o">&lt;</span><span class="sr">/template</span><span class="err">&gt;
89-
</span><span class="o">&lt;</span><span class="sr">/dom-module</span><span class="err">&gt;
90-
</span>
91-
<span class="o">&lt;</span><span class="nx">script</span><span class="o">&gt;</span>
95+
<span class="nt">&lt;/style&gt;</span>
96+
<span class="nt">&lt;p&gt;</span>Hello {{who}}. Greetings from Home Assistant.<span class="nt">&lt;/p&gt;</span>
97+
<span class="nt">&lt;/template&gt;</span>
98+
<span class="nt">&lt;/dom-module&gt;</span>
99+
100+
<span class="nt">&lt;script&gt;</span>
92101
<span class="kr">class</span> <span class="nx">HaPanelHello</span> <span class="kr">extends</span> <span class="nx">Polymer</span><span class="p">.</span><span class="nx">Element</span> <span class="p">{</span>
93102
<span class="kr">static</span> <span class="nx">get</span> <span class="nx">is</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="s1">'ha-panel-hello'</span><span class="p">;</span> <span class="p">}</span>
94103

@@ -121,8 +130,8 @@ <h1 class="title indent">
121130
<span class="p">}</span>
122131
<span class="p">}</span>
123132
<span class="nx">customElements</span><span class="p">.</span><span class="nx">define</span><span class="p">(</span><span class="nx">HaPanelHello</span><span class="p">.</span><span class="nx">is</span><span class="p">,</span> <span class="nx">HaPanelHello</span><span class="p">);</span>
124-
<span class="o">&lt;</span><span class="sr">/script</span><span class="err">&gt;
125-
</span></code></pre>
133+
<span class="nt">&lt;/script&gt;</span>
134+
</code></pre>
126135
</div>
127136
<p>Create an entry for the new panel in your <code class="highlighter-rouge">configuration.yaml</code> file:</p>
128137
<div class="language-yaml highlighter-rouge"><pre class="highlight"><code><span class="s">panel_custom</span><span class="pi">:</span>

0 commit comments

Comments
 (0)