jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-08 01:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Extract loading screen from partial-panel-resolver

Browse Source
This commit is contained in:
Paulus Schoutsen 2017-05-11 22:23:03 -07:00
parent 3f68619e3a
commit 0754c007f2
2 changed files with 17 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
panels/hassio/hassio-loading.html → src/layouts/hass-loading-screen.html
View File

@ -4,7 +4,7 @@
<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html"> <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> <template>
<style include='iron-flex ha-style'> <style include='iron-flex ha-style'>
[hidden] { [hidden] {
@ -23,7 +23,7 @@
<div class='placeholder'> <div class='placeholder'>
<app-toolbar> <app-toolbar>
<ha-menu-button narrow='[[narrow]]' show-menu='[[showMenu]]'></ha-menu-button> <ha-menu-button narrow='[[narrow]]' show-menu='[[showMenu]]'></ha-menu-button>
<div main-title>Hass.io</div> <div main-title>[[title]]</div>
</app-toolbar> </app-toolbar>
<div class='layout horizontal center-center'> <div class='layout horizontal center-center'>
<paper-spinner active></paper-spinner> <paper-spinner active></paper-spinner>
@ -34,13 +34,9 @@
<script> <script>
Polymer({ Polymer({
is: 'hassio-loading', is: 'hass-loading-screen',
properties: { properties: {
hass: {
type: Object,
},
narrow: { narrow: {
type: Boolean, type: Boolean,
value: false, value: false,
@ -50,6 +46,11 @@ Polymer({
type: Boolean, type: Boolean,
value: false, value: false,
}, },
title: {
type: String,
value: '',
},
}, },
}); });
</script> </script>

38
src/layouts/partial-panel-resolver.html
View File

@ -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="./hass-loading-screen.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">
<dom-module id='partial-panel-resolver'> <dom-module id='partial-panel-resolver'>
<template> <template>
<style include='iron-flex ha-style'> <style>
[hidden] { [hidden] {
display: none !important; display: none !important;
} }
.placeholder {
height: 100%;
}
.layout {
height: calc(100% - 64px);
}
</style> </style>
<div hidden$='[[resolved]]' class='placeholder'> <template is='dom-if' if='[[!resolved]]'>
<app-toolbar> <hass-loading-screen
<ha-menu-button narrow='[[narrow]]' show-menu='[[showMenu]]'></ha-menu-button> narrow='[[narrow]]'
</app-toolbar> show-menu='[[showMenu]]'
<div class='layout horizontal center-center'> ></hass-loading-screen>
<template is='dom-if' if='[[!errorLoading]]'> </template>
<paper-spinner active></paper-spinner>
</template>
<template is='dom-if' if='[[errorLoading]]'>
Error loading panel :(
</template>
</div>
</div>
<span id='panel' hidden$='[[!resolved]]'></span> <span id='panel' hidden$='[[!resolved]]'></span>
</template> </template>