54 lines
1.4 KiB
HTML
54 lines
1.4 KiB
HTML
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
|
|
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
|
|
|
|
<link rel="import" href="./hassio-host-info.html">
|
|
<link rel="import" href="./hassio-supervisor-info.html">
|
|
<link rel='import' href='./hassio-supervisor-log.html'>
|
|
|
|
<dom-module id="hassio-system">
|
|
<template>
|
|
<style include="iron-flex ha-style">
|
|
.content {
|
|
margin: 4px;
|
|
}
|
|
.title {
|
|
margin-top: 24px;
|
|
color: var(--primary-text-color);
|
|
font-size: 2em;
|
|
padding-left: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
</style>
|
|
<div class='content'>
|
|
<div class='title'>Information</div>
|
|
<hassio-supervisor-info
|
|
hass='[[hass]]'
|
|
data='[[supervisorInfo]]'
|
|
></hassio-supervisor-info>
|
|
<hassio-host-info
|
|
hass='[[hass]]'
|
|
data='[[hostInfo]]'
|
|
></hassio-host-info>
|
|
<div class='title'>System log</div>
|
|
<hassio-supervisor-log
|
|
hass='[[hass]]'
|
|
></hassio-supervisor-log>
|
|
</div>
|
|
</template>
|
|
</dom-module>
|
|
|
|
<script>
|
|
class HassioSystem extends Polymer.Element {
|
|
static get is() { return 'hassio-system'; }
|
|
|
|
static get properties() {
|
|
return {
|
|
hass: Object,
|
|
supervisorInfo: Object,
|
|
hostInfo: Object,
|
|
};
|
|
}
|
|
}
|
|
|
|
customElements.define(HassioSystem.is, HassioSystem);
|
|
</script> |