jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 16:26:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1974 from home-assistant/dev

Browse Source 
20181103.0
This commit is contained in:
Paulus Schoutsen 2018-11-03 13:40:00 +01:00 committed by GitHub
commit 6a84395303
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
442 changed files with 6476 additions and 5975 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
.gitattributes vendored Normal file
View File

@ -0,0 +1,11 @@
# Ensure Docker script files uses LF to support Docker for Windows.
# Ensure "git config --global core.autocrlf input" before you clone
* text eol=lf
*.ts whitespace=error
*.js whitespace=error
*.ico binary
*.jpg binary
*.png binary
*.zip binary
*.mp3 binary

BIN
gallery/public/api/media_player_proxy/media_player.walkman
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

14
gallery/src/components/demo-card.js
View File

@ -1,13 +1,13 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import JsYaml from "js-yaml"; import JsYaml from "js-yaml";
import HomeAssistant from "../data/hass.js"; import HomeAssistant from "../data/hass";
import { demoConfig } from "../data/demo_config.js"; import { demoConfig } from "../data/demo_config";
import { demoServices } from "../data/demo_services"; import { demoServices } from "../data/demo_services";
import demoResources from "../data/demo_resources.js"; import demoResources from "../data/demo_resources";
import demoStates from "../data/demo_states.js"; import demoStates from "../data/demo_states";
import createCardElement from "../../../src/panels/lovelace/common/create-card-element.js"; import createCardElement from "../../../src/panels/lovelace/common/create-card-element";
class DemoCard extends PolymerElement { class DemoCard extends PolymerElement {
static get template() { static get template() {

10
gallery/src/components/demo-cards.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "@polymer/app-layout/app-toolbar/app-toolbar.js"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/paper-toggle-button/paper-toggle-button.js"; import "@polymer/paper-toggle-button/paper-toggle-button";
import "./demo-card.js"; import "./demo-card";
class DemoCards extends PolymerElement { class DemoCards extends PolymerElement {
static get template() { static get template() {

10
gallery/src/components/demo-more-info.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/state-summary/state-card-content.js"; import "../../../src/state-summary/state-card-content";
import "../../../src/dialogs/more-info/controls/more-info-content.js"; import "../../../src/dialogs/more-info/controls/more-info-content";
import "../../../src/components/ha-card.js"; import "../../../src/components/ha-card";
class DemoMoreInfo extends PolymerElement { class DemoMoreInfo extends PolymerElement {
static get template() { static get template() {

10
gallery/src/components/demo-more-infos.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "@polymer/app-layout/app-toolbar/app-toolbar.js"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/paper-toggle-button/paper-toggle-button.js"; import "@polymer/paper-toggle-button/paper-toggle-button";
import "./demo-more-info.js"; import "./demo-more-info";
class DemoMoreInfos extends PolymerElement { class DemoMoreInfos extends PolymerElement {
static get template() { static get template() {

4
gallery/src/data/entity.js
View File

@ -55,7 +55,9 @@ export class LightEntity extends Entity {
if (service === "turn_on") { if (service === "turn_on") {
// eslint-disable-next-line // eslint-disable-next-line
const { brightness, hs_color } = data; let { brightness, hs_color, brightness_pct } = data;
// eslint-disable-next-line
brightness = (255 * brightness_pct) / 100;
this.update( this.update(
"on", "on",
Object.assign(this.attributes, { Object.assign(this.attributes, {

6
gallery/src/data/provide_hass.js
View File

@ -1,8 +1,8 @@
import { fireEvent } from "../../../src/common/dom/fire_event.js"; import { fireEvent } from "../../../src/common/dom/fire_event";
import { demoConfig } from "./demo_config.js"; import { demoConfig } from "./demo_config";
import { demoServices } from "./demo_services"; import { demoServices } from "./demo_services";
import demoResources from "./demo_resources.js"; import demoResources from "./demo_resources";
const ensureArray = (val) => (Array.isArray(val) ? val : [val]); const ensureArray = (val) => (Array.isArray(val) ? val : [val]);

10
gallery/src/demos/demo-hui-alarm-panel-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("alarm_control_panel", "alarm", "disarmed", { getEntity("alarm_control_panel", "alarm", "disarmed", {

10
gallery/src/demos/demo-hui-conditional-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("light", "controller_1", "on", { getEntity("light", "controller_1", "on", {

10
gallery/src/demos/demo-hui-entities-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("light", "bed_light", "on", { getEntity("light", "bed_light", "on", {

10
gallery/src/demos/demo-hui-entity-button-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("light", "bed_light", "on", { getEntity("light", "bed_light", "on", {

10
gallery/src/demos/demo-hui-entity-filter-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("device_tracker", "demo_paulus", "work", { getEntity("device_tracker", "demo_paulus", "work", {

6
gallery/src/demos/demo-hui-gauge-card.js
View File

@ -1,7 +1,7 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/demo-cards.js"; import "../components/demo-cards";
const CONFIGS = [ const CONFIGS = [
{ {

10
gallery/src/demos/demo-hui-glance-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("device_tracker", "demo_paulus", "home", { getEntity("device_tracker", "demo_paulus", "home", {

6
gallery/src/demos/demo-hui-iframe-card.js
View File

@ -1,7 +1,7 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/demo-cards.js"; import "../components/demo-cards";
const CONFIGS = [ const CONFIGS = [
{ {

48
gallery/src/demos/demo-hui-light-card.js Normal file
View File

@ -0,0 +1,48 @@
import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity";
import provideHass from "../data/provide_hass";
import "../components/demo-cards";
const ENTITIES = [
getEntity("light", "bed_light", "on", {
friendly_name: "Bed Light",
brightness: 130,
}),
];
const CONFIGS = [
{
heading: "Basic example",
config: `
- type: light
entity: light.bed_light
`,
},
];
class DemoLightEntity extends PolymerElement {
static get template() {
return html`
<demo-cards id='demos' configs="[[_configs]]"></demo-cards>
`;
}
static get properties() {
return {
_configs: {
type: Object,
value: CONFIGS,
},
};
}
ready() {
super.ready();
const hass = provideHass(this.$.demos);
hass.addEntities(ENTITIES);
}
}
customElements.define("demo-hui-light-card", DemoLightEntity);

10
gallery/src/demos/demo-hui-map-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("device_tracker", "demo_paulus", "not_home", { getEntity("device_tracker", "demo_paulus", "not_home", {

6
gallery/src/demos/demo-hui-markdown-card.js
View File

@ -1,7 +1,7 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/demo-cards.js"; import "../components/demo-cards";
const CONFIGS = [ const CONFIGS = [
{ {

12
gallery/src/demos/demo-hui-media-player-rows.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("media_player", "bedroom", "playing", { getEntity("media_player", "bedroom", "playing", {
@ -65,7 +65,7 @@ const CONFIGS = [
- entity: media_player.living_room - entity: media_player.living_room
name: Pause, No skip, tvshow name: Pause, No skip, tvshow
- entity: media_player.android_cast - entity: media_player.android_cast
name: Screen casting name: Screen casting
- entity: media_player.lounge_room - entity: media_player.lounge_room
name: Chromcast Idle name: Chromcast Idle
- entity: media_player.theater - entity: media_player.theater

10
gallery/src/demos/demo-hui-picture-elements-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("light", "bed_light", "on", { getEntity("light", "bed_light", "on", {

6
gallery/src/demos/demo-hui-picture-entity-card.js
View File

@ -1,7 +1,7 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/demo-cards.js"; import "../components/demo-cards";
const CONFIGS = [ const CONFIGS = [
{ {

6
gallery/src/demos/demo-hui-picture-glance-card.js
View File

@ -1,7 +1,7 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/demo-cards.js"; import "../components/demo-cards";
const CONFIGS = [ const CONFIGS = [
{ {

10
gallery/src/demos/demo-hui-stack-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("light", "kitchen_lights", "on", { getEntity("light", "kitchen_lights", "on", {

10
gallery/src/demos/demo-hui-thermostat-card.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-cards.js"; import "../components/demo-cards";
const ENTITIES = [ const ENTITIES = [
getEntity("climate", "ecobee", "auto", { getEntity("climate", "ecobee", "auto", {

14
gallery/src/demos/demo-more-info-light.js
View File

@ -1,13 +1,13 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/dialogs/more-info/controls/more-info-content.js"; import "../../../src/dialogs/more-info/controls/more-info-content";
import "../../../src/components/ha-card.js"; import "../../../src/components/ha-card";
import getEntity from "../data/entity.js"; import getEntity from "../data/entity";
import provideHass from "../data/provide_hass.js"; import provideHass from "../data/provide_hass";
import "../components/demo-more-infos.js"; import "../components/demo-more-infos";
/* eslint-disable no-unused-vars */ /* eslint-disable no-unused-vars */

16
gallery/src/entrypoint.js
View File

@ -1,12 +1,12 @@
import "@polymer/paper-styles/typography.js"; import "@polymer/paper-styles/typography";
import "@polymer/polymer/lib/elements/dom-if.js"; import "@polymer/polymer/lib/elements/dom-if";
import "@polymer/polymer/lib/elements/dom-repeat.js"; import "@polymer/polymer/lib/elements/dom-repeat";
import "../../src/resources/hass-icons.js"; import "../../src/resources/hass-icons";
import "../../src/resources/ha-style.js"; import "../../src/resources/ha-style";
import "../../src/resources/roboto.js"; import "../../src/resources/roboto";
import "../../src/components/ha-iconset-svg.js"; import "../../src/components/ha-iconset-svg";
import "./ha-gallery.js"; import "./ha-gallery";
document.body.appendChild(document.createElement("ha-gallery")); document.body.appendChild(document.createElement("ha-gallery"));

22
gallery/src/ha-gallery.js
View File

@ -1,15 +1,15 @@
import "@polymer/app-layout/app-header-layout/app-header-layout.js"; import "@polymer/app-layout/app-header-layout/app-header-layout";
import "@polymer/app-layout/app-header/app-header.js"; import "@polymer/app-layout/app-header/app-header";
import "@polymer/app-layout/app-toolbar/app-toolbar.js"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/iron-icon/iron-icon.js"; import "@polymer/iron-icon/iron-icon";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import "@polymer/paper-item/paper-item.js"; import "@polymer/paper-item/paper-item";
import "@polymer/paper-item/paper-item-body.js"; import "@polymer/paper-item/paper-item-body";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../src/managers/notification-manager.js"; import "../../src/managers/notification-manager";
const DEMOS = require.context("./demos", true, /^(.*\.(js$))[^.]*$/im); const DEMOS = require.context("./demos", true, /^(.*\.(js$))[^.]*$/im);

12
hassio/src/addon-store/hassio-addon-repository.js
View File

@ -1,10 +1,10 @@
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/hassio-card-content.js"; import "../components/hassio-card-content";
import "../resources/hassio-style.js"; import "../resources/hassio-style";
import NavigateMixin from "../../../src/mixins/navigate-mixin.js"; import NavigateMixin from "../../../src/mixins/navigate-mixin";
class HassioAddonRepository extends NavigateMixin(PolymerElement) { class HassioAddonRepository extends NavigateMixin(PolymerElement) {
static get template() { static get template() {

8
hassio/src/addon-store/hassio-addon-store.js
View File

@ -1,8 +1,8 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "./hassio-addon-repository.js"; import "./hassio-addon-repository";
import "./hassio-repositories-editor.js"; import "./hassio-repositories-editor";
class HassioAddonStore extends PolymerElement { class HassioAddonStore extends PolymerElement {
static get template() { static get template() {

16
hassio/src/addon-store/hassio-repositories-editor.js
View File

@ -1,12 +1,12 @@
import "@polymer/iron-icon/iron-icon.js"; import "@polymer/iron-icon/iron-icon";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import "@polymer/paper-input/paper-input.js"; import "@polymer/paper-input/paper-input";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/buttons/ha-call-api-button.js"; import "../../../src/components/buttons/ha-call-api-button";
import "../components/hassio-card-content.js"; import "../components/hassio-card-content";
import "../resources/hassio-style.js"; import "../resources/hassio-style";
class HassioRepositoriesEditor extends PolymerElement { class HassioRepositoriesEditor extends PolymerElement {
static get template() { static get template() {

20
hassio/src/addon-view/hassio-addon-audio.js
View File

@ -1,15 +1,15 @@
import "web-animations-js/web-animations-next-lite.min.js"; import "web-animations-js/web-animations-next-lite.min";
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js"; import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
import "@polymer/paper-item/paper-item.js"; import "@polymer/paper-item/paper-item";
import "@polymer/paper-listbox/paper-listbox.js"; import "@polymer/paper-listbox/paper-listbox";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/resources/ha-style.js"; import "../../../src/resources/ha-style";
import EventsMixin from "../../../src/mixins/events-mixin.js"; import EventsMixin from "../../../src/mixins/events-mixin";
class HassioAddonAudio extends EventsMixin(PolymerElement) { class HassioAddonAudio extends EventsMixin(PolymerElement) {
static get template() { static get template() {

12
hassio/src/addon-view/hassio-addon-config.js
View File

@ -1,10 +1,10 @@
import "@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js"; import "@polymer/iron-autogrow-textarea/iron-autogrow-textarea";
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/buttons/ha-call-api-button.js"; import "../../../src/components/buttons/ha-call-api-button";
class HassioAddonConfig extends PolymerElement { class HassioAddonConfig extends PolymerElement {
static get template() { static get template() {

22
hassio/src/addon-view/hassio-addon-info.js
View File

@ -1,16 +1,16 @@
import "@polymer/iron-icon/iron-icon.js"; import "@polymer/iron-icon/iron-icon";
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import "@polymer/paper-toggle-button/paper-toggle-button.js"; import "@polymer/paper-toggle-button/paper-toggle-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/buttons/ha-call-api-button.js"; import "../../../src/components/buttons/ha-call-api-button";
import "../../../src/components/ha-markdown.js"; import "../../../src/components/ha-markdown";
import "../../../src/resources/ha-style.js"; import "../../../src/resources/ha-style";
import EventsMixin from "../../../src/mixins/events-mixin.js"; import EventsMixin from "../../../src/mixins/events-mixin";
import "../components/hassio-card-content.js"; import "../components/hassio-card-content";
class HassioAddonInfo extends EventsMixin(PolymerElement) { class HassioAddonInfo extends EventsMixin(PolymerElement) {
static get template() { static get template() {

10
hassio/src/addon-view/hassio-addon-logs.js
View File

@ -1,9 +1,9 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/resources/ha-style.js"; import "../../../src/resources/ha-style";
class HassioAddonLogs extends PolymerElement { class HassioAddonLogs extends PolymerElement {
static get template() { static get template() {

14
hassio/src/addon-view/hassio-addon-network.js
View File

@ -1,11 +1,11 @@
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import "@polymer/paper-input/paper-input.js"; import "@polymer/paper-input/paper-input";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/buttons/ha-call-api-button.js"; import "../../../src/components/buttons/ha-call-api-button";
import "../../../src/resources/ha-style.js"; import "../../../src/resources/ha-style";
import EventsMixin from "../../../src/mixins/events-mixin.js"; import EventsMixin from "../../../src/mixins/events-mixin";
class HassioAddonNetwork extends EventsMixin(PolymerElement) { class HassioAddonNetwork extends EventsMixin(PolymerElement) {
static get template() { static get template() {

30
hassio/src/addon-view/hassio-addon-view.js
View File

@ -1,19 +1,19 @@
import "@polymer/app-layout/app-header-layout/app-header-layout.js"; import "@polymer/app-layout/app-header-layout/app-header-layout";
import "@polymer/app-layout/app-header/app-header.js"; import "@polymer/app-layout/app-header/app-header";
import "@polymer/app-layout/app-toolbar/app-toolbar.js"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/app-route/app-route.js"; import "@polymer/app-route/app-route";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/ha-menu-button.js"; import "../../../src/components/ha-menu-button";
import "../../../src/resources/ha-style.js"; import "../../../src/resources/ha-style";
import "../hassio-markdown-dialog.js"; import "../hassio-markdown-dialog";
import "./hassio-addon-audio.js"; import "./hassio-addon-audio";
import "./hassio-addon-config.js"; import "./hassio-addon-config";
import "./hassio-addon-info.js"; import "./hassio-addon-info";
import "./hassio-addon-logs.js"; import "./hassio-addon-logs";
import "./hassio-addon-network.js"; import "./hassio-addon-network";
class HassioAddonView extends PolymerElement { class HassioAddonView extends PolymerElement {
static get template() { static get template() {

8
hassio/src/components/hassio-card-content.js
View File

@ -1,8 +1,8 @@
import "@polymer/iron-icon/iron-icon.js"; import "@polymer/iron-icon/iron-icon";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/ha-relative-time.js"; import "../../../src/components/ha-relative-time";
class HassioCardContent extends PolymerElement { class HassioCardContent extends PolymerElement {
static get template() { static get template() {

12
hassio/src/dashboard/hassio-addons.js
View File

@ -1,10 +1,10 @@
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/hassio-card-content.js"; import "../components/hassio-card-content";
import "../resources/hassio-style.js"; import "../resources/hassio-style";
import NavigateMixin from "../../../src/mixins/navigate-mixin.js"; import NavigateMixin from "../../../src/mixins/navigate-mixin";
class HassioAddons extends NavigateMixin(PolymerElement) { class HassioAddons extends NavigateMixin(PolymerElement) {
static get template() { static get template() {

10
hassio/src/dashboard/hassio-dashboard.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "./hassio-addons.js"; import "./hassio-addons";
import "./hassio-hass-update.js"; import "./hassio-hass-update";
import EventsMixin from "../../../src/mixins/events-mixin.js"; import EventsMixin from "../../../src/mixins/events-mixin";
class HassioDashboard extends EventsMixin(PolymerElement) { class HassioDashboard extends EventsMixin(PolymerElement) {
static get template() { static get template() {

14
hassio/src/dashboard/hassio-hass-update.js
View File

@ -1,11 +1,11 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/buttons/ha-call-api-button.js"; import "../../../src/components/buttons/ha-call-api-button";
import "../components/hassio-card-content.js"; import "../components/hassio-card-content";
import "../resources/hassio-style.js"; import "../resources/hassio-style";
class HassioHassUpdate extends PolymerElement { class HassioHassUpdate extends PolymerElement {
static get template() { static get template() {

8
hassio/src/hassio-app.js
View File

@ -1,8 +1,8 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "./hassio-main.js"; import "./hassio-main";
import "./resources/hassio-icons.js"; import "./resources/hassio-icons";
class HassioApp extends PolymerElement { class HassioApp extends PolymerElement {
static get template() { static get template() {

2
hassio/src/hassio-data.js
View File

@ -1,4 +1,4 @@
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
class HassioData extends PolymerElement { class HassioData extends PolymerElement {
static get properties() { static get properties() {

20
hassio/src/hassio-main.js
View File

@ -1,15 +1,15 @@
import "@polymer/app-route/app-route.js"; import "@polymer/app-route/app-route";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../src/layouts/hass-loading-screen.js"; import "../../src/layouts/hass-loading-screen";
import "./addon-view/hassio-addon-view.js"; import "./addon-view/hassio-addon-view";
import "./hassio-data.js"; import "./hassio-data";
import "./hassio-pages-with-tabs.js"; import "./hassio-pages-with-tabs";
import applyThemesOnElement from "../../src/common/dom/apply_themes_on_element.js"; import applyThemesOnElement from "../../src/common/dom/apply_themes_on_element";
import EventsMixin from "../../src/mixins/events-mixin.js"; import EventsMixin from "../../src/mixins/events-mixin";
import NavigateMixin from "../../src/mixins/navigate-mixin.js"; import NavigateMixin from "../../src/mixins/navigate-mixin";
class HassioMain extends EventsMixin(NavigateMixin(PolymerElement)) { class HassioMain extends EventsMixin(NavigateMixin(PolymerElement)) {
static get template() { static get template() {

16
hassio/src/hassio-markdown-dialog.js
View File

@ -1,12 +1,12 @@
import "@polymer/app-layout/app-toolbar/app-toolbar.js"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js"; import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
import "@polymer/paper-dialog/paper-dialog.js"; import "@polymer/paper-dialog/paper-dialog";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../src/components/ha-markdown.js"; import "../../src/components/ha-markdown";
import "../../src/resources/ha-style.js"; import "../../src/resources/ha-style";
class HassioMarkdownDialog extends PolymerElement { class HassioMarkdownDialog extends PolymerElement {
static get template() { static get template() {

36
hassio/src/hassio-pages-with-tabs.js
View File

@ -1,24 +1,24 @@
import "@polymer/app-layout/app-header-layout/app-header-layout.js"; import "@polymer/app-layout/app-header-layout/app-header-layout";
import "@polymer/app-layout/app-header/app-header.js"; import "@polymer/app-layout/app-header/app-header";
import "@polymer/app-layout/app-toolbar/app-toolbar.js"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import "@polymer/paper-tabs/paper-tab.js"; import "@polymer/paper-tabs/paper-tab";
import "@polymer/paper-tabs/paper-tabs.js"; import "@polymer/paper-tabs/paper-tabs";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../src/components/ha-menu-button.js"; import "../../src/components/ha-menu-button";
import "../../src/resources/ha-style.js"; import "../../src/resources/ha-style";
import "./addon-store/hassio-addon-store.js"; import "./addon-store/hassio-addon-store";
import "./dashboard/hassio-dashboard.js"; import "./dashboard/hassio-dashboard";
import "./hassio-markdown-dialog.js"; import "./hassio-markdown-dialog";
import "./snapshots/hassio-snapshot.js"; import "./snapshots/hassio-snapshot";
import "./snapshots/hassio-snapshots.js"; import "./snapshots/hassio-snapshots";
import "./system/hassio-system.js"; import "./system/hassio-system";
import scrollToTarget from "../../src/common/dom/scroll-to-target.js"; import scrollToTarget from "../../src/common/dom/scroll-to-target";
import NavigateMixin from "../../src/mixins/navigate-mixin.js"; import NavigateMixin from "../../src/mixins/navigate-mixin";
class HassioPagesWithTabs extends NavigateMixin(PolymerElement) { class HassioPagesWithTabs extends NavigateMixin(PolymerElement) {
static get template() { static get template() {

2
hassio/src/resources/hassio-icons.js
View File

@ -1,4 +1,4 @@
import "../../../src/components/ha-iconset-svg.js"; import "../../../src/components/ha-iconset-svg";
import iconSetContent from "../../hassio-icons.html"; import iconSetContent from "../../hassio-icons.html";
const documentContainer = document.createElement("template"); const documentContainer = document.createElement("template");

20
hassio/src/snapshots/hassio-snapshot.js
View File

@ -1,14 +1,14 @@
import "@polymer/app-layout/app-toolbar/app-toolbar.js"; import "@polymer/app-layout/app-toolbar/app-toolbar";
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-checkbox/paper-checkbox.js"; import "@polymer/paper-checkbox/paper-checkbox";
import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js"; import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
import "@polymer/paper-dialog/paper-dialog.js"; import "@polymer/paper-dialog/paper-dialog";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import "@polymer/paper-input/paper-input.js"; import "@polymer/paper-input/paper-input";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/resources/ha-style.js"; import "../../../src/resources/ha-style";
class HassioSnapshot extends PolymerElement { class HassioSnapshot extends PolymerElement {
static get template() { static get template() {

22
hassio/src/snapshots/hassio-snapshots.js
View File

@ -1,15 +1,15 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import "@polymer/paper-checkbox/paper-checkbox.js"; import "@polymer/paper-checkbox/paper-checkbox";
import "@polymer/paper-input/paper-input.js"; import "@polymer/paper-input/paper-input";
import "@polymer/paper-radio-button/paper-radio-button.js"; import "@polymer/paper-radio-button/paper-radio-button";
import "@polymer/paper-radio-group/paper-radio-group.js"; import "@polymer/paper-radio-group/paper-radio-group";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/hassio-card-content.js"; import "../components/hassio-card-content";
import "../resources/hassio-style.js"; import "../resources/hassio-style";
import EventsMixin from "../../../src/mixins/events-mixin.js"; import EventsMixin from "../../../src/mixins/events-mixin";
class HassioSnapshots extends EventsMixin(PolymerElement) { class HassioSnapshots extends EventsMixin(PolymerElement) {
static get template() { static get template() {

12
hassio/src/system/hassio-host-info.js
View File

@ -1,10 +1,10 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/buttons/ha-call-api-button.js"; import "../../../src/components/buttons/ha-call-api-button";
import EventsMixin from "../../../src/mixins/events-mixin.js"; import EventsMixin from "../../../src/mixins/events-mixin";
class HassioHostInfo extends EventsMixin(PolymerElement) { class HassioHostInfo extends EventsMixin(PolymerElement) {
static get template() { static get template() {

12
hassio/src/system/hassio-supervisor-info.js
View File

@ -1,10 +1,10 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../../../src/components/buttons/ha-call-api-button.js"; import "../../../src/components/buttons/ha-call-api-button";
import EventsMixin from "../../../src/mixins/events-mixin.js"; import EventsMixin from "../../../src/mixins/events-mixin";
class HassioSupervisorInfo extends EventsMixin(PolymerElement) { class HassioSupervisorInfo extends EventsMixin(PolymerElement) {
static get template() { static get template() {

8
hassio/src/system/hassio-supervisor-log.js
View File

@ -1,7 +1,7 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
class HassioSupervisorLog extends PolymerElement { class HassioSupervisorLog extends PolymerElement {
static get template() { static get template() {

12
hassio/src/system/hassio-system.js
View File

@ -1,10 +1,10 @@
import "@polymer/iron-flex-layout/iron-flex-layout-classes.js"; import "@polymer/iron-flex-layout/iron-flex-layout-classes";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "./hassio-host-info.js"; import "./hassio-host-info";
import "./hassio-supervisor-info.js"; import "./hassio-supervisor-info";
import "./hassio-supervisor-log.js"; import "./hassio-supervisor-log";
class HassioSystem extends PolymerElement { class HassioSystem extends PolymerElement {
static get template() { static get template() {

2
hassio/webpack.config.js
View File

@ -4,6 +4,7 @@ const config = require("./config.js");
const { babelLoaderConfig } = require("../config/babel.js"); const { babelLoaderConfig } = require("../config/babel.js");
const isProdBuild = process.env.NODE_ENV === "production"; const isProdBuild = process.env.NODE_ENV === "production";
const isCI = process.env.CI === "true";
const chunkFilename = isProdBuild ? "chunk.[chunkhash].js" : "[name].chunk.js"; const chunkFilename = isProdBuild ? "chunk.[chunkhash].js" : "[name].chunk.js";
module.exports = { module.exports = {
@ -37,6 +38,7 @@ module.exports = {
}, },
}), }),
isProdBuild && isProdBuild &&
isCI &&
new CompressionPlugin({ new CompressionPlugin({
cache: true, cache: true,
exclude: [/\.js\.map$/, /\.LICENSE$/, /\.py$/, /\.txt$/], exclude: [/\.js\.map$/, /\.LICENSE$/, /\.py$/, /\.txt$/],

21
package.json
View File

@ -18,7 +18,7 @@
"license": "Apache-2.0", "license": "Apache-2.0",
"dependencies": { "dependencies": {
"@material/mwc-ripple": "^0.3.1", "@material/mwc-ripple": "^0.3.1",
"@mdi/svg": "^2.7.94", "@mdi/svg": "^3.0.39",
"@polymer/app-layout": "^3.0.1", "@polymer/app-layout": "^3.0.1",
"@polymer/app-localize-behavior": "^3.0.1", "@polymer/app-localize-behavior": "^3.0.1",
"@polymer/app-route": "^3.0.2", "@polymer/app-route": "^3.0.2",
@ -64,8 +64,8 @@
"@polymer/paper-toggle-button": "^3.0.1", "@polymer/paper-toggle-button": "^3.0.1",
"@polymer/paper-tooltip": "^3.0.1", "@polymer/paper-tooltip": "^3.0.1",
"@polymer/polymer": "^3.0.5", "@polymer/polymer": "^3.0.5",
"@vaadin/vaadin-combo-box": "4.2.0-alpha3", "@vaadin/vaadin-combo-box": "^4.2.0-beta2",
"@vaadin/vaadin-date-picker": "3.3.0-alpha1", "@vaadin/vaadin-date-picker": "^3.3.0",
"@webcomponents/shadycss": "^1.5.2", "@webcomponents/shadycss": "^1.5.2",
"@webcomponents/webcomponentsjs": "^2.1.3", "@webcomponents/webcomponentsjs": "^2.1.3",
"chart.js": "~2.7.2", "chart.js": "~2.7.2",
@ -98,7 +98,7 @@
"@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/plugin-syntax-dynamic-import": "^7.0.0",
"@babel/plugin-transform-react-jsx": "^7.0.0", "@babel/plugin-transform-react-jsx": "^7.0.0",
"@babel/preset-env": "^7.1.0", "@babel/preset-env": "^7.1.0",
"@babel/preset-typescript": "7.0.0", "@babel/preset-typescript": "^7.1.0",
"@gfx/zopfli": "^1.0.9", "@gfx/zopfli": "^1.0.9",
"babel-eslint": "^10", "babel-eslint": "^10",
"babel-loader": "^8.0.4", "babel-loader": "^8.0.4",
@ -122,10 +122,9 @@
"gulp-merge-json": "^1.3.1", "gulp-merge-json": "^1.3.1",
"gulp-rename": "^1.4.0", "gulp-rename": "^1.4.0",
"html-loader": "^0.5.5", "html-loader": "^0.5.5",
"html-minifier": "^3.5.20",
"html-webpack-plugin": "^3.2.0", "html-webpack-plugin": "^3.2.0",
"husky": "^1.1.0", "husky": "^1.1.0",
"lint-staged": "^7.3.0", "lint-staged": "^8.0.2",
"merge-stream": "^1.0.1", "merge-stream": "^1.0.1",
"mocha": "^5.2.0", "mocha": "^5.2.0",
"parse5": "^5.1.0", "parse5": "^5.1.0",
@ -134,14 +133,14 @@
"polymer-cli": "^1.8.0", "polymer-cli": "^1.8.0",
"prettier": "^1.14.3", "prettier": "^1.14.3",
"raw-loader": "^0.5.1", "raw-loader": "^0.5.1",
"reify": "^0.17.3", "reify": "^0.18.1",
"require-dir": "^1.0.0", "require-dir": "^1.0.0",
"sinon": "^6.3.4", "sinon": "^7.1.0",
"tslint": "^5.11.0", "tslint": "^5.11.0",
"tslint-config-prettier": "^1.15.0", "tslint-config-prettier": "^1.15.0",
"tslint-eslint-rules": "^5.4.0", "tslint-eslint-rules": "^5.4.0",
"tslint-plugin-prettier": "^2.0.0", "tslint-plugin-prettier": "^2.0.1",
"typescript": "3.1.3", "typescript": "^3.1.4",
"wct-browser-legacy": "^1.0.1", "wct-browser-legacy": "^1.0.1",
"web-component-tester": "^6.8.0", "web-component-tester": "^6.8.0",
"webpack": "^4.19.1", "webpack": "^4.19.1",
@ -154,7 +153,7 @@
"samsam": "1.1.3", "samsam": "1.1.3",
"supports-color": "3.1.2", "supports-color": "3.1.2",
"type-detect": "1.0.0", "type-detect": "1.0.0",
"@polymer/polymer": "3.0.5", "@polymer/polymer": "3.1.0",
"@webcomponents/webcomponentsjs": "2.1.3", "@webcomponents/webcomponentsjs": "2.1.3",
"@webcomponents/shadycss": "^1.5.2", "@webcomponents/shadycss": "^1.5.2",
"@vaadin/vaadin-overlay": "3.2.0-alpha3", "@vaadin/vaadin-overlay": "3.2.0-alpha3",

2
setup.py
View File

@ -2,7 +2,7 @@ from setuptools import setup, find_packages
setup( setup(
name="home-assistant-frontend", name="home-assistant-frontend",
version="20181026.4", version="20181103.0",
description="The Home Assistant frontend", description="The Home Assistant frontend",
url="https://github.com/home-assistant/home-assistant-polymer", url="https://github.com/home-assistant/home-assistant-polymer",
author="The Home Assistant Authors", author="The Home Assistant Authors",

10
src/auth/ha-auth-flow.js
View File

@ -1,8 +1,8 @@
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import "../components/ha-form.js"; import "../components/ha-form";
import LocalizeLiteMixin from "../mixins/localize-lite-mixin.js"; import LocalizeLiteMixin from "../mixins/localize-lite-mixin";
class HaAuthFlow extends LocalizeLiteMixin(PolymerElement) { class HaAuthFlow extends LocalizeLiteMixin(PolymerElement) {
static get template() { static get template() {

16
src/auth/ha-authorize.js
View File

@ -1,13 +1,13 @@
import "@polymer/polymer/lib/elements/dom-if.js"; import "@polymer/polymer/lib/elements/dom-if";
import "@polymer/polymer/lib/elements/dom-repeat.js"; import "@polymer/polymer/lib/elements/dom-repeat";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/ha-markdown.js"; import "../components/ha-markdown";
import LocalizeLiteMixin from "../mixins/localize-lite-mixin.js"; import LocalizeLiteMixin from "../mixins/localize-lite-mixin";
import "./ha-auth-flow.js"; import "./ha-auth-flow";
class HaAuthorize extends LocalizeLiteMixin(PolymerElement) { class HaAuthorize extends LocalizeLiteMixin(PolymerElement) {
static get template() { static get template() {
@ -87,7 +87,7 @@ class HaAuthorize extends LocalizeLiteMixin(PolymerElement) {
if (query.state) props.oauth2State = query.state; if (query.state) props.oauth2State = query.state;
this.setProperties(props); this.setProperties(props);
import(/* webpackChunkName: "pick-auth-provider" */ "../auth/ha-pick-auth-provider.js"); import(/* webpackChunkName: "pick-auth-provider" */ "../auth/ha-pick-auth-provider");
// Fetch auth providers // Fetch auth providers
try { try {

12
src/auth/ha-pick-auth-provider.js
View File

@ -1,10 +1,10 @@
import "@polymer/paper-item/paper-item.js"; import "@polymer/paper-item/paper-item";
import "@polymer/paper-item/paper-item-body.js"; import "@polymer/paper-item/paper-item-body";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
import LocalizeLiteMixin from "../mixins/localize-lite-mixin.js"; import LocalizeLiteMixin from "../mixins/localize-lite-mixin";
/* /*
* @appliesMixin EventsMixin * @appliesMixin EventsMixin

6
src/cards/ha-badges-card.js
View File

@ -1,7 +1,7 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/entity/ha-state-label-badge.js"; import "../components/entity/ha-state-label-badge";
class HaBadgesCard extends PolymerElement { class HaBadgesCard extends PolymerElement {
static get template() { static get template() {

12
src/cards/ha-camera-card.js
View File

@ -1,10 +1,10 @@
import "@polymer/paper-styles/element-styles/paper-material-styles.js"; import "@polymer/paper-styles/element-styles/paper-material-styles";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import computeStateName from "../common/entity/compute_state_name.js"; import computeStateName from "../common/entity/compute_state_name";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
import LocalizeMixin from "../mixins/localize-mixin.js"; import LocalizeMixin from "../mixins/localize-mixin";
const UPDATE_INTERVAL = 10000; // ms const UPDATE_INTERVAL = 10000; // ms
/* /*

18
src/cards/ha-card-chooser.js
View File

@ -1,14 +1,14 @@
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "./ha-camera-card.js"; import "./ha-camera-card";
import "./ha-entities-card.js"; import "./ha-entities-card";
import "./ha-history_graph-card.js"; import "./ha-history_graph-card";
import "./ha-media_player-card.js"; import "./ha-media_player-card";
import "./ha-persistent_notification-card.js"; import "./ha-persistent_notification-card";
import "./ha-plant-card.js"; import "./ha-plant-card";
import "./ha-weather-card.js"; import "./ha-weather-card";
import dynamicContentUpdater from "../common/dom/dynamic_content_updater.js"; import dynamicContentUpdater from "../common/dom/dynamic_content_updater";
class HaCardChooser extends PolymerElement { class HaCardChooser extends PolymerElement {
static get properties() { static get properties() {

24
src/cards/ha-entities-card.js
View File

@ -1,17 +1,17 @@
import "@polymer/iron-flex-layout/iron-flex-layout-classes.js"; import "@polymer/iron-flex-layout/iron-flex-layout-classes";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/entity/ha-entity-toggle.js"; import "../components/entity/ha-entity-toggle";
import "../components/ha-card.js"; import "../components/ha-card";
import "../state-summary/state-card-content.js"; import "../state-summary/state-card-content";
import computeStateDomain from "../common/entity/compute_state_domain.js"; import computeStateDomain from "../common/entity/compute_state_domain";
import computeStateName from "../common/entity/compute_state_name.js"; import computeStateName from "../common/entity/compute_state_name";
import stateMoreInfoType from "../common/entity/state_more_info_type.js"; import stateMoreInfoType from "../common/entity/state_more_info_type";
import canToggleState from "../common/entity/can_toggle_state.js"; import canToggleState from "../common/entity/can_toggle_state";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
import LocalizeMixin from "../mixins/localize-mixin.js"; import LocalizeMixin from "../mixins/localize-mixin";
class HaEntitiesCard extends LocalizeMixin(EventsMixin(PolymerElement)) { class HaEntitiesCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
static get template() { static get template() {

12
src/cards/ha-history_graph-card.js
View File

@ -1,12 +1,12 @@
import "@polymer/paper-card/paper-card.js"; import "@polymer/paper-card/paper-card";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/state-history-charts.js"; import "../components/state-history-charts";
import "../data/ha-state-history-data"; import "../data/ha-state-history-data";
import computeStateName from "../common/entity/compute_state_name.js"; import computeStateName from "../common/entity/compute_state_name";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
/* /*
* @appliesMixin EventsMixin * @appliesMixin EventsMixin

20
src/cards/ha-media_player-card.js
View File

@ -1,15 +1,15 @@
import "@polymer/iron-flex-layout/iron-flex-layout-classes.js"; import "@polymer/iron-flex-layout/iron-flex-layout-classes";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import "@polymer/paper-progress/paper-progress.js"; import "@polymer/paper-progress/paper-progress";
import "@polymer/paper-styles/element-styles/paper-material-styles.js"; import "@polymer/paper-styles/element-styles/paper-material-styles";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import HassMediaPlayerEntity from "../util/hass-media-player-model.js"; import HassMediaPlayerEntity from "../util/hass-media-player-model";
import computeStateName from "../common/entity/compute_state_name.js"; import computeStateName from "../common/entity/compute_state_name";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
import LocalizeMixin from "../mixins/localize-mixin.js"; import LocalizeMixin from "../mixins/localize-mixin";
/* /*
* @appliesMixin LocalizeMixin * @appliesMixin LocalizeMixin

14
src/cards/ha-persistent_notification-card.js
View File

@ -1,12 +1,12 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/ha-card.js"; import "../components/ha-card";
import "../components/ha-markdown.js"; import "../components/ha-markdown";
import computeStateName from "../common/entity/compute_state_name.js"; import computeStateName from "../common/entity/compute_state_name";
import LocalizeMixin from "../mixins/localize-mixin.js"; import LocalizeMixin from "../mixins/localize-mixin";
import computeObjectId from "../common/entity/compute_object_id"; import computeObjectId from "../common/entity/compute_object_id";
/* /*

12
src/cards/ha-plant-card.js
View File

@ -1,11 +1,11 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/ha-card.js"; import "../components/ha-card";
import "../components/ha-icon.js"; import "../components/ha-icon";
import computeStateName from "../common/entity/compute_state_name.js"; import computeStateName from "../common/entity/compute_state_name";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
class HaPlantCard extends EventsMixin(PolymerElement) { class HaPlantCard extends EventsMixin(PolymerElement) {
static get template() { static get template() {

50
src/cards/ha-weather-card.js
View File

@ -1,11 +1,11 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../components/ha-card.js"; import "../components/ha-card";
import "../components/ha-icon.js"; import "../components/ha-icon";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
import LocalizeMixin from "../mixins/localize-mixin.js"; import LocalizeMixin from "../mixins/localize-mixin";
/* /*
* @appliesMixin LocalizeMixin * @appliesMixin LocalizeMixin
@ -26,6 +26,25 @@ class HaWeatherCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
color: var(--paper-item-icon-color); color: var(--paper-item-icon-color);
} }
.header {
font-family: var(--paper-font-headline_-_font-family);
-webkit-font-smoothing: var(--paper-font-headline_-_-webkit-font-smoothing);
font-size: var(--paper-font-headline_-_font-size);
font-weight: var(--paper-font-headline_-_font-weight);
letter-spacing: var(--paper-font-headline_-_letter-spacing);
line-height: var(--paper-font-headline_-_line-height);
text-rendering: var(--paper-font-common-expensive-kerning_-_text-rendering);
opacity: var(--dark-primary-opacity);
padding: 24px 16px 16px;
display: flex;
}
.name {
margin-left: 16px;
font-size: 16px;
color: var(--secondary-text-color);
}
.now { .now {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -58,12 +77,8 @@ class HaWeatherCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
top: 4px; top: 4px;
} }
.now-text {
font-size: 24px;
}
.forecast { .forecast {
margin-top: 24px; margin-top: 16px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
@ -74,7 +89,7 @@ class HaWeatherCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
} }
.forecast .icon { .forecast .icon {
margin: 8px 0; margin: 4px 0;
text-align: center; text-align: center;
} }
@ -88,7 +103,13 @@ class HaWeatherCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
color: var(--secondary-text-color); color: var(--secondary-text-color);
} }
</style> </style>
<ha-card header="[[stateObj.attributes.friendly_name]]"> <ha-card>
<div class="header">
[[computeState(stateObj.state, localize)]]
<div class="name">
[[stateObj.attributes.friendly_name]]
</div>
</div>
<div class="content"> <div class="content">
<div class="now"> <div class="now">
<div class="main"> <div class="main">
@ -120,9 +141,6 @@ class HaWeatherCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
</template> </template>
</div> </div>
</div> </div>
<div class="now-text">
[[computeState(stateObj.state, localize)]]
</div>
<template is="dom-if" if="[[forecast]]"> <template is="dom-if" if="[[forecast]]">
<div class="forecast"> <div class="forecast">
<template is="dom-repeat" items="[[forecast]]"> <template is="dom-repeat" items="[[forecast]]">

4
src/common/entity/can_toggle_state.js
View File

@ -1,5 +1,5 @@
import canToggleDomain from "./can_toggle_domain.js"; import canToggleDomain from "./can_toggle_domain";
import computeStateDomain from "./compute_state_domain.js"; import computeStateDomain from "./compute_state_domain";
export default function canToggleState(hass, stateObj) { export default function canToggleState(hass, stateObj) {
const domain = computeStateDomain(stateObj); const domain = computeStateDomain(stateObj);

8
src/common/entity/compute_state_display.js
View File

@ -1,7 +1,7 @@
import computeStateDomain from "./compute_state_domain.js"; import computeStateDomain from "./compute_state_domain";
import formatDateTime from "../datetime/format_date_time.js"; import formatDateTime from "../datetime/format_date_time";
import formatDate from "../datetime/format_date.js"; import formatDate from "../datetime/format_date";
import formatTime from "../datetime/format_time.js"; import formatTime from "../datetime/format_time";
export default function computeStateDisplay(localize, stateObj, language) { export default function computeStateDisplay(localize, stateObj, language) {
if (!stateObj._stateDisplay) { if (!stateObj._stateDisplay) {

2
src/common/entity/compute_state_domain.js
View File

@ -1,4 +1,4 @@
import computeDomain from "./compute_domain.js"; import computeDomain from "./compute_domain";
export default function computeStateDomain(stateObj) { export default function computeStateDomain(stateObj) {
return computeDomain(stateObj.entity_id); return computeDomain(stateObj.entity_id);

2
src/common/entity/cover_icon.js
View File

@ -1,5 +1,5 @@
/** Return an icon representing a cover state. */ /** Return an icon representing a cover state. */
import domainIcon from "./domain_icon.js"; import domainIcon from "./domain_icon";
export default function coverIcon(state) { export default function coverIcon(state) {
var open = state.state && state.state !== "closed"; var open = state.state && state.state !== "closed";

2
src/common/entity/domain_icon.js
View File

@ -3,7 +3,7 @@
* *
* Optionally pass in a state to influence the domain icon. * Optionally pass in a state to influence the domain icon.
*/ */
import { DEFAULT_DOMAIN_ICON } from "../const.js"; import { DEFAULT_DOMAIN_ICON } from "../const";
const fixedIcons = { const fixedIcons = {
alert: "hass:alert", alert: "hass:alert",

2
src/common/entity/extract_views.js
View File

@ -1,4 +1,4 @@
import { DEFAULT_VIEW_ENTITY_ID } from "../const.js"; import { DEFAULT_VIEW_ENTITY_ID } from "../const";
// Return an ordered array of available views // Return an ordered array of available views
export default function extractViews(entities) { export default function extractViews(entities) {

4
src/common/entity/get_view_entities.js
View File

@ -1,5 +1,5 @@
import computeDomain from "./compute_domain.js"; import computeDomain from "./compute_domain";
import getGroupEntities from "./get_group_entities.js"; import getGroupEntities from "./get_group_entities";
// Return an object containing all entities that the view will show // Return an object containing all entities that the view will show
// including embedded groups. // including embedded groups.

2
src/common/entity/input_dateteime_icon.js
View File

@ -1,5 +1,5 @@
/** Return an icon representing an input datetime state. */ /** Return an icon representing an input datetime state. */
import domainIcon from "./domain_icon.js"; import domainIcon from "./domain_icon";
export default function inputDateTimeIcon(state) { export default function inputDateTimeIcon(state) {
if (!state.attributes.has_date) { if (!state.attributes.has_date) {

4
src/common/entity/sensor_icon.js
View File

@ -1,6 +1,6 @@
/** Return an icon representing a sensor state. */ /** Return an icon representing a sensor state. */
import { UNIT_C, UNIT_F } from "../const.js"; import { UNIT_C, UNIT_F } from "../const";
import domainIcon from "./domain_icon.js"; import domainIcon from "./domain_icon";
const fixedDeviceClassIcons = { const fixedDeviceClassIcons = {
humidity: "hass:water-percent", humidity: "hass:water-percent",

2
src/common/entity/split_by_groups.js
View File

@ -1,4 +1,4 @@
import computeDomain from "./compute_domain.js"; import computeDomain from "./compute_domain";
// Split a collection into a list of groups and a 'rest' list of ungrouped // Split a collection into a list of groups and a 'rest' list of ungrouped
// entities. // entities.

6
src/common/entity/state_card_type.js
View File

@ -1,6 +1,6 @@
import canToggleState from "./can_toggle_state.js"; import canToggleState from "./can_toggle_state";
import computeStateDomain from "./compute_state_domain.js"; import computeStateDomain from "./compute_state_domain";
import { DOMAINS_WITH_CARD } from "../const.js"; import { DOMAINS_WITH_CARD } from "../const";
export default function stateCardType(hass, stateObj) { export default function stateCardType(hass, stateObj) {
if (stateObj.state === "unavailable") { if (stateObj.state === "unavailable") {

14
src/common/entity/state_icon.js
View File

@ -1,13 +1,13 @@
/** Return an icon representing a state. */ /** Return an icon representing a state. */
import { DEFAULT_DOMAIN_ICON } from "../const.js"; import { DEFAULT_DOMAIN_ICON } from "../const";
import computeDomain from "./compute_domain.js"; import computeDomain from "./compute_domain";
import domainIcon from "./domain_icon.js"; import domainIcon from "./domain_icon";
import binarySensorIcon from "./binary_sensor_icon.js"; import binarySensorIcon from "./binary_sensor_icon";
import coverIcon from "./cover_icon.js"; import coverIcon from "./cover_icon";
import sensorIcon from "./sensor_icon.js"; import sensorIcon from "./sensor_icon";
import inputDateTimeIcon from "./input_dateteime_icon.js"; import inputDateTimeIcon from "./input_dateteime_icon";
const domainIcons = { const domainIcons = {
binary_sensor: binarySensorIcon, binary_sensor: binarySensorIcon,

4
src/common/entity/state_more_info_type.js
View File

@ -1,5 +1,5 @@
import computeStateDomain from "./compute_state_domain.js"; import computeStateDomain from "./compute_state_domain";
import { DOMAINS_HIDE_MORE_INFO, DOMAINS_WITH_MORE_INFO } from "../const.js"; import { DOMAINS_HIDE_MORE_INFO, DOMAINS_WITH_MORE_INFO } from "../const";
export default function stateMoreInfoType(stateObj) { export default function stateMoreInfoType(stateObj) {
const domain = computeStateDomain(stateObj); const domain = computeStateDomain(stateObj);

2
src/common/entity/states_sort_by_name.js
View File

@ -5,7 +5,7 @@
* const states = [state1, state2] * const states = [state1, state2]
* states.sort(statesSortByName); * states.sort(statesSortByName);
*/ */
import computeStateName from "./compute_state_name.js"; import computeStateName from "./compute_state_name";
export default function sortStatesByName(entityA, entityB) { export default function sortStatesByName(entityA, entityB) {
const nameA = computeStateName(entityA); const nameA = computeStateName(entityA);

2
src/common/entity/timer_time_remaining.js
View File

@ -1,4 +1,4 @@
import durationToSeconds from "../datetime/duration_to_seconds.js"; import durationToSeconds from "../datetime/duration_to_seconds";
export default function timerTimeRemaining(stateObj) { export default function timerTimeRemaining(stateObj) {
let timeRemaining = durationToSeconds(stateObj.attributes.remaining); let timeRemaining = durationToSeconds(stateObj.attributes.remaining);

14
src/common/navigate.ts Normal file
View File

@ -0,0 +1,14 @@
import { fireEvent } from "./dom/fire_event";
export const navigate = (
node: HTMLElement,
path: string,
replace: boolean = false
) => {
if (replace) {
history.replaceState(null, "", path);
} else {
history.pushState(null, "", path);
}
fireEvent(node, "location-changed");
};

48
src/common/util/parse-aspect-ratio.js
View File

@ -1,24 +1,24 @@
export default function parseAspectRatio(input) { export default function parseAspectRatio(input) {
// Handle 16x9, 16:9, 1.78x1, 1.78:1, 1.78 // Handle 16x9, 16:9, 1.78x1, 1.78:1, 1.78
// Ignore everything else // Ignore everything else
function parseOrThrow(number) { function parseOrThrow(number) {
const parsed = parseFloat(number); const parsed = parseFloat(number);
if (isNaN(parsed)) throw new Error(`${number} is not a number`); if (isNaN(parsed)) throw new Error(`${number} is not a number`);
return parsed; return parsed;
} }
try { try {
if (input) { if (input) {
const arr = input.replace(":", "x").split("x"); const arr = input.replace(":", "x").split("x");
if (arr.length === 0) { if (arr.length === 0) {
return null; return null;
} }
return arr.length === 1 return arr.length === 1
? { w: parseOrThrow(arr[0]), h: 1 } ? { w: parseOrThrow(arr[0]), h: 1 }
: { w: parseOrThrow(arr[0]), h: parseOrThrow(arr[1]) }; : { w: parseOrThrow(arr[0]), h: parseOrThrow(arr[1]) };
} }
} catch (err) { } catch (err) {
// Ignore the error // Ignore the error
} }
return null; return null;
} }

4
src/components/buttons/ha-call-api-button.js
View File

@ -1,7 +1,7 @@
import { LitElement, html } from "@polymer/lit-element"; import { LitElement, html } from "@polymer/lit-element";
import "./ha-progress-button.js"; import "./ha-progress-button";
import { fireEvent } from "../../common/dom/fire_event.js"; import { fireEvent } from "../../common/dom/fire_event";
class HaCallApiButton extends LitElement { class HaCallApiButton extends LitElement {
render() { render() {

8
src/components/buttons/ha-call-service-button.js
View File

@ -1,8 +1,8 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "./ha-progress-button.js"; import "./ha-progress-button";
import EventsMixin from "../../mixins/events-mixin.js"; import EventsMixin from "../../mixins/events-mixin";
/* /*
* @appliesMixin EventsMixin * @appliesMixin EventsMixin

8
src/components/buttons/ha-progress-button.js
View File

@ -1,7 +1,7 @@
import "@polymer/paper-button/paper-button.js"; import "@polymer/paper-button/paper-button";
import "@polymer/paper-spinner/paper-spinner.js"; import "@polymer/paper-spinner/paper-spinner";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaProgressButton extends PolymerElement { class HaProgressButton extends PolymerElement {
static get template() { static get template() {

16
src/components/entity/ha-chart-base.js
View File

@ -1,12 +1,12 @@
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import { IronResizableBehavior } from "@polymer/iron-resizable-behavior/iron-resizable-behavior.js"; import { IronResizableBehavior } from "@polymer/iron-resizable-behavior/iron-resizable-behavior";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js"; import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
import { timeOut } from "@polymer/polymer/lib/utils/async.js"; import { timeOut } from "@polymer/polymer/lib/utils/async";
import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class.js"; import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class";
import formatTime from "../../common/datetime/format_time.js"; import formatTime from "../../common/datetime/format_time";
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
/* global Chart moment Color */ /* global Chart moment Color */

25
src/components/entity/ha-entity-picker.js
View File

@ -1,16 +1,16 @@
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import "@polymer/paper-input/paper-input.js"; import "@polymer/paper-input/paper-input";
import "@polymer/paper-item/paper-icon-item.js"; import "@polymer/paper-item/paper-icon-item";
import "@polymer/paper-item/paper-item-body.js"; import "@polymer/paper-item/paper-item-body";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "@vaadin/vaadin-combo-box/vaadin-combo-box-light.js"; import "@vaadin/vaadin-combo-box/vaadin-combo-box-light";
import "./state-badge.js"; import "./state-badge";
import computeStateName from "../../common/entity/compute_state_name.js"; import computeStateName from "../../common/entity/compute_state_name";
import LocalizeMixin from "../../mixins/localize-mixin.js"; import LocalizeMixin from "../../mixins/localize-mixin";
import EventsMixin from "../../mixins/events-mixin.js"; import EventsMixin from "../../mixins/events-mixin";
/* /*
* @appliesMixin LocalizeMixin * @appliesMixin LocalizeMixin
@ -38,7 +38,7 @@ class HaEntityPicker extends EventsMixin(LocalizeMixin(PolymerElement)) {
allow-custom-value="[[allowCustomEntity]]" allow-custom-value="[[allowCustomEntity]]"
on-change='_fireChanged' on-change='_fireChanged'
> >
<paper-input <paper-input
autofocus="[[autofocus]]" autofocus="[[autofocus]]"
label="[[_computeLabel(label, localize)]]" label="[[_computeLabel(label, localize)]]"
class="input" class="input"
@ -55,6 +55,7 @@ class HaEntityPicker extends EventsMixin(LocalizeMixin(PolymerElement)) {
<style> <style>
paper-icon-item { paper-icon-item {
margin: -10px; margin: -10px;
padding: 0;
} }
</style> </style>
<paper-icon-item> <paper-icon-item>

12
src/components/entity/ha-entity-toggle.js
View File

@ -1,10 +1,10 @@
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import "@polymer/paper-toggle-button/paper-toggle-button.js"; import "@polymer/paper-toggle-button/paper-toggle-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import { STATES_OFF } from "../../common/const.js"; import { STATES_OFF } from "../../common/const";
import computeStateDomain from "../../common/entity/compute_state_domain.js"; import computeStateDomain from "../../common/entity/compute_state_domain";
class HaEntityToggle extends PolymerElement { class HaEntityToggle extends PolymerElement {
static get template() { static get template() {

8
src/components/entity/ha-state-icon.js
View File

@ -1,8 +1,8 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../ha-icon.js"; import "../ha-icon";
import stateIcon from "../../common/entity/state_icon.js"; import stateIcon from "../../common/entity/state_icon";
class HaStateIcon extends PolymerElement { class HaStateIcon extends PolymerElement {
static get template() { static get template() {

24
src/components/entity/ha-state-label-badge.js
View File

@ -1,18 +1,18 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../ha-label-badge.js"; import "../ha-label-badge";
import computeStateDomain from "../../common/entity/compute_state_domain.js"; import computeStateDomain from "../../common/entity/compute_state_domain";
import computeStateName from "../../common/entity/compute_state_name.js"; import computeStateName from "../../common/entity/compute_state_name";
import domainIcon from "../../common/entity/domain_icon.js"; import domainIcon from "../../common/entity/domain_icon";
import stateIcon from "../../common/entity/state_icon.js"; import stateIcon from "../../common/entity/state_icon";
import timerTimeRemaining from "../../common/entity/timer_time_remaining.js"; import timerTimeRemaining from "../../common/entity/timer_time_remaining";
import attributeClassNames from "../../common/entity/attribute_class_names.js"; import attributeClassNames from "../../common/entity/attribute_class_names";
import secondsToDuration from "../../common/datetime/seconds_to_duration.js"; import secondsToDuration from "../../common/datetime/seconds_to_duration";
import EventsMixin from "../../mixins/events-mixin.js"; import EventsMixin from "../../mixins/events-mixin";
import LocalizeMixin from "../../mixins/localize-mixin.js"; import LocalizeMixin from "../../mixins/localize-mixin";
/* /*
* @appliesMixin LocalizeMixin * @appliesMixin LocalizeMixin

10
src/components/entity/state-badge.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../ha-icon.js"; import "../ha-icon";
import computeStateDomain from "../../common/entity/compute_state_domain.js"; import computeStateDomain from "../../common/entity/compute_state_domain";
import stateIcon from "../../common/entity/state_icon.js"; import stateIcon from "../../common/entity/state_icon";
class StateBadge extends PolymerElement { class StateBadge extends PolymerElement {
static get template() { static get template() {

10
src/components/entity/state-info.js
View File

@ -1,9 +1,9 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../ha-relative-time.js"; import "../ha-relative-time";
import "./state-badge.js"; import "./state-badge";
import computeStateName from "../../common/entity/compute_state_name.js"; import computeStateName from "../../common/entity/compute_state_name";
class StateInfo extends PolymerElement { class StateInfo extends PolymerElement {
static get template() { static get template() {

8
src/components/ha-attributes.js
View File

@ -1,8 +1,8 @@
import "@polymer/iron-flex-layout/iron-flex-layout-classes.js"; import "@polymer/iron-flex-layout/iron-flex-layout-classes";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import hassAttributeUtil from "../util/hass-attributes-util.js"; import hassAttributeUtil from "../util/hass-attributes-util";
class HaAttributes extends PolymerElement { class HaAttributes extends PolymerElement {
static get template() { static get template() {

6
src/components/ha-card.js
View File

@ -1,6 +1,6 @@
import "@polymer/paper-styles/element-styles/paper-material-styles.js"; import "@polymer/paper-styles/element-styles/paper-material-styles";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaCard extends PolymerElement { class HaCard extends PolymerElement {
static get template() { static get template() {

22
src/components/ha-cards.js
View File

@ -1,16 +1,16 @@
import "@polymer/iron-flex-layout/iron-flex-layout-classes.js"; import "@polymer/iron-flex-layout/iron-flex-layout-classes";
import { timeOut } from "@polymer/polymer/lib/utils/async.js"; import { timeOut } from "@polymer/polymer/lib/utils/async";
import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js"; import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import "../cards/ha-badges-card.js"; import "../cards/ha-badges-card";
import "../cards/ha-card-chooser.js"; import "../cards/ha-card-chooser";
import "./ha-demo-badge.js"; import "./ha-demo-badge";
import computeStateDomain from "../common/entity/compute_state_domain.js"; import computeStateDomain from "../common/entity/compute_state_domain";
import splitByGroups from "../common/entity/split_by_groups.js"; import splitByGroups from "../common/entity/split_by_groups";
import getGroupEntities from "../common/entity/get_group_entities.js"; import getGroupEntities from "../common/entity/get_group_entities";
// mapping domain to size of the card. // mapping domain to size of the card.
const DOMAINS_WITH_CARD = { const DOMAINS_WITH_CARD = {

10
src/components/ha-climate-control.js
View File

@ -1,9 +1,9 @@
import "@polymer/iron-flex-layout/iron-flex-layout-classes.js"; import "@polymer/iron-flex-layout/iron-flex-layout-classes";
import "@polymer/paper-icon-button/paper-icon-button.js"; import "@polymer/paper-icon-button/paper-icon-button";
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import EventsMixin from "../mixins/events-mixin.js"; import EventsMixin from "../mixins/events-mixin";
/* /*
* @appliesMixin EventsMixin * @appliesMixin EventsMixin

6
src/components/ha-climate-state.js
View File

@ -1,7 +1,7 @@
import { html } from "@polymer/polymer/lib/utils/html-tag.js"; import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element.js"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import LocalizeMixin from "../mixins/localize-mixin.js"; import LocalizeMixin from "../mixins/localize-mixin";
/* /*
* @appliesMixin LocalizeMixin * @appliesMixin LocalizeMixin

Some files were not shown because too many files have changed in this diff Show More