From 0754c007f29d4023d4c94e1a46d07283f0d09317 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Thu, 11 May 2017 22:23:03 -0700
Subject: [PATCH] Extract loading screen from partial-panel-resolver

---
 .../layouts/hass-loading-screen.html          | 15 ++++----
 src/layouts/partial-panel-resolver.html       | 38 +++++--------------
 2 files changed, 17 insertions(+), 36 deletions(-)
 rename panels/hassio/hassio-loading.html => src/layouts/hass-loading-screen.html (86%)

diff --git a/panels/hassio/hassio-loading.html b/src/layouts/hass-loading-screen.html
similarity index 86%
rename from panels/hassio/hassio-loading.html
rename to src/layouts/hass-loading-screen.html
index 99dff2896e..c0b1674e82 100644
--- a/panels/hassio/hassio-loading.html
+++ b/src/layouts/hass-loading-screen.html
@@ -4,7 +4,7 @@
 
 <link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
 
-<dom-module id='hassio-loading'>
+<dom-module id='hass-loading-screen'>
   <template>
     <style include='iron-flex ha-style'>
       [hidden] {
@@ -23,7 +23,7 @@
     <div class='placeholder'>
       <app-toolbar>
         <ha-menu-button narrow='[[narrow]]' show-menu='[[showMenu]]'></ha-menu-button>
-        <div main-title>Hass.io</div>
+        <div main-title>[[title]]</div>
       </app-toolbar>
       <div class='layout horizontal center-center'>
         <paper-spinner active></paper-spinner>
@@ -34,13 +34,9 @@
 
 <script>
 Polymer({
-  is: 'hassio-loading',
+  is: 'hass-loading-screen',
 
   properties: {
-    hass: {
-      type: Object,
-    },
-
     narrow: {
       type: Boolean,
       value: false,
@@ -50,6 +46,11 @@ Polymer({
       type: Boolean,
       value: false,
     },
+
+    title: {
+      type: String,
+      value: '',
+    },
   },
 });
 </script>
diff --git a/src/layouts/partial-panel-resolver.html b/src/layouts/partial-panel-resolver.html
index 69668e53a1..1087b8c59a 100644
--- a/src/layouts/partial-panel-resolver.html
+++ b/src/layouts/partial-panel-resolver.html
@@ -1,41 +1,21 @@
-<link rel='import' href='../../bower_components/paper-spinner/paper-spinner.html'>
+<link rel='import' href='../../bower_components/polymer/polymer.html'>
 
-<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
-
-<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
-
-<link rel='import' href='../components/ha-menu-button.html'>
-<link rel="import" href="../resources/ha-style.html">
+<link rel="import" href="./hass-loading-screen.html">
 
 <dom-module id='partial-panel-resolver'>
   <template>
-    <style include='iron-flex ha-style'>
+    <style>
       [hidden] {
         display: none !important;
       }
-
-      .placeholder {
-        height: 100%;
-      }
-
-      .layout {
-        height: calc(100% - 64px);
-      }
     </style>
 
-    <div hidden$='[[resolved]]' class='placeholder'>
-      <app-toolbar>
-        <ha-menu-button narrow='[[narrow]]' show-menu='[[showMenu]]'></ha-menu-button>
-      </app-toolbar>
-      <div class='layout horizontal center-center'>
-        <template is='dom-if' if='[[!errorLoading]]'>
-          <paper-spinner active></paper-spinner>
-        </template>
-        <template is='dom-if' if='[[errorLoading]]'>
-          Error loading panel :(
-        </template>
-      </div>
-    </div>
+    <template is='dom-if' if='[[!resolved]]'>
+      <hass-loading-screen
+        narrow='[[narrow]]'
+        show-menu='[[showMenu]]'
+      ></hass-loading-screen>
+    </template>
 
     <span id='panel' hidden$='[[!resolved]]'></span>
   </template>