From 35c8c707839d59ff909256597b420dabef555709 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Tue, 20 Feb 2018 09:03:09 -0800
Subject: [PATCH] Lazy load iron page entries in config panel (#903)

---
 panels/config/ha-panel-config.html | 94 ++++++++++++++++++------------
 1 file changed, 56 insertions(+), 38 deletions(-)

diff --git a/panels/config/ha-panel-config.html b/panels/config/ha-panel-config.html
index 68903c6328..72e3be53df 100644
--- a/panels/config/ha-panel-config.html
+++ b/panels/config/ha-panel-config.html
@@ -39,19 +39,23 @@
       fallback-selection='not-found'
       selected-attribute='visible'
     >
-      <ha-config-core
-        page-name='core'
-        hass='[[hass]]'
-        is-wide='[[isWide]]'
-      ></ha-config-core>
+      <template is="dom-if" if='[[_equals(_routeData.page, "core")]]' restamp>
+        <ha-config-core
+          page-name='core'
+          hass='[[hass]]'
+          is-wide='[[isWide]]'
+        ></ha-config-core>
+      </template>
 
-      <ha-config-cloud
-        page-name='cloud'
-        route='[[route]]'
-        hass='[[hass]]'
-        is-wide='[[isWide]]'
-        account='[[account]]'
-      ></ha-config-cloud>
+      <template is="dom-if" if='[[_equals(_routeData.page, "cloud")]]' restamp>
+        <ha-config-cloud
+          page-name='cloud'
+          route='[[route]]'
+          hass='[[hass]]'
+          is-wide='[[isWide]]'
+          account='[[account]]'
+        ></ha-config-cloud>
+      </template>
 
       <ha-config-dashboard
         page-name='dashboard'
@@ -62,36 +66,46 @@
         show-menu='[[showMenu]]'
       ></ha-config-dashboard>
 
-      <ha-config-automation
-        page-name='automation'
-        route='[[route]]'
-        hass='[[hass]]'
-        is-wide='[[isWide]]'
-      ></ha-config-automation>
+      <template is="dom-if" if='[[_equals(_routeData.page, "automation")]]' restamp>
+        <ha-config-automation
+          page-name='automation'
+          route='[[route]]'
+          hass='[[hass]]'
+          is-wide='[[isWide]]'
+        ></ha-config-automation>
+      </template>
 
-      <ha-config-script
-        page-name='script'
-        route='[[route]]'
-        hass='[[hass]]'
-        is-wide='[[isWide]]'
-      ></ha-config-script>
+      <template is="dom-if" if='[[_equals(_routeData.page, "script")]]' restamp>
+        <ha-config-script
+          page-name='script'
+          route='[[route]]'
+          hass='[[hass]]'
+          is-wide='[[isWide]]'
+        ></ha-config-script>
+      </template>
 
-      <ha-config-zwave
-        page-name='zwave'
-        hass='[[hass]]'
-        is-wide='[[isWide]]'
-      ></ha-config-zwave>
+      <template is="dom-if" if='[[_equals(_routeData.page, "zwave")]]' restamp>
+        <ha-config-zwave
+          page-name='zwave'
+          hass='[[hass]]'
+          is-wide='[[isWide]]'
+        ></ha-config-zwave>
+      </template>
 
-      <ha-config-customize
-        page-name='customize'
-        hass='[[hass]]'
-        is-wide='[[isWide]]'
-      ></ha-config-customize>
+      <template is="dom-if" if='[[_equals(_routeData.page, "customize")]]' restamp>
+        <ha-config-customize
+          page-name='customize'
+          hass='[[hass]]'
+          is-wide='[[isWide]]'
+        ></ha-config-customize>
+      </template>
 
-      <ha-config-entries
-        page-name='integrations'
-        hass='[[hass]]'
-      ></ha-config-entries>
+      <template is="dom-if" if='[[_equals(_routeData.page, "integrations")]]' restamp>
+        <ha-config-entries
+          page-name='integrations'
+          hass='[[hass]]'
+        ></ha-config-entries>
+      </template>
 
       <hass-error-screen
         page-name='not-found'
@@ -153,6 +167,10 @@ class HaPanelConfig extends window.hassMixins.EventsMixin(Polymer.Element) {
       this.fire('location-changed');
     }
   }
+
+  _equals(a, b) {
+    return a === b;
+  }
 }
 
 customElements.define(HaPanelConfig.is, HaPanelConfig);