diff --git a/public/static/images/conference.png b/public/static/images/conference.png new file mode 100644 index 0000000000..591028a8b7 Binary files /dev/null and b/public/static/images/conference.png differ diff --git a/src/panels/config/cloud/account/cloud-account.js b/src/panels/config/cloud/account/cloud-account.js index fda5256c36..b919b3d463 100644 --- a/src/panels/config/cloud/account/cloud-account.js +++ b/src/panels/config/cloud/account/cloud-account.js @@ -61,12 +61,10 @@ class CloudAccount extends EventsMixin(LocalizeMixin(PolymerElement)) { color: var(--primary-color); } - +
- [[localize('ui.panel.config.cloud.caption')]] + Home Assistant Cloud

[[localize('ui.panel.config.cloud.account.thank_you_note')]] diff --git a/src/panels/config/cloud/login/cloud-login.js b/src/panels/config/cloud/login/cloud-login.js index 3b060d9bd1..eb84940803 100644 --- a/src/panels/config/cloud/login/cloud-login.js +++ b/src/panels/config/cloud/login/cloud-login.js @@ -76,12 +76,10 @@ class CloudLogin extends LocalizeMixin( left: 8px; } - +

- [[localize('ui.panel.config.cloud.caption')]] + Home Assistant Cloud

[[localize('ui.panel.config.cloud.login.introduction')]] diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts index 309b9e4c15..f16118a47d 100644 --- a/src/panels/config/dashboard/ha-config-dashboard.ts +++ b/src/panels/config/dashboard/ha-config-dashboard.ts @@ -22,6 +22,8 @@ import { configSections } from "../ha-panel-config"; import "./ha-config-navigation"; import { mdiCloudLock } from "@mdi/js"; +const CONF_HAPPENING = new Date() < new Date("2020-12-13T23:00:00Z"); + @customElement("ha-config-dashboard") class HaConfigDashboard extends LitElement { @property({ attribute: false }) public hass!: HomeAssistant; @@ -58,7 +60,7 @@ class HaConfigDashboard extends LitElement { { component: "cloud", path: "/config/cloud", - translationKey: "ui.panel.config.cloud.caption", + name: "Home Assistant Cloud", info: this.cloudStatus, iconPath: mdiCloudLock, }, @@ -67,6 +69,19 @@ class HaConfigDashboard extends LitElement { ` : ""} + ${CONF_HAPPENING + ? html` + + +

+ ` + : ""} ${Object.values(configSections).map( (section) => html` @@ -165,6 +180,22 @@ class HaConfigDashboard extends LitElement { text-decoration: none; color: var(--primary-text-color); } + .conf-card { + position: relative; + } + .conf-card img { + display: block; + width: 100%; + } + .conf-card .carrot { + position: absolute; + top: 0; + right: 16px; + bottom: 0; + display: flex; + align-items: center; + color: white; + } .promo-advanced { text-align: center; color: var(--secondary-text-color); diff --git a/src/panels/config/dashboard/ha-config-navigation.ts b/src/panels/config/dashboard/ha-config-navigation.ts index b5ce582e20..b348ada115 100644 --- a/src/panels/config/dashboard/ha-config-navigation.ts +++ b/src/panels/config/dashboard/ha-config-navigation.ts @@ -43,7 +43,8 @@ class HaConfigNavigation extends LitElement { slot="item-icon" > - ${this.hass.localize( + ${page.name || + this.hass.localize( page.translationKey || `ui.panel.config.${page.component}.caption` )} diff --git a/src/translations/en.json b/src/translations/en.json index 8c20dcf744..ecc1c19390 100755 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -1504,7 +1504,6 @@ } }, "cloud": { - "caption": "Home Assistant Cloud", "description_login": "Logged in as {email}", "description_not_login": "Not logged in", "description_features": "Control away from home, integrate with Alexa and Google Assistant.",