Add link to conference (#7636)

src/panels/config/cloud/account/cloud-account.js

@@ -61,12 +61,10 @@ class CloudAccount extends EventsMixin(LocalizeMixin(PolymerElement)) {
           color: var(--primary-color);
         }
       </style>
-      <hass-subpage header="[[localize('ui.panel.config.cloud.caption')]]">
+      <hass-subpage header="Home Assistant Cloud">
         <div class="content">
           <ha-config-section is-wide="[[isWide]]">
-            <span slot="header"
-              >[[localize('ui.panel.config.cloud.caption')]]</span
-            >
+            <span slot="header">Home Assistant Cloud</span>
             <div slot="introduction">
               <p>
                 [[localize('ui.panel.config.cloud.account.thank_you_note')]]

src/panels/config/cloud/login/cloud-login.js

@@ -76,12 +76,10 @@ class CloudLogin extends LocalizeMixin(
           left: 8px;
         }
       </style>
-      <hass-subpage header="[[localize('ui.panel.config.cloud.caption')]]">
+      <hass-subpage header="Home Assistant Cloud">
         <div class="content">
           <ha-config-section is-wide="[[isWide]]">
-            <span slot="header"
-              >[[localize('ui.panel.config.cloud.caption')]]</span
-            >
+            <span slot="header">Home Assistant Cloud</span>
             <div slot="introduction">
               <p>
                 [[localize('ui.panel.config.cloud.login.introduction')]]

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 {
             </ha-card>
           `
         : ""}
+      ${CONF_HAPPENING
+        ? html`
+            <ha-card class="conf-card"
+              ><a
+                target="_blank"
+                href="https://www.home-assistant.io/conference"
+                rel="noopener noreferrer"
+              >
+                <img src="/static/images/conference.png" />
+                <div class="carrot"><ha-icon-next></ha-icon-next></div></a
+            ></ha-card>
+          `
+        : ""}
       ${Object.values(configSections).map(
         (section) => html`
           <ha-card>
@@ -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);

src/panels/config/dashboard/ha-config-navigation.ts

@@ -43,7 +43,8 @@ class HaConfigNavigation extends LitElement {
                     slot="item-icon"
                   ></ha-svg-icon>
                   <paper-item-body two-line>
-                    ${this.hass.localize(
+                    ${page.name ||
+                    this.hass.localize(
                       page.translationKey ||
                         `ui.panel.config.${page.component}.caption`
                     )}

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.",