fix analytics translations in onboarding (#16086)

This commit is contained in:
Bram Kragten 2023-04-06 14:41:38 +02:00 committed by GitHub
parent c7b3c4df27
commit 4c702ac7c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 13 deletions

View File

@ -2,9 +2,9 @@ import "@lrnwebcomponents/simple-tooltip/simple-tooltip";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import { fireEvent } from "../common/dom/fire_event"; import { fireEvent } from "../common/dom/fire_event";
import { LocalizeFunc } from "../common/translations/localize";
import type { Analytics, AnalyticsPreferences } from "../data/analytics"; import type { Analytics, AnalyticsPreferences } from "../data/analytics";
import { haStyle } from "../resources/styles"; import { haStyle } from "../resources/styles";
import type { HomeAssistant } from "../types";
import "./ha-settings-row"; import "./ha-settings-row";
import "./ha-switch"; import "./ha-switch";
import type { HaSwitch } from "./ha-switch"; import type { HaSwitch } from "./ha-switch";
@ -19,7 +19,7 @@ declare global {
@customElement("ha-analytics") @customElement("ha-analytics")
export class HaAnalytics extends LitElement { export class HaAnalytics extends LitElement {
@property({ attribute: false }) public hass!: HomeAssistant; @property({ attribute: false }) public localize!: LocalizeFunc;
@property({ attribute: false }) public analytics?: Analytics; @property({ attribute: false }) public analytics?: Analytics;
@ -34,12 +34,12 @@ export class HaAnalytics extends LitElement {
return html` return html`
<ha-settings-row> <ha-settings-row>
<span slot="heading" data-for="base"> <span slot="heading" data-for="base">
${this.hass.localize( ${this.localize(
`ui.panel.${this.translationKeyPanel}.analytics.preferences.base.title` `ui.panel.${this.translationKeyPanel}.analytics.preferences.base.title`
)} )}
</span> </span>
<span slot="description" data-for="base"> <span slot="description" data-for="base">
${this.hass.localize( ${this.localize(
`ui.panel.${this.translationKeyPanel}.analytics.preferences.base.description` `ui.panel.${this.translationKeyPanel}.analytics.preferences.base.description`
)} )}
</span> </span>
@ -57,12 +57,12 @@ export class HaAnalytics extends LitElement {
html` html`
<ha-settings-row> <ha-settings-row>
<span slot="heading" data-for=${preference}> <span slot="heading" data-for=${preference}>
${this.hass.localize( ${this.localize(
`ui.panel.${this.translationKeyPanel}.analytics.preferences.${preference}.title` `ui.panel.${this.translationKeyPanel}.analytics.preferences.${preference}.title`
)} )}
</span> </span>
<span slot="description" data-for=${preference}> <span slot="description" data-for=${preference}>
${this.hass.localize( ${this.localize(
`ui.panel.${this.translationKeyPanel}.analytics.preferences.${preference}.description` `ui.panel.${this.translationKeyPanel}.analytics.preferences.${preference}.description`
)} )}
</span> </span>
@ -77,7 +77,7 @@ export class HaAnalytics extends LitElement {
${!baseEnabled ${!baseEnabled
? html` ? html`
<simple-tooltip animation-delay="0" position="right"> <simple-tooltip animation-delay="0" position="right">
${this.hass.localize( ${this.localize(
`ui.panel.${this.translationKeyPanel}.analytics.need_base_enabled` `ui.panel.${this.translationKeyPanel}.analytics.need_base_enabled`
)} )}
</simple-tooltip> </simple-tooltip>
@ -89,12 +89,12 @@ export class HaAnalytics extends LitElement {
)} )}
<ha-settings-row> <ha-settings-row>
<span slot="heading" data-for="diagnostics"> <span slot="heading" data-for="diagnostics">
${this.hass.localize( ${this.localize(
`ui.panel.${this.translationKeyPanel}.analytics.preferences.diagnostics.title` `ui.panel.${this.translationKeyPanel}.analytics.preferences.diagnostics.title`
)} )}
</span> </span>
<span slot="description" data-for="diagnostics"> <span slot="description" data-for="diagnostics">
${this.hass.localize( ${this.localize(
`ui.panel.${this.translationKeyPanel}.analytics.preferences.diagnostics.description` `ui.panel.${this.translationKeyPanel}.analytics.preferences.diagnostics.description`
)} )}
</span> </span>

View File

@ -23,11 +23,11 @@ class OnboardingAnalytics extends LitElement {
protected render(): TemplateResult { protected render(): TemplateResult {
return html` return html`
<p>${this.hass.localize("ui.panel.page-onboarding.analytics.intro")}</p> <p>${this.localize("ui.panel.page-onboarding.analytics.intro")}</p>
<ha-analytics <ha-analytics
translation_key_panel="page-onboarding" translation_key_panel="page-onboarding"
@analytics-preferences-changed=${this._preferencesChanged} @analytics-preferences-changed=${this._preferencesChanged}
.hass=${this.hass} .localize=${this.localize}
.analytics=${this._analyticsDetails} .analytics=${this._analyticsDetails}
> >
</ha-analytics> </ha-analytics>
@ -41,7 +41,7 @@ class OnboardingAnalytics extends LitElement {
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
${this.hass.localize("ui.panel.page-onboarding.analytics.learn_more")} ${this.localize("ui.panel.page-onboarding.analytics.learn_more")}
</a> </a>
</div> </div>
`; `;

View File

@ -45,7 +45,7 @@ class ConfigAnalytics extends LitElement {
<ha-analytics <ha-analytics
translation_key_panel="config" translation_key_panel="config"
@analytics-preferences-changed=${this._preferencesChanged} @analytics-preferences-changed=${this._preferencesChanged}
.hass=${this.hass} .localize=${this.hass.localize}
.analytics=${this._analyticsDetails} .analytics=${this._analyticsDetails}
></ha-analytics> ></ha-analytics>
</div> </div>