From 5d58dfab3e063eacee4c032615e4132cc20e4a50 Mon Sep 17 00:00:00 2001 From: Yosi Levy Date: Wed, 13 Feb 2019 19:56:12 +0000 Subject: [PATCH 1/5] New arrow and chevron next+prev components --- demo/src/custom-cards/ha-demo-card.ts | 13 ++++++------- src/auth/ha-pick-auth-provider.js | 3 ++- src/dialogs/more-info/more-info-settings.js | 6 +++--- src/layouts/hass-subpage.js | 7 ++++--- .../config/automation/ha-automation-editor.ts | 6 +++--- .../config/automation/ha-automation-picker.js | 12 +++++++----- .../config/cloud/ha-config-cloud-login.js | 4 ++-- .../ha-config-entries-dashboard.js | 3 ++- .../config/customize/ha-config-customize.js | 6 +++--- .../config/dashboard/ha-config-dashboard.js | 7 ++++--- .../config/dashboard/ha-config-navigation.js | 4 +++- src/panels/config/script/ha-script-editor.js | 6 +++--- src/panels/config/script/ha-script-picker.js | 9 +++++---- src/panels/config/users/ha-user-picker.js | 3 ++- src/panels/config/zha/ha-config-zha.ts | 6 +++--- src/panels/config/zwave/ha-config-zwave.js | 6 +++--- .../notifications/hui-notification-drawer.js | 3 ++- src/panels/lovelace/hui-root.ts | 18 +++++++----------- 18 files changed, 64 insertions(+), 58 deletions(-) diff --git a/demo/src/custom-cards/ha-demo-card.ts b/demo/src/custom-cards/ha-demo-card.ts index e997d86eae..02ff4c1e78 100644 --- a/demo/src/custom-cards/ha-demo-card.ts +++ b/demo/src/custom-cards/ha-demo-card.ts @@ -10,6 +10,8 @@ import "@polymer/paper-icon-button"; import "@polymer/paper-button"; import "@polymer/paper-spinner/paper-spinner-lite"; import "../../../src/components/ha-card"; +import "../../../src/components/ha-paper-icon-button-next"; +import "../../../src/components/ha-paper-icon-button-prev"; import { LovelaceCard, Lovelace } from "../../../src/panels/lovelace/types"; import { LovelaceCardConfig } from "../../../src/data/lovelace"; import { MockHomeAssistant } from "../../../src/fake_data/provide_hass"; @@ -47,12 +49,10 @@ export class HADemoCard extends LitElement implements LovelaceCard { return html`
- + >
${this._switching ? html` @@ -73,11 +73,10 @@ export class HADemoCard extends LitElement implements LovelaceCard { "" )}
- + >
Welcome home! You've reached the Home Assistant demo where we showcase diff --git a/src/auth/ha-pick-auth-provider.js b/src/auth/ha-pick-auth-provider.js index 6e63f3a1d5..e7469b0637 100644 --- a/src/auth/ha-pick-auth-provider.js +++ b/src/auth/ha-pick-auth-provider.js @@ -5,6 +5,7 @@ import { PolymerElement } from "@polymer/polymer/polymer-element"; import EventsMixin from "../mixins/events-mixin"; import { localizeLiteMixin } from "../mixins/localize-lite-mixin"; +import "../components/ha-icon-next"; /* * @appliesMixin EventsMixin @@ -26,7 +27,7 @@ class HaPickAuthProvider extends EventsMixin( `; diff --git a/src/dialogs/more-info/more-info-settings.js b/src/dialogs/more-info/more-info-settings.js index 878b3a2b8c..0aba71657a 100644 --- a/src/dialogs/more-info/more-info-settings.js +++ b/src/dialogs/more-info/more-info-settings.js @@ -13,6 +13,7 @@ import computeDomain from "../../common/entity/compute_domain"; import isComponentLoaded from "../../common/config/is_component_loaded"; import { updateEntityRegistryEntry } from "../../data/entity_registry"; +import "../../components/ha-paper-icon-button-arrow-prev"; /* * @appliesMixin EventsMixin * @appliesMixin LocalizeMixin @@ -44,10 +45,9 @@ class MoreInfoSettings extends LocalizeMixin(EventsMixin(PolymerElement)) { - + >
[[_computeStateName(stateObj)]]
[[localize('ui.dialogs.more_info_settings.save')]] - + >
[[header]]
 diff --git a/src/panels/config/automation/ha-automation-editor.ts b/src/panels/config/automation/ha-automation-editor.ts index 4d00ececa8..aca9d44726 100644 --- a/src/panels/config/automation/ha-automation-editor.ts +++ b/src/panels/config/automation/ha-automation-editor.ts @@ -14,6 +14,7 @@ import "@polymer/paper-fab/paper-fab"; import { h, render } from "preact"; +import "../../../components/ha-paper-icon-button-arrow-prev"; import "../../../layouts/ha-app-layout"; import Automation from "../js/automation"; @@ -72,10 +73,9 @@ class HaAutomationEditor extends LitElement { - + >
${this.automation ? computeStateName(this.automation) diff --git a/src/panels/config/automation/ha-automation-picker.js b/src/panels/config/automation/ha-automation-picker.js index d2dcbff6a3..0c32beecbe 100644 --- a/src/panels/config/automation/ha-automation-picker.js +++ b/src/panels/config/automation/ha-automation-picker.js @@ -9,13 +9,17 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../components/ha-markdown"; +import "../../../components/ha-paper-icon-button-arrow-prev"; import "../../../layouts/ha-app-layout"; import "../ha-config-section"; +import "../../../components/ha-icon-next"; + import NavigateMixin from "../../../mixins/navigate-mixin"; import LocalizeMixin from "../../../mixins/localize-mixin"; import computeStateName from "../../../common/entity/compute_state_name"; + /* * @appliesMixin LocalizeMixin * @appliesMixin NavigateMixin @@ -56,10 +60,8 @@ class HaAutomationPicker extends LocalizeMixin(NavigateMixin(PolymerElement)) { - + +
[[localize('ui.panel.config.automation.caption')]]
@@ -92,7 +94,7 @@ class HaAutomationPicker extends LocalizeMixin(NavigateMixin(PolymerElement)) {
[[computeName(automation)]]
[[computeDescription(automation)]]
- + diff --git a/src/panels/config/cloud/ha-config-cloud-login.js b/src/panels/config/cloud/ha-config-cloud-login.js index 549569ee7c..50ef380658 100644 --- a/src/panels/config/cloud/ha-config-cloud-login.js +++ b/src/panels/config/cloud/ha-config-cloud-login.js @@ -15,7 +15,7 @@ import "../../../resources/ha-style"; import "../ha-config-section"; import EventsMixin from "../../../mixins/events-mixin"; import NavigateMixin from "../../../mixins/navigate-mixin"; - +import "../../../components/ha-icon-next"; /* * @appliesMixin NavigateMixin * @appliesMixin EventsMixin @@ -147,7 +147,7 @@ class HaConfigCloudLogin extends NavigateMixin(EventsMixin(PolymerElement)) { Start your free 1 month trial
No payment information necessary
- + diff --git a/src/panels/config/config-entries/ha-config-entries-dashboard.js b/src/panels/config/config-entries/ha-config-entries-dashboard.js index b75f072688..f23763e210 100644 --- a/src/panels/config/config-entries/ha-config-entries-dashboard.js +++ b/src/panels/config/config-entries/ha-config-entries-dashboard.js @@ -11,6 +11,7 @@ import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../components/entity/ha-state-icon"; import "../../../layouts/hass-subpage"; import "../../../resources/ha-style"; +import "../../../components/ha-icon-next"; import "../ha-config-section"; import EventsMixin from "../../../mixins/events-mixin"; @@ -111,7 +112,7 @@ class HaConfigManagerDashboard extends LocalizeMixin(
- + diff --git a/src/panels/config/customize/ha-config-customize.js b/src/panels/config/customize/ha-config-customize.js index b4419fc58b..ed34bf1704 100644 --- a/src/panels/config/customize/ha-config-customize.js +++ b/src/panels/config/customize/ha-config-customize.js @@ -6,6 +6,7 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../resources/ha-style"; +import "../../../components/ha-paper-icon-button-arrow-prev"; import "../ha-config-section"; import "../ha-entity-config"; @@ -27,10 +28,9 @@ class HaConfigCustomize extends LocalizeMixin(PolymerElement) { - + >
[[localize('ui.panel.config.customize.caption')]]
diff --git a/src/panels/config/dashboard/ha-config-dashboard.js b/src/panels/config/dashboard/ha-config-dashboard.js index f6338ba5f9..e931f4d54e 100644 --- a/src/panels/config/dashboard/ha-config-dashboard.js +++ b/src/panels/config/dashboard/ha-config-dashboard.js @@ -9,6 +9,7 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../components/ha-menu-button"; +import "../../../components/ha-icon-next"; import "../ha-config-section"; import "./ha-config-navigation"; @@ -66,7 +67,7 @@ class HaConfigDashboard extends NavigateMixin(LocalizeMixin(PolymerElement)) {
- + @@ -81,7 +82,7 @@ class HaConfigDashboard extends NavigateMixin(LocalizeMixin(PolymerElement)) { [[localize('ui.panel.config.integrations.description')]] - + @@ -93,7 +94,7 @@ class HaConfigDashboard extends NavigateMixin(LocalizeMixin(PolymerElement)) { [[localize('ui.panel.config.users.description')]] - + diff --git a/src/panels/config/dashboard/ha-config-navigation.js b/src/panels/config/dashboard/ha-config-navigation.js index eb74814757..083e4e0487 100644 --- a/src/panels/config/dashboard/ha-config-navigation.js +++ b/src/panels/config/dashboard/ha-config-navigation.js @@ -10,6 +10,8 @@ import LocalizeMixin from "../../../mixins/localize-mixin"; import isComponentLoaded from "../../../common/config/is_component_loaded"; +import "../../../components/ha-icon-next"; + const CORE_PAGES = ["core", "customize", "entity_registry", "area_registry"]; /* * @appliesMixin LocalizeMixin @@ -34,7 +36,7 @@ class HaConfigNavigation extends LocalizeMixin(NavigateMixin(PolymerElement)) { [[_computeCaption(item, localize)]]
[[_computeDescription(item, localize)]]
- + diff --git a/src/panels/config/script/ha-script-editor.js b/src/panels/config/script/ha-script-editor.js index 120b461a36..079583149a 100644 --- a/src/panels/config/script/ha-script-editor.js +++ b/src/panels/config/script/ha-script-editor.js @@ -7,6 +7,7 @@ import { PolymerElement } from "@polymer/polymer/polymer-element"; import { h, render } from "preact"; import "../../../layouts/ha-app-layout"; +import "../../../components/ha-paper-icon-button-arrow-prev"; import Script from "../js/script"; import unmountPreact from "../../../common/preact/unmount"; @@ -85,10 +86,9 @@ class HaScriptEditor extends LocalizeMixin(NavigateMixin(PolymerElement)) { - + >
Script [[computeName(script)]]
 diff --git a/src/panels/config/script/ha-script-picker.js b/src/panels/config/script/ha-script-picker.js index 1217b62089..7b3c439bfb 100644 --- a/src/panels/config/script/ha-script-picker.js +++ b/src/panels/config/script/ha-script-picker.js @@ -9,6 +9,8 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../layouts/ha-app-layout"; +import "../../../components/ha-icon-next"; +import "../../../components/ha-paper-icon-button-arrow-prev"; import "../ha-config-section"; @@ -52,10 +54,9 @@ class HaScriptPicker extends LocalizeMixin(NavigateMixin(PolymerElement)) { - + >
[[localize('ui.panel.config.script.caption')]]
@@ -86,7 +87,7 @@ class HaScriptPicker extends LocalizeMixin(NavigateMixin(PolymerElement)) {
[[computeName(script)]]
[[computeDescription(script)]]
- + diff --git a/src/panels/config/users/ha-user-picker.js b/src/panels/config/users/ha-user-picker.js index 1a7185264a..60102c2e63 100644 --- a/src/panels/config/users/ha-user-picker.js +++ b/src/panels/config/users/ha-user-picker.js @@ -6,6 +6,7 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../layouts/hass-subpage"; +import "../../../components/ha-icon-next"; import LocalizeMixin from "../../../mixins/localize-mixin"; import NavigateMixin from "../../../mixins/navigate-mixin"; @@ -59,7 +60,7 @@ class HaUserPicker extends EventsMixin( - + diff --git a/src/panels/config/zha/ha-config-zha.ts b/src/panels/config/zha/ha-config-zha.ts index 23ae151636..25b61a1f2a 100755 --- a/src/panels/config/zha/ha-config-zha.ts +++ b/src/panels/config/zha/ha-config-zha.ts @@ -12,6 +12,7 @@ import { HassEntity } from "home-assistant-js-websocket"; import { HASSDomEvent } from "../../../common/dom/fire_event"; import { Cluster } from "../../../data/zha"; import "../../../layouts/ha-app-layout"; +import "../../../components/ha-paper-icon-button-arrow-prev"; import { haStyle } from "../../../resources/ha-style"; import { HomeAssistant } from "../../../types"; import { @@ -46,10 +47,9 @@ export class HaConfigZha extends LitElement { - + >
Zigbee Home Automation
 diff --git a/src/panels/config/zwave/ha-config-zwave.js b/src/panels/config/zwave/ha-config-zwave.js index dc82a3ca2b..8a03b610ae 100644 --- a/src/panels/config/zwave/ha-config-zwave.js +++ b/src/panels/config/zwave/ha-config-zwave.js @@ -12,6 +12,7 @@ import { PolymerElement } from "@polymer/polymer/polymer-element"; import "../../../components/buttons/ha-call-service-button"; import "../../../components/ha-menu-button"; import "../../../components/ha-service-description"; +import "../../../components/ha-paper-icon-button-arrow-prev"; import "../../../layouts/ha-app-layout"; import "../../../resources/ha-style"; @@ -85,10 +86,9 @@ class HaConfigZwave extends LocalizeMixin(EventsMixin(PolymerElement)) { - + >
[[localize('ui.panel.config.zwave.caption')]]
diff --git a/src/panels/lovelace/components/notifications/hui-notification-drawer.js b/src/panels/lovelace/components/notifications/hui-notification-drawer.js index dc561fa06d..b956eb9a81 100644 --- a/src/panels/lovelace/components/notifications/hui-notification-drawer.js +++ b/src/panels/lovelace/components/notifications/hui-notification-drawer.js @@ -6,6 +6,7 @@ import { html } from "@polymer/polymer/lib/utils/html-tag"; import { PolymerElement } from "@polymer/polymer/polymer-element"; import "./hui-notification-item"; +import "../../../../components/ha-paper-icon-button-next"; import EventsMixin from "../../../../mixins/events-mixin"; import LocalizeMixin from "../../../../mixins/localize-mixin"; @@ -121,7 +122,7 @@ export class HuiNotificationDrawer extends EventsMixin(
[[localize('ui.notification_drawer.title')]]
- +