9c2f6e591d
* Run Hass.io in an iframe * Update hass.io build script * Lint * Lint * Fix build script * Lint
103 lines
2.6 KiB
HTML
103 lines
2.6 KiB
HTML
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
|
|
<link rel="import" href="../../bower_components/app-layout/app-header-layout/app-header-layout.html">
|
|
<link rel="import" href="../../bower_components/app-layout/app-header/app-header.html">
|
|
<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
|
|
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
|
|
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
|
|
|
|
<link rel="import" href="../../src/components/ha-menu-button.html">
|
|
|
|
<link rel="import" href="./hassio-host-info.html">
|
|
<link rel="import" href="./hassio-hass-info.html">
|
|
<link rel="import" href="./hassio-supervisor-info.html">
|
|
|
|
<dom-module id="hassio-advanced">
|
|
<template>
|
|
<style include="iron-flex ha-style">
|
|
.content {
|
|
padding: 24px 0 32px;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
}
|
|
.status {
|
|
@apply(--layout-horizontal);
|
|
margin-bottom: 24px;
|
|
}
|
|
.status > * {
|
|
@apply(--layout-flex);
|
|
}
|
|
|
|
.status > *:first-child {
|
|
margin-right: 24px;
|
|
}
|
|
</style>
|
|
<app-header-layout has-scrolling-region>
|
|
<app-header slot="header" fixed>
|
|
<app-toolbar>
|
|
<paper-icon-button
|
|
icon='mdi:arrow-left'
|
|
on-tap='backTapped'
|
|
></paper-icon-button>
|
|
<div main-title>Advanced Settings</div>
|
|
</app-toolbar>
|
|
</app-header>
|
|
|
|
<div class='content'>
|
|
<div class='status'>
|
|
<hassio-supervisor-info
|
|
hass='[[hass]]'
|
|
data='[[supervisorInfo]]'
|
|
></hassio-supervisor-info>
|
|
|
|
<hassio-host-info
|
|
hass='[[hass]]'
|
|
data='[[hostInfo]]'
|
|
></hassio-host-info>
|
|
</div>
|
|
<div class='status'>
|
|
<hassio-hass-info
|
|
hass='[[hass]]'
|
|
data='[[hassInfo]]'
|
|
></hassio-hass-info>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</app-header-layout>
|
|
</template>
|
|
</dom-module>
|
|
|
|
<script>
|
|
class HassioAdvanced extends Polymer.Element {
|
|
static get is() { return 'hassio-advanced'; }
|
|
|
|
static get properties() {
|
|
return {
|
|
hass: {
|
|
type: Object,
|
|
},
|
|
|
|
supervisorInfo: {
|
|
type: Object,
|
|
value: {},
|
|
},
|
|
|
|
hostInfo: {
|
|
type: Object,
|
|
value: {},
|
|
},
|
|
|
|
hassInfo: {
|
|
type: Object,
|
|
value: {},
|
|
},
|
|
};
|
|
}
|
|
|
|
backTapped() {
|
|
history.back();
|
|
}
|
|
}
|
|
|
|
customElements.define(HassioAdvanced.is, HassioAdvanced);
|
|
</script>
|