mirror of
https://github.com/home-assistant/frontend.git
synced 2025-08-04 15:07:48 +00:00
Compare commits
No commits in common. "dev" and "20250730.0" have entirely different histories.
dev
...
20250730.0
6
.github/copilot-instructions.md
vendored
6
.github/copilot-instructions.md
vendored
@ -310,11 +310,7 @@ export class DialogMyFeature
|
||||
.heading=${createCloseHeading(this.hass, this._params.title)}
|
||||
>
|
||||
<!-- Dialog content -->
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
@click=${this.closeDialog}
|
||||
slot="secondaryAction"
|
||||
>
|
||||
<ha-button @click=${this.closeDialog} slot="secondaryAction">
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button @click=${this._submit} slot="primaryAction">
|
||||
|
||||
2
.github/workflows/release.yaml
vendored
2
.github/workflows/release.yaml
vendored
@ -74,7 +74,7 @@ jobs:
|
||||
echo "home-assistant-frontend==$version" > ./requirements.txt
|
||||
|
||||
- name: Build wheels
|
||||
uses: home-assistant/wheels@2025.07.0
|
||||
uses: home-assistant/wheels@2025.03.0
|
||||
with:
|
||||
abi: cp313
|
||||
tag: musllinux_1_2
|
||||
|
||||
@ -1,8 +0,0 @@
|
||||
# People marked here will be automatically requested for a review
|
||||
# when the code that they own is touched.
|
||||
# https://github.com/blog/2392-introducing-code-owners
|
||||
# https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
|
||||
|
||||
# Part of the frontend that mobile developper should review
|
||||
src/external_app/ @bgoncal @TimoPtr
|
||||
test/external_app/ @bgoncal @TimoPtr
|
||||
@ -89,14 +89,11 @@ export class HADemoCard extends LitElement implements LovelaceCard {
|
||||
)}
|
||||
</div>
|
||||
<div class="actions small-hidden">
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
href="https://www.home-assistant.io"
|
||||
target="_blank"
|
||||
>
|
||||
<a href="https://www.home-assistant.io" target="_blank">
|
||||
<ha-button>
|
||||
${this.hass.localize("ui.panel.page-demo.cards.demo.learn_more")}
|
||||
</ha-button>
|
||||
</a>
|
||||
</div>
|
||||
</ha-card>
|
||||
`;
|
||||
|
||||
@ -147,13 +147,13 @@ The `title ` option should not be used without a description.
|
||||
|
||||
<ha-alert alert-type="success">
|
||||
This is a success alert — check it out!
|
||||
<ha-button slot="action">Undo</ha-button>
|
||||
<ha-button slot="action" label="Undo"></ha-button>
|
||||
</ha-alert>
|
||||
|
||||
```html
|
||||
<ha-alert alert-type="success">
|
||||
This is a success alert — check it out!
|
||||
<ha-button slot="action">Undo</ha-button>
|
||||
<ha-button slot="action" label="Undo"></ha-button>
|
||||
</ha-alert>
|
||||
```
|
||||
|
||||
|
||||
@ -78,13 +78,21 @@ const alerts: {
|
||||
title: "Error with action",
|
||||
description: "This is a test error alert with action",
|
||||
type: "error",
|
||||
actionSlot: html`<ha-button size="small" slot="action">restart</ha-button>`,
|
||||
actionSlot: html`<ha-button
|
||||
size="small"
|
||||
slot="action"
|
||||
label="restart"
|
||||
></ha-button>`,
|
||||
},
|
||||
{
|
||||
title: "Unsaved data",
|
||||
description: "You have unsaved data",
|
||||
type: "warning",
|
||||
actionSlot: html`<ha-button size="small" slot="action">save</ha-button>`,
|
||||
actionSlot: html`<ha-button
|
||||
size="small"
|
||||
slot="action"
|
||||
label="save"
|
||||
></ha-button>`,
|
||||
},
|
||||
{
|
||||
title: "Slotted icon",
|
||||
@ -108,7 +116,7 @@ const alerts: {
|
||||
title: "Slotted action",
|
||||
description: "Alert with slotted action",
|
||||
type: "info",
|
||||
actionSlot: html`<ha-button slot="action">action</ha-button>`,
|
||||
actionSlot: html`<ha-button slot="action" label="action"></ha-button>`,
|
||||
},
|
||||
{
|
||||
description: "Dismissable information (RTL)",
|
||||
@ -120,7 +128,7 @@ const alerts: {
|
||||
title: "Error with action",
|
||||
description: "This is a test error alert with action (RTL)",
|
||||
type: "error",
|
||||
actionSlot: html`<ha-button slot="action">restart</ha-button>`,
|
||||
actionSlot: html`<ha-button slot="action" label="restart"></ha-button>`,
|
||||
rtl: true,
|
||||
},
|
||||
{
|
||||
|
||||
@ -54,14 +54,13 @@ Check the [webawesome documentation](https://webawesome.com/docs/components/butt
|
||||
**Properties/Attributes**
|
||||
|
||||
| Name | Type | Default | Description |
|
||||
| ---------- | ---------------------------------------------- | -------- | --------------------------------------------------------------------------------- |
|
||||
| ----------- | ---------------------------------------------- | -------- | -------------------------------------------------- |
|
||||
| appearance | "accent"/"filled"/"plain" | "accent" | Sets the button appearance. |
|
||||
| variants | "brand"/"danger"/"neutral"/"warning"/"success" | "brand" | Sets the button color variant. "brand" is default. |
|
||||
| size | "small"/"medium" | "medium" | Sets the button size. |
|
||||
| loading | Boolean | false | Shows a loading indicator instead of the buttons label and disable buttons click. |
|
||||
| disabled | Boolean | false | Disables the button and prevents user interaction. |
|
||||
| hideContent | Boolean | false | Hides the button content (for overlays) |
|
||||
|
||||
**CSS Custom Properties**
|
||||
|
||||
- `--ha-button-height` - Height of the button.
|
||||
- `--ha-button-border-radius` - Border radius of the button. Defaults to `var(--border-radius-pill)`.
|
||||
- `--ha-button-radius` - Border radius of the button. Defaults to `var(--wa-border-radius-pill)`.
|
||||
|
||||
@ -604,8 +604,8 @@ export class DialogHassioNetwork
|
||||
var(--mdc-dialog-scroll-divider-color, rgba(0, 0, 0, 0.12));
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 16px;
|
||||
padding-bottom: max(var(--safe-area-inset-bottom), 16px);
|
||||
padding: 8px;
|
||||
padding-bottom: max(var(--safe-area-inset-bottom), 8px);
|
||||
background-color: var(--mdc-theme-surface, #fff);
|
||||
}
|
||||
.warning {
|
||||
|
||||
@ -208,16 +208,14 @@ class UpdateAvailableCard extends LitElement {
|
||||
<div class="card-actions">
|
||||
${changelog
|
||||
? html`
|
||||
<a href=${changelog} target="_blank" rel="noreferrer">
|
||||
<ha-button
|
||||
href=${changelog}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
appearance="plain"
|
||||
>
|
||||
${this.supervisor.localize(
|
||||
.label=${this.supervisor.localize(
|
||||
"update_available.open_release_notes"
|
||||
)}
|
||||
>
|
||||
</ha-button>
|
||||
</a>
|
||||
`
|
||||
: nothing}
|
||||
<span></span>
|
||||
|
||||
@ -3,26 +3,26 @@ import { mdiArrowCollapseDown, mdiDownload } from "@mdi/js";
|
||||
// eslint-disable-next-line import/extensions
|
||||
import { IntersectionController } from "@lit-labs/observers/intersection-controller.js";
|
||||
import { LitElement, type PropertyValues, css, html, nothing } from "lit";
|
||||
import { customElement, property, query, state } from "lit/decorators";
|
||||
import { classMap } from "lit/directives/class-map";
|
||||
import { fireEvent } from "../../../src/common/dom/fire_event";
|
||||
import { customElement, property, query, state } from "lit/decorators";
|
||||
import type {
|
||||
LandingPageKeys,
|
||||
LocalizeFunc,
|
||||
} from "../../../src/common/translations/localize";
|
||||
import { waitForSeconds } from "../../../src/common/util/wait";
|
||||
import "../../../src/components/ha-alert";
|
||||
import "../../../src/components/ha-ansi-to-html";
|
||||
import type { HaAnsiToHtml } from "../../../src/components/ha-ansi-to-html";
|
||||
import "../../../src/components/ha-button";
|
||||
import "../../../src/components/ha-icon-button";
|
||||
import "../../../src/components/ha-svg-icon";
|
||||
import { fileDownload } from "../../../src/util/file_download";
|
||||
import "../../../src/components/ha-ansi-to-html";
|
||||
import "../../../src/components/ha-alert";
|
||||
import type { HaAnsiToHtml } from "../../../src/components/ha-ansi-to-html";
|
||||
import {
|
||||
getObserverLogs,
|
||||
downloadUrl as observerLogsDownloadUrl,
|
||||
} from "../data/observer";
|
||||
import { fireEvent } from "../../../src/common/dom/fire_event";
|
||||
import { fileDownload } from "../../../src/util/file_download";
|
||||
import { getSupervisorLogs, getSupervisorLogsFollow } from "../data/supervisor";
|
||||
import { waitForSeconds } from "../../../src/common/util/wait";
|
||||
import { ASSUME_CORE_START_SECONDS } from "../ha-landing-page";
|
||||
|
||||
const ERROR_CHECK = /^[\d\s-:]+(ERROR|CRITICAL)(.*)/gm;
|
||||
@ -108,13 +108,14 @@ class LandingPageLogs extends LitElement {
|
||||
!this._scrolledToBottomController.value) ||
|
||||
false,
|
||||
})}"
|
||||
size="small"
|
||||
appearance="filled"
|
||||
@click=${this._scrollToBottom}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiArrowCollapseDown} slot="start"></ha-svg-icon>
|
||||
<ha-svg-icon .path=${mdiArrowCollapseDown} slot="icon"></ha-svg-icon>
|
||||
${this.localize("logs.scroll_down_button")}
|
||||
<ha-svg-icon .path=${mdiArrowCollapseDown} slot="end"></ha-svg-icon>
|
||||
<ha-svg-icon
|
||||
.path=${mdiArrowCollapseDown}
|
||||
slot="trailingIcon"
|
||||
></ha-svg-icon>
|
||||
</ha-button>
|
||||
`;
|
||||
}
|
||||
@ -311,14 +312,21 @@ class LandingPageLogs extends LitElement {
|
||||
}
|
||||
|
||||
.new-logs-indicator {
|
||||
--mdc-theme-primary: var(--text-primary-color);
|
||||
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
left: 4px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 0;
|
||||
background-color: var(--primary-color);
|
||||
border-radius: 8px;
|
||||
|
||||
transition: height 0.4s ease-out;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.new-logs-indicator.visible {
|
||||
|
||||
@ -160,8 +160,8 @@
|
||||
"@octokit/plugin-retry": "8.0.1",
|
||||
"@octokit/rest": "22.0.0",
|
||||
"@rsdoctor/rspack-plugin": "1.1.10",
|
||||
"@rspack/cli": "1.4.11",
|
||||
"@rspack/core": "1.4.11",
|
||||
"@rspack/cli": "1.4.10",
|
||||
"@rspack/core": "1.4.10",
|
||||
"@types/babel__plugin-transform-runtime": "7.9.5",
|
||||
"@types/chromecast-caf-receiver": "6.0.22",
|
||||
"@types/chromecast-caf-sender": "1.0.11",
|
||||
@ -173,7 +173,7 @@
|
||||
"@types/leaflet-draw": "1.0.12",
|
||||
"@types/leaflet.markercluster": "1.5.5",
|
||||
"@types/lodash.merge": "4.6.9",
|
||||
"@types/luxon": "3.7.1",
|
||||
"@types/luxon": "3.6.2",
|
||||
"@types/mocha": "10.0.10",
|
||||
"@types/qrcode": "1.5.5",
|
||||
"@types/sortablejs": "1.15.8",
|
||||
|
||||
@ -27,13 +27,12 @@ export type Appearance = "accent" | "filled" | "outlined" | "plain";
|
||||
* @csspart spinner - The spinner that shows when the button is in the loading state.
|
||||
*
|
||||
* @cssprop --ha-button-height - The height of the button.
|
||||
* @cssprop --ha-button-border-radius - The border radius of the button. defaults to `var(--border-radius-pill)`.
|
||||
* @cssprop --ha-button-radius - The border radius of the button. defaults to `var(--wa-border-radius-pill)`.
|
||||
*
|
||||
* @attr {("small"|"medium")} size - Sets the button size.
|
||||
* @attr {("brand"|"neutral"|"danger"|"warning"|"success")} variant - Sets the button color variant. "primary" is default.
|
||||
* @attr {("accent"|"filled"|"plain")} appearance - Sets the button appearance.
|
||||
* @attr {boolean} loading - shows a loading indicator instead of the buttons label and disable buttons click.
|
||||
* @attr {boolean} disabled - Disables the button and prevents user interaction.
|
||||
* @attr {boolean} hideContent - Hides the button content (for overlays).
|
||||
*/
|
||||
@customElement("ha-button")
|
||||
export class HaButton extends Button {
|
||||
@ -55,9 +54,10 @@ export class HaButton extends Button {
|
||||
/* set theme vars */
|
||||
--wa-form-control-padding-inline: 16px;
|
||||
--wa-font-weight-action: var(--ha-font-weight-medium);
|
||||
--wa-border-radius-pill: 9999px;
|
||||
--wa-form-control-border-radius: var(
|
||||
--ha-button-border-radius,
|
||||
var(--border-radius-pill)
|
||||
--ha-button-radius,
|
||||
var(--wa-border-radius-pill)
|
||||
);
|
||||
|
||||
--wa-form-control-height: var(
|
||||
@ -66,7 +66,6 @@ export class HaButton extends Button {
|
||||
);
|
||||
|
||||
font-size: var(--ha-font-size-m);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
:host([size="small"]) .button {
|
||||
|
||||
@ -5,8 +5,8 @@ import { customElement, property, state } from "lit/decorators";
|
||||
import { fireEvent } from "../common/dom/fire_event";
|
||||
import { stopPropagation } from "../common/dom/stop_propagation";
|
||||
import { debounce } from "../common/util/debounce";
|
||||
import type { ConfigEntry, SubEntry } from "../data/config_entries";
|
||||
import { getConfigEntry, getSubEntries } from "../data/config_entries";
|
||||
import type { ConfigEntry } from "../data/config_entries";
|
||||
import { getConfigEntry } from "../data/config_entries";
|
||||
import type { Agent } from "../data/conversation";
|
||||
import { listAgents } from "../data/conversation";
|
||||
import { fetchIntegrationManifest } from "../data/integration";
|
||||
@ -16,7 +16,6 @@ import "./ha-list-item";
|
||||
import "./ha-select";
|
||||
import type { HaSelect } from "./ha-select";
|
||||
import { getExtendedEntityRegistryEntry } from "../data/entity_registry";
|
||||
import { showSubConfigFlowDialog } from "../dialogs/config-flow/show-dialog-sub-config-flow";
|
||||
|
||||
const NONE = "__NONE_OPTION__";
|
||||
|
||||
@ -38,8 +37,6 @@ export class HaConversationAgentPicker extends LitElement {
|
||||
|
||||
@state() private _configEntry?: ConfigEntry;
|
||||
|
||||
@state() private _subConfigEntry?: SubEntry;
|
||||
|
||||
protected render() {
|
||||
if (!this._agents) {
|
||||
return nothing;
|
||||
@ -104,11 +101,7 @@ export class HaConversationAgentPicker extends LitElement {
|
||||
${agent.name}
|
||||
</ha-list-item>`
|
||||
)}</ha-select
|
||||
>${(this._subConfigEntry &&
|
||||
this._configEntry?.supported_subentry_types[
|
||||
this._subConfigEntry.subentry_type
|
||||
]?.supports_reconfigure) ||
|
||||
this._configEntry?.supports_options
|
||||
>${this._configEntry?.supports_options
|
||||
? html`<ha-icon-button
|
||||
.path=${mdiCog}
|
||||
@click=${this._openOptionsFlow}
|
||||
@ -149,17 +142,8 @@ export class HaConversationAgentPicker extends LitElement {
|
||||
this._configEntry = (
|
||||
await getConfigEntry(this.hass, regEntry.config_entry_id)
|
||||
).config_entry;
|
||||
|
||||
if (!regEntry.config_subentry_id) {
|
||||
this._subConfigEntry = undefined;
|
||||
} else {
|
||||
this._subConfigEntry = (
|
||||
await getSubEntries(this.hass, regEntry.config_entry_id)
|
||||
).find((entry) => entry.subentry_id === regEntry.config_subentry_id);
|
||||
}
|
||||
} catch (_err) {
|
||||
this._configEntry = undefined;
|
||||
this._subConfigEntry = undefined;
|
||||
}
|
||||
}
|
||||
|
||||
@ -198,25 +182,6 @@ export class HaConversationAgentPicker extends LitElement {
|
||||
if (!this._configEntry) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (
|
||||
this._subConfigEntry &&
|
||||
this._configEntry.supported_subentry_types[
|
||||
this._subConfigEntry.subentry_type
|
||||
]?.supports_reconfigure
|
||||
) {
|
||||
showSubConfigFlowDialog(
|
||||
this,
|
||||
this._configEntry,
|
||||
this._subConfigEntry.subentry_type,
|
||||
{
|
||||
startFlowHandler: this._configEntry.entry_id,
|
||||
subEntryId: this._subConfigEntry.subentry_id,
|
||||
}
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
showOptionsFlowDialog(this, this._configEntry, {
|
||||
manifest: await fetchIntegrationManifest(
|
||||
this.hass,
|
||||
|
||||
@ -20,18 +20,6 @@ export class HaFab extends FabBase {
|
||||
--mdc-typography-button-font-family: var(--ha-font-family-body);
|
||||
--mdc-typography-button-font-weight: var(--ha-font-weight-medium);
|
||||
}
|
||||
:host .mdc-fab--extended {
|
||||
border-radius: var(
|
||||
--ha-button-border-radius,
|
||||
var(--border-radius-pill)
|
||||
);
|
||||
}
|
||||
:host .mdc-fab.mdc-fab--extended .ripple {
|
||||
border-radius: var(
|
||||
--ha-button-border-radius,
|
||||
var(--border-radius-pill)
|
||||
);
|
||||
}
|
||||
:host .mdc-fab--extended .mdc-fab__icon {
|
||||
margin-inline-start: -8px;
|
||||
margin-inline-end: 12px;
|
||||
|
||||
@ -92,12 +92,11 @@ export class HaPictureUpload extends LitElement {
|
||||
/>
|
||||
<div>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
variant="danger"
|
||||
@click=${this._handleChangeClick}
|
||||
.label=${this.hass.localize(
|
||||
"ui.components.picture-upload.clear_picture"
|
||||
)}
|
||||
>
|
||||
${this.hass.localize("ui.components.picture-upload.clear_picture")}
|
||||
</ha-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -103,7 +103,7 @@ class HaQrScanner extends LitElement {
|
||||
>
|
||||
${this._error || this._warning}
|
||||
${this._error
|
||||
? html`<ha-button @click=${this._retry} slot="action">
|
||||
? html` <ha-button @click=${this._retry} slot="action">
|
||||
${this.hass.localize("ui.components.qr-scanner.retry")}
|
||||
</ha-button>`
|
||||
: nothing}
|
||||
|
||||
@ -130,7 +130,7 @@ export class HaYamlEditor extends LitElement {
|
||||
<div class="card-actions">
|
||||
${this.copyClipboard
|
||||
? html`
|
||||
<ha-button appearance="plain" @click=${this._copyYaml}>
|
||||
<ha-button @click=${this._copyYaml}>
|
||||
${this.hass.localize(
|
||||
"ui.components.yaml-editor.copy_to_clipboard"
|
||||
)}
|
||||
|
||||
@ -119,15 +119,15 @@ class DialogMediaManage extends LitElement {
|
||||
class="danger"
|
||||
slot="navigationIcon"
|
||||
.disabled=${this._deleting}
|
||||
@click=${this._handleDelete}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiDelete} slot="start"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
.label=${this.hass.localize(
|
||||
`ui.components.media-browser.file_management.${
|
||||
this._deleting ? "deleting" : "delete"
|
||||
}`,
|
||||
{ count: this._selected.size }
|
||||
)}
|
||||
@click=${this._handleDelete}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiDelete} slot="start"></ha-svg-icon>
|
||||
</ha-button>
|
||||
|
||||
${this._deleting
|
||||
@ -135,15 +135,15 @@ class DialogMediaManage extends LitElement {
|
||||
: html`
|
||||
<ha-button
|
||||
slot="actionItems"
|
||||
.label=${this.hass.localize(
|
||||
`ui.components.media-browser.file_management.deselect_all`
|
||||
)}
|
||||
@click=${this._handleDeselectAll}
|
||||
>
|
||||
<ha-svg-icon
|
||||
.path=${mdiClose}
|
||||
slot="start"
|
||||
slot="icon"
|
||||
></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
`ui.components.media-browser.file_management.deselect_all`
|
||||
)}
|
||||
</ha-button>
|
||||
`}
|
||||
`}
|
||||
@ -331,10 +331,20 @@ class DialogMediaManage extends LitElement {
|
||||
--mdc-theme-primary: var(--error-color);
|
||||
}
|
||||
|
||||
ha-svg-icon[slot="icon"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
ha-tip {
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
ha-svg-icon[slot="icon"] {
|
||||
margin-inline-start: 0px !important;
|
||||
margin-inline-end: 8px !important;
|
||||
direction: var(--direction);
|
||||
}
|
||||
|
||||
.refresh {
|
||||
display: flex;
|
||||
height: 200px;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { mdiFolderEdit } from "@mdi/js";
|
||||
import { html, LitElement, nothing } from "lit";
|
||||
import { css, html, LitElement, nothing } from "lit";
|
||||
import { customElement, property, state } from "lit/decorators";
|
||||
import { fireEvent } from "../../common/dom/fire_event";
|
||||
import type { MediaPlayerItem } from "../../data/media-player";
|
||||
@ -53,6 +53,18 @@ class MediaManageButton extends LitElement {
|
||||
onClose: () => fireEvent(this, "media-refresh"),
|
||||
});
|
||||
}
|
||||
|
||||
static styles = css`
|
||||
ha-svg-icon[slot="icon"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
ha-svg-icon[slot="icon"] {
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 8px;
|
||||
direction: var(--direction);
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
||||
declare global {
|
||||
|
||||
@ -169,7 +169,6 @@ export interface TagTrigger extends BaseTrigger {
|
||||
export interface TimeTrigger extends BaseTrigger {
|
||||
trigger: "time";
|
||||
at: string | { entity_id: string; offset?: string };
|
||||
weekday?: string | string[];
|
||||
}
|
||||
|
||||
export interface TemplateTrigger extends BaseTrigger {
|
||||
|
||||
@ -400,23 +400,8 @@ const tryDescribeTrigger = (
|
||||
return `${entityStr}${offsetStr}`;
|
||||
});
|
||||
|
||||
// Handle weekday information if present
|
||||
let weekdays: string[] = [];
|
||||
if (trigger.weekday) {
|
||||
const weekdayArray = ensureArray(trigger.weekday);
|
||||
if (weekdayArray.length > 0) {
|
||||
weekdays = weekdayArray.map((day) =>
|
||||
hass.localize(
|
||||
`ui.panel.config.automation.editor.triggers.type.time.weekdays.${day}` as any
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return hass.localize(`${triggerTranslationBaseKey}.time.description.full`, {
|
||||
time: formatListWithOrs(hass.locale, result),
|
||||
hasWeekdays: weekdays.length > 0 ? "true" : "false",
|
||||
weekdays: formatListWithOrs(hass.locale, weekdays),
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@ import type {
|
||||
HassEntityBase,
|
||||
HassEvent,
|
||||
} from "home-assistant-js-websocket";
|
||||
import { BINARY_STATE_ON, BINARY_STATE_OFF } from "../common/const";
|
||||
import { BINARY_STATE_ON } from "../common/const";
|
||||
import { computeDomain } from "../common/entity/compute_domain";
|
||||
import { computeStateDomain } from "../common/entity/compute_state_domain";
|
||||
import { supportsFeature } from "../common/entity/supports-feature";
|
||||
@ -52,15 +52,6 @@ export const updateCanInstall = (
|
||||
(showSkipped && Boolean(entity.attributes.skipped_version))) &&
|
||||
supportsFeature(entity, UpdateEntityFeature.INSTALL);
|
||||
|
||||
export const latestVersionIsSkipped = (entity: UpdateEntity): boolean =>
|
||||
!!(
|
||||
entity.attributes.latest_version &&
|
||||
entity.attributes.skipped_version === entity.attributes.latest_version
|
||||
);
|
||||
|
||||
export const updateButtonIsDisabled = (entity: UpdateEntity): boolean =>
|
||||
entity.state === BINARY_STATE_OFF && !latestVersionIsSkipped(entity);
|
||||
|
||||
export const updateIsInstalling = (entity: UpdateEntity): boolean =>
|
||||
!!entity.attributes.in_progress;
|
||||
|
||||
|
||||
@ -104,13 +104,23 @@ class StepFlowForm extends LitElement {
|
||||
</div>`
|
||||
: nothing}
|
||||
<div class="buttons">
|
||||
<ha-button @click=${this._submitStep} .loading=${this._loading}>
|
||||
${this._loading
|
||||
? html`
|
||||
<div class="submit-spinner">
|
||||
<ha-spinner size="small"></ha-spinner>
|
||||
</div>
|
||||
`
|
||||
: html`
|
||||
<div>
|
||||
<ha-button @click=${this._submitStep}>
|
||||
${this.flowConfig.renderShowFormStepSubmitButton(
|
||||
this.hass,
|
||||
this.step
|
||||
)}
|
||||
</ha-button>
|
||||
</div>
|
||||
`}
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -294,6 +304,15 @@ class StepFlowForm extends LitElement {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.submit-spinner {
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 16px;
|
||||
margin-inline-end: 16px;
|
||||
margin-inline-start: initial;
|
||||
}
|
||||
|
||||
ha-alert,
|
||||
ha-form {
|
||||
margin-top: 24px;
|
||||
@ -301,7 +320,7 @@ class StepFlowForm extends LitElement {
|
||||
}
|
||||
|
||||
.buttons {
|
||||
padding: 16px;
|
||||
padding: 8px;
|
||||
}
|
||||
`,
|
||||
];
|
||||
|
||||
@ -34,7 +34,7 @@ export const configFlowContentStyles = css`
|
||||
|
||||
.buttons {
|
||||
position: relative;
|
||||
padding: 16px;
|
||||
padding: 8px 16px 8px 24px;
|
||||
margin: 8px 0 0;
|
||||
color: var(--primary-color);
|
||||
display: flex;
|
||||
|
||||
@ -228,7 +228,7 @@ class DialogLightColorFavorite extends LitElement {
|
||||
</div>
|
||||
</div>
|
||||
<div slot="actions">
|
||||
<ha-button appearance="plain" @click=${this._cancelDialog}>
|
||||
<ha-button @click=${this._cancelDialog}>
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button @click=${this._save} .disabled=${!this._color}
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
import { css, html, LitElement, nothing } from "lit";
|
||||
import { property, state } from "lit/decorators";
|
||||
import { slugify } from "../../../common/string/slugify";
|
||||
import "../../../components/buttons/ha-progress-button";
|
||||
import "../../../components/ha-camera-stream";
|
||||
import type { CameraEntity } from "../../../data/camera";
|
||||
import { UNAVAILABLE } from "../../../data/entity";
|
||||
import type { HomeAssistant } from "../../../types";
|
||||
import "../../../components/buttons/ha-progress-button";
|
||||
import { UNAVAILABLE } from "../../../data/entity";
|
||||
import { fileDownload } from "../../../util/file_download";
|
||||
import { showToast } from "../../../util/toast";
|
||||
import { slugify } from "../../../common/string/slugify";
|
||||
|
||||
class MoreInfoCamera extends LitElement {
|
||||
@property({ attribute: false }) public hass!: HomeAssistant;
|
||||
@ -46,7 +46,6 @@ class MoreInfoCamera extends LitElement {
|
||||
@click=${this._downloadSnapshot}
|
||||
.progress=${this._waiting}
|
||||
.disabled=${this.stateObj.state === UNAVAILABLE}
|
||||
appearance="filled"
|
||||
>
|
||||
${this.hass.localize(
|
||||
"ui.dialogs.more_info_control.camera.download_snapshot"
|
||||
@ -105,7 +104,7 @@ class MoreInfoCamera extends LitElement {
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
padding: 12px;
|
||||
z-index: 1;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
@ -51,11 +51,7 @@ class MoreInfoSiren extends LitElement {
|
||||
.iconPathOff=${mdiVolumeOff}
|
||||
></ha-state-control-toggle>
|
||||
${allowAdvanced
|
||||
? html`<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._showAdvancedControlsDialog}
|
||||
>
|
||||
? html`<ha-button @click=${this._showAdvancedControlsDialog}>
|
||||
${this.hass.localize("ui.components.siren.advanced_controls")}
|
||||
</ha-button>`
|
||||
: nothing}
|
||||
|
||||
@ -7,7 +7,6 @@ import { relativeTime } from "../../../common/datetime/relative_time";
|
||||
import { supportsFeature } from "../../../common/entity/supports-feature";
|
||||
import "../../../components/ha-alert";
|
||||
import "../../../components/ha-button";
|
||||
import "../../../components/buttons/ha-progress-button";
|
||||
import "../../../components/ha-checkbox";
|
||||
import "../../../components/ha-faded";
|
||||
import "../../../components/ha-markdown";
|
||||
@ -27,8 +26,6 @@ import {
|
||||
UpdateEntityFeature,
|
||||
updateIsInstalling,
|
||||
updateReleaseNotes,
|
||||
latestVersionIsSkipped,
|
||||
updateButtonIsDisabled,
|
||||
} from "../../../data/update";
|
||||
import type { HomeAssistant } from "../../../types";
|
||||
import { showAlertDialog } from "../../generic/show-dialog-box";
|
||||
@ -183,6 +180,11 @@ class MoreInfoUpdate extends LitElement {
|
||||
return nothing;
|
||||
}
|
||||
|
||||
const skippedVersion =
|
||||
this.stateObj.attributes.latest_version &&
|
||||
this.stateObj.attributes.skipped_version ===
|
||||
this.stateObj.attributes.latest_version;
|
||||
|
||||
const createBackupTexts = this._computeCreateBackupTexts();
|
||||
|
||||
return html`
|
||||
@ -310,7 +312,7 @@ class MoreInfoUpdate extends LitElement {
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
@click=${this._handleSkip}
|
||||
.disabled=${latestVersionIsSkipped(this.stateObj) ||
|
||||
.disabled=${skippedVersion ||
|
||||
this.stateObj.state === BINARY_STATE_OFF ||
|
||||
updateIsInstalling(this.stateObj)}
|
||||
>
|
||||
@ -323,8 +325,9 @@ class MoreInfoUpdate extends LitElement {
|
||||
? html`
|
||||
<ha-button
|
||||
@click=${this._handleInstall}
|
||||
.loading=${updateIsInstalling(this.stateObj)}
|
||||
.disabled=${updateButtonIsDisabled(this.stateObj)}
|
||||
.disabled=${(this.stateObj.state === BINARY_STATE_OFF &&
|
||||
!skippedVersion) ||
|
||||
updateIsInstalling(this.stateObj)}
|
||||
>
|
||||
${this.hass.localize(
|
||||
"ui.dialogs.more_info_control.update.update"
|
||||
@ -505,7 +508,7 @@ class MoreInfoUpdate extends LitElement {
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
padding: 12px;
|
||||
z-index: 1;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
@ -38,7 +38,7 @@ export class HuiNotificationItemTemplate extends LitElement {
|
||||
|
||||
.actions {
|
||||
border-top: 1px solid var(--divider-color, #e8e8e8);
|
||||
padding: 8px;
|
||||
padding: 5px 16px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
@ -32,7 +32,7 @@ class DialogBox extends LitElement {
|
||||
)}
|
||||
>
|
||||
<p>${this.hass.localize("ui.dialogs.update_backup.text")}</p>
|
||||
<ha-button appearance="plain" @click=${this._no} slot="secondaryAction">
|
||||
<ha-button @click=${this._no} slot="secondaryAction">
|
||||
${this.hass!.localize("ui.common.no")}
|
||||
</ha-button>
|
||||
<ha-button @click=${this._yes} slot="primaryAction">
|
||||
|
||||
@ -76,6 +76,7 @@ export class CloudStepSignin extends LitElement {
|
||||
</div>
|
||||
<div class="footer">
|
||||
<ha-button
|
||||
unelevated
|
||||
@click=${this._handleLogin}
|
||||
.disabled=${this._requestInProgress}
|
||||
>${this.hass.localize(
|
||||
|
||||
@ -90,11 +90,11 @@ export class CloudStepSignup extends LitElement {
|
||||
? html`<ha-button
|
||||
@click=${this._handleResendVerifyEmail}
|
||||
.disabled=${this._requestInProgress}
|
||||
appearance="plain"
|
||||
>${this.hass.localize(
|
||||
"ui.panel.config.cloud.register.resend_confirm_email"
|
||||
)}</ha-button
|
||||
><ha-button
|
||||
unelevated
|
||||
@click=${this._login}
|
||||
.disabled=${this._requestInProgress}
|
||||
>${this.hass.localize(
|
||||
@ -104,12 +104,12 @@ export class CloudStepSignup extends LitElement {
|
||||
: html`<ha-button
|
||||
@click=${this._signIn}
|
||||
.disabled=${this._requestInProgress}
|
||||
appearance="plain"
|
||||
>${this.hass.localize(
|
||||
"ui.panel.config.cloud.login.sign_in"
|
||||
)}</ha-button
|
||||
>
|
||||
<ha-button
|
||||
unelevated
|
||||
@click=${this._handleRegister}
|
||||
.disabled=${this._requestInProgress}
|
||||
>${this.hass.localize("ui.common.next")}</ha-button
|
||||
|
||||
@ -70,7 +70,6 @@ export class HaVoiceAssistantSetupStepArea extends LitElement {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: 24px;
|
||||
text-align: initial;
|
||||
}
|
||||
`,
|
||||
];
|
||||
|
||||
@ -51,16 +51,16 @@ export class HaVoiceAssistantSetupStepCheck extends LitElement {
|
||||
)}
|
||||
</p>
|
||||
<div class="footer">
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
<a
|
||||
href=${documentationUrl(
|
||||
this.hass,
|
||||
"/voice_control/troubleshooting/#i-dont-get-a-voice-response"
|
||||
)}
|
||||
>
|
||||
><ha-button
|
||||
>${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.satellite_wizard.check.help"
|
||||
)}</ha-button
|
||||
></a
|
||||
>
|
||||
<ha-button @click=${this._testConnection}
|
||||
>${this.hass.localize(
|
||||
|
||||
@ -80,7 +80,7 @@ export class HaVoiceAssistantSetupStepLocal extends LitElement {
|
||||
${this._detailState || "Installation can take several minutes"}
|
||||
</p>`
|
||||
: this._state === "ERROR"
|
||||
? html`<img
|
||||
? html` <img
|
||||
src="/static/images/voice-assistant/error.png"
|
||||
alt="Casita Home Assistant error logo"
|
||||
/>
|
||||
@ -95,27 +95,24 @@ export class HaVoiceAssistantSetupStepLocal extends LitElement {
|
||||
"ui.panel.config.voice_assistants.satellite_wizard.local.failed_secondary"
|
||||
)}
|
||||
</p>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._prevStep}
|
||||
<ha-button @click=${this._prevStep}
|
||||
>${this.hass.localize("ui.common.back")}</ha-button
|
||||
>
|
||||
<ha-button
|
||||
<a
|
||||
href=${documentationUrl(
|
||||
this.hass,
|
||||
"/voice_control/voice_remote_local_assistant/"
|
||||
)}
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
size="small"
|
||||
appearance="plain"
|
||||
>
|
||||
<ha-svg-icon .path=${mdiOpenInNew} slot="start"></ha-svg-icon>
|
||||
<ha-button>
|
||||
<ha-svg-icon .path=${mdiOpenInNew} slot="icon"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.common.learn_more"
|
||||
)}</ha-button
|
||||
>`
|
||||
>
|
||||
</a>`
|
||||
: this._state === "NOT_SUPPORTED"
|
||||
? html`<img
|
||||
src="/static/images/voice-assistant/error.png"
|
||||
@ -131,27 +128,27 @@ export class HaVoiceAssistantSetupStepLocal extends LitElement {
|
||||
"ui.panel.config.voice_assistants.satellite_wizard.local.not_supported_secondary"
|
||||
)}
|
||||
</p>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._prevStep}
|
||||
<ha-button @click=${this._prevStep}
|
||||
>${this.hass.localize("ui.common.back")}</ha-button
|
||||
>
|
||||
<ha-button
|
||||
<a
|
||||
href=${documentationUrl(
|
||||
this.hass,
|
||||
"/voice_control/voice_remote_local_assistant/"
|
||||
)}
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
appearance="plain"
|
||||
size="small"
|
||||
>
|
||||
<ha-svg-icon .path=${mdiOpenInNew} slot="start"></ha-svg-icon>
|
||||
<ha-button>
|
||||
<ha-svg-icon
|
||||
.path=${mdiOpenInNew}
|
||||
slot="icon"
|
||||
></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.common.learn_more"
|
||||
)}</ha-button
|
||||
>`
|
||||
>
|
||||
</a>`
|
||||
: nothing}
|
||||
</div>`;
|
||||
}
|
||||
|
||||
@ -235,7 +235,10 @@ export class HaVoiceAssistantSetupStepPipeline extends LitElement {
|
||||
: nothing}
|
||||
</div>
|
||||
<div class="footer">
|
||||
<ha-button @click=${this._createPipeline} .disabled=${!this._value}
|
||||
<ha-button
|
||||
@click=${this._createPipeline}
|
||||
unelevated
|
||||
.disabled=${!this._value}
|
||||
>${this.hass.localize("ui.common.next")}</ha-button
|
||||
>
|
||||
</div>`;
|
||||
|
||||
@ -126,15 +126,8 @@ export class HaVoiceAssistantSetupStepSuccess extends LitElement {
|
||||
</ha-list-item>`
|
||||
)}
|
||||
</ha-select>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._testWakeWord}
|
||||
>
|
||||
<ha-svg-icon
|
||||
slot="start"
|
||||
.path=${mdiMicrophone}
|
||||
></ha-svg-icon>
|
||||
<ha-button @click=${this._testWakeWord}>
|
||||
<ha-svg-icon slot="icon" .path=${mdiMicrophone}></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.satellite_wizard.success.test_wakeword"
|
||||
)}
|
||||
@ -158,12 +151,8 @@ export class HaVoiceAssistantSetupStepSuccess extends LitElement {
|
||||
</ha-list-item>`
|
||||
)}
|
||||
</ha-select>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._openPipeline}
|
||||
>
|
||||
<ha-svg-icon slot="start" .path=${mdiCog}></ha-svg-icon>
|
||||
<ha-button @click=${this._openPipeline}>
|
||||
<ha-svg-icon slot="icon" .path=${mdiCog}></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.satellite_wizard.success.edit_pipeline"
|
||||
)}
|
||||
@ -180,12 +169,8 @@ export class HaVoiceAssistantSetupStepSuccess extends LitElement {
|
||||
@value-changed=${this._voicePicked}
|
||||
@closed=${stopPropagation}
|
||||
></ha-tts-voice-picker>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._testTts}
|
||||
>
|
||||
<ha-svg-icon slot="start" .path=${mdiPlay}></ha-svg-icon>
|
||||
<ha-button @click=${this._testTts}>
|
||||
<ha-svg-icon slot="icon" .path=${mdiPlay}></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.satellite_wizard.success.try_tts"
|
||||
)}
|
||||
|
||||
@ -148,10 +148,7 @@ export class HaVoiceAssistantSetupStepWakeWord extends LitElement {
|
||||
${this.assistConfiguration &&
|
||||
this.assistConfiguration.available_wake_words.length > 1
|
||||
? html`<div class="footer centered">
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._changeWakeWord}
|
||||
<ha-button @click=${this._changeWakeWord}
|
||||
>${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.satellite_wizard.wake_word.change_wake_word"
|
||||
)}</ha-button
|
||||
|
||||
@ -271,6 +271,7 @@ export class HaVoiceCommandDialog extends LitElement {
|
||||
margin-inline-start: -8px;
|
||||
}
|
||||
ha-button-menu ha-button {
|
||||
--ha-font-size-l: var(--ha-font-size-m);
|
||||
--ha-button-height: 20px;
|
||||
}
|
||||
ha-button-menu ha-button::part(base) {
|
||||
|
||||
@ -22,9 +22,7 @@ class HaInitPage extends LitElement {
|
||||
<p class="retry-text">
|
||||
Retrying in ${this._retryInSeconds} seconds...
|
||||
</p>
|
||||
<ha-button size="small" appearance="plain" @click=${this._retry}
|
||||
>Retry now</ha-button
|
||||
>
|
||||
<ha-button @click=${this._retry}>Retry now</ha-button>
|
||||
${location.host.includes("ui.nabu.casa")
|
||||
? html`
|
||||
<p>
|
||||
|
||||
@ -69,13 +69,10 @@ class NotificationManager extends LitElement {
|
||||
${this._parameters?.action
|
||||
? html`
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
slot="action"
|
||||
.label=${this._parameters?.action.text}
|
||||
@click=${this._buttonClicked}
|
||||
>
|
||||
${this._parameters?.action.text}
|
||||
</ha-button>
|
||||
></ha-button>
|
||||
`
|
||||
: nothing}
|
||||
${this._parameters?.dismissable
|
||||
|
||||
@ -32,16 +32,17 @@ class OnboardingRestoreBackupNoCloudBackup extends LitElement {
|
||||
<ha-button @click=${this._signOut}>
|
||||
${this.localize("ui.panel.page-onboarding.restore.ha-cloud.sign_out")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
<a
|
||||
href="https://www.nabucasa.com/config/backups/"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
appearance="plain"
|
||||
>
|
||||
<ha-button>
|
||||
${this.localize(
|
||||
"ui.panel.page-onboarding.restore.ha-cloud.learn_more"
|
||||
)}
|
||||
</ha-button>
|
||||
</a>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -131,17 +131,18 @@ class OnboardingRestoreBackupRestore extends LitElement {
|
||||
${this.localize(
|
||||
"ui.panel.page-onboarding.restore.details.addons_unsupported"
|
||||
)}
|
||||
<ha-button
|
||||
<a
|
||||
slot="action"
|
||||
href="https://www.home-assistant.io/installation/#advanced-installation-methods"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener"
|
||||
size="small"
|
||||
>
|
||||
${this.localize(
|
||||
<ha-button
|
||||
>${this.localize(
|
||||
"ui.panel.page-onboarding.restore.ha-cloud.learn_more"
|
||||
)}</ha-button
|
||||
>
|
||||
</a>
|
||||
</ha-alert>`
|
||||
: nothing}
|
||||
${!onlyHomeAssistantBackup
|
||||
@ -190,13 +191,14 @@ class OnboardingRestoreBackupRestore extends LitElement {
|
||||
|
||||
<div class="actions${this.mode === "cloud" ? " cloud" : ""}">
|
||||
${this.mode === "cloud"
|
||||
? html`<ha-button appearance="plain" @click=${this._signOut}>
|
||||
? html`<ha-button @click=${this._signOut}>
|
||||
${this.localize(
|
||||
"ui.panel.page-onboarding.restore.ha-cloud.sign_out"
|
||||
)}
|
||||
</ha-button>`
|
||||
: nothing}
|
||||
<ha-progress-button
|
||||
unelevated
|
||||
.progress=${this._loading}
|
||||
.disabled=${this._loading ||
|
||||
(backupProtected && this._encryptionKey === "") ||
|
||||
|
||||
@ -40,11 +40,7 @@ class ConfirmEventDialogBox extends LitElement {
|
||||
<div>
|
||||
<p>${this._params.text}</p>
|
||||
</div>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
@click=${this._dismiss}
|
||||
slot="secondaryAction"
|
||||
>
|
||||
<ha-button @click=${this._dismiss} slot="secondaryAction">
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
import { formatInTimeZone, toDate } from "date-fns-tz";
|
||||
import {
|
||||
addDays,
|
||||
addHours,
|
||||
@ -5,7 +6,6 @@ import {
|
||||
differenceInMilliseconds,
|
||||
startOfHour,
|
||||
} from "date-fns";
|
||||
import { formatInTimeZone, toDate } from "date-fns-tz";
|
||||
import type { HassEntity } from "home-assistant-js-websocket";
|
||||
import type { CSSResultGroup } from "lit";
|
||||
import { LitElement, css, html, nothing } from "lit";
|
||||
@ -18,11 +18,11 @@ import { supportsFeature } from "../../common/entity/supports-feature";
|
||||
import { isDate } from "../../common/string/is_date";
|
||||
import "../../components/entity/ha-entity-picker";
|
||||
import "../../components/ha-alert";
|
||||
import "../../components/ha-button";
|
||||
import "../../components/ha-date-input";
|
||||
import { createCloseHeading } from "../../components/ha-dialog";
|
||||
import "../../components/ha-formfield";
|
||||
import "../../components/ha-switch";
|
||||
import "../../components/ha-button";
|
||||
import "../../components/ha-textarea";
|
||||
import "../../components/ha-textfield";
|
||||
import "../../components/ha-time-input";
|
||||
@ -282,7 +282,6 @@ class DialogCalendarEventEditor extends LitElement {
|
||||
? html`
|
||||
<ha-button
|
||||
slot="secondaryAction"
|
||||
appearance="plain"
|
||||
variant="danger"
|
||||
@click=${this._deleteEvent}
|
||||
.disabled=${this._submitting}
|
||||
|
||||
@ -135,7 +135,10 @@ class PanelCalendar extends LitElement {
|
||||
>
|
||||
<ha-button slot="trigger">
|
||||
${this.hass.localize("ui.components.calendar.my_calendars")}
|
||||
<ha-svg-icon slot="end" .path=${mdiChevronDown}></ha-svg-icon>
|
||||
<ha-svg-icon
|
||||
slot="trailingIcon"
|
||||
.path=${mdiChevronDown}
|
||||
></ha-svg-icon>
|
||||
</ha-button>
|
||||
${calendarItems}
|
||||
${this.hass.user?.is_admin
|
||||
@ -300,7 +303,25 @@ class PanelCalendar extends LitElement {
|
||||
--calendar-border-width: 1px 0;
|
||||
}
|
||||
ha-button-menu ha-button {
|
||||
--ha-font-size-m: var(--ha-font-size-l);
|
||||
--mdc-theme-primary: currentColor;
|
||||
--mdc-typography-button-text-transform: none;
|
||||
--mdc-typography-button-font-size: var(
|
||||
--mdc-typography-headline6-font-size,
|
||||
var(--ha-font-size-l)
|
||||
);
|
||||
--mdc-typography-button-font-weight: var(
|
||||
--mdc-typography-headline6-font-weight,
|
||||
var(--ha-font-weight-medium)
|
||||
);
|
||||
--mdc-typography-button-letter-spacing: var(
|
||||
--mdc-typography-headline6-letter-spacing,
|
||||
0.0125em
|
||||
);
|
||||
--mdc-typography-button-line-height: var(
|
||||
--mdc-typography-headline6-line-height,
|
||||
var(--ha-line-height-expanded)
|
||||
);
|
||||
--button-height: 40px;
|
||||
}
|
||||
:host([mobile]) .lists {
|
||||
--mdc-menu-min-width: 100vw;
|
||||
|
||||
@ -220,25 +220,32 @@ export class DialogAddApplicationCredential extends LitElement {
|
||||
helperPersistent
|
||||
></ha-password-field>
|
||||
</div>
|
||||
|
||||
${this._loading
|
||||
? html`
|
||||
<div slot="primaryAction" class="submit-spinner">
|
||||
<ha-spinner></ha-spinner>
|
||||
</div>
|
||||
`
|
||||
: html`
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
slot="secondaryAction"
|
||||
@click=${this._abortDialog}
|
||||
.disabled=${this._loading}
|
||||
>
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
slot="primaryAction"
|
||||
.disabled=${!this._domain || !this._clientId || !this._clientSecret}
|
||||
.disabled=${!this._domain ||
|
||||
!this._clientId ||
|
||||
!this._clientSecret}
|
||||
@click=${this._addApplicationCredential}
|
||||
.loading=${this._loading}
|
||||
>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.application_credentials.editor.add"
|
||||
)}
|
||||
</ha-button>
|
||||
`}
|
||||
</ha-dialog>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -30,8 +30,6 @@ export default class HaAutomationAction extends LitElement {
|
||||
|
||||
@property({ type: Boolean }) public disabled = false;
|
||||
|
||||
@property({ type: Boolean }) public root = false;
|
||||
|
||||
@property({ attribute: false }) public actions!: Action[];
|
||||
|
||||
@property({ attribute: false }) public highlightedActions?: Action[];
|
||||
@ -112,8 +110,6 @@ export default class HaAutomationAction extends LitElement {
|
||||
<ha-button
|
||||
.disabled=${this.disabled}
|
||||
@click=${this._addActionDialog}
|
||||
.appearance=${this.root ? "accent" : "filled"}
|
||||
.size=${this.root ? "medium" : "small"}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiPlus} slot="start"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
@ -121,10 +117,9 @@ export default class HaAutomationAction extends LitElement {
|
||||
)}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
.disabled=${this.disabled}
|
||||
@click=${this._addActionBuildingBlockDialog}
|
||||
appearance="plain"
|
||||
.size=${this.root ? "medium" : "small"}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiPlus} slot="start"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
|
||||
@ -260,14 +260,12 @@ class DialogAutomationSave extends LitElement implements HassDialog {
|
||||
.path=${mdiClose}
|
||||
></ha-icon-button>
|
||||
<span slot="title">${this._params.title || title}</span>
|
||||
${this._params.hideInputs
|
||||
? nothing
|
||||
: html` <ha-suggest-with-ai-button
|
||||
<ha-suggest-with-ai-button
|
||||
slot="actionItems"
|
||||
.hass=${this.hass}
|
||||
.generateTask=${this._generateTask}
|
||||
@suggestion=${this._handleSuggestion}
|
||||
></ha-suggest-with-ai-button>`}
|
||||
></ha-suggest-with-ai-button>
|
||||
</ha-dialog-header>
|
||||
${this._error
|
||||
? html`<ha-alert alert-type="error"
|
||||
@ -383,7 +381,7 @@ class DialogAutomationSave extends LitElement implements HassDialog {
|
||||
return {
|
||||
type: "data",
|
||||
task: {
|
||||
task_name: `frontend__${term}__save`,
|
||||
task_name: `frontend:${term}:save`,
|
||||
instructions: `Suggest in language "${this.hass.language}" a name, description, category and labels for the following Home Assistant ${term}.
|
||||
|
||||
The name should be relevant to the ${term}'s purpose.
|
||||
|
||||
@ -34,8 +34,6 @@ export default class HaAutomationCondition extends LitElement {
|
||||
|
||||
@property({ type: Boolean }) public disabled = false;
|
||||
|
||||
@property({ type: Boolean }) public root = false;
|
||||
|
||||
@state() private _showReorder = false;
|
||||
|
||||
@state()
|
||||
@ -161,8 +159,6 @@ export default class HaAutomationCondition extends LitElement {
|
||||
<ha-button
|
||||
.disabled=${this.disabled}
|
||||
@click=${this._addConditionDialog}
|
||||
.appearance=${this.root ? "accent" : "filled"}
|
||||
.size=${this.root ? "medium" : "small"}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiPlus} slot="start"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
@ -172,7 +168,6 @@ export default class HaAutomationCondition extends LitElement {
|
||||
<ha-button
|
||||
.disabled=${this.disabled}
|
||||
appearance="plain"
|
||||
.size=${this.root ? "medium" : "small"}
|
||||
@click=${this._addConditionBuildingBlockDialog}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiPlus} slot="start"></ha-svg-icon>
|
||||
|
||||
@ -228,7 +228,6 @@ export class HaManualAutomationEditor extends LitElement {
|
||||
@value-changed=${this._conditionChanged}
|
||||
.hass=${this.hass}
|
||||
.disabled=${this.disabled}
|
||||
root
|
||||
></ha-automation-condition>
|
||||
|
||||
<div class="header">
|
||||
@ -270,7 +269,6 @@ export class HaManualAutomationEditor extends LitElement {
|
||||
.hass=${this.hass}
|
||||
.narrow=${this.narrow}
|
||||
.disabled=${this.disabled}
|
||||
root
|
||||
></ha-automation-action>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -100,14 +100,14 @@ export default class HaAutomationOption extends LitElement {
|
||||
)}
|
||||
<div class="buttons">
|
||||
<ha-button
|
||||
appearance="filled"
|
||||
outlined
|
||||
.disabled=${this.disabled}
|
||||
@click=${this._addOption}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiPlus} slot="start"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
.label=${this.hass.localize(
|
||||
"ui.panel.config.automation.editor.actions.type.choose.add_option"
|
||||
)}
|
||||
@click=${this._addOption}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiPlus} slot="icon"></ha-svg-icon>
|
||||
</ha-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -58,7 +58,7 @@ class DialogPasteReplace extends LitElement implements HassDialog {
|
||||
></ha-yaml-editor>
|
||||
|
||||
<div slot="primaryAction">
|
||||
<ha-button appearance="plain" @click=${this._handleAppend}>
|
||||
<ha-button @click=${this._handleAppend}>
|
||||
${this.hass.localize("ui.common.append")}
|
||||
</ha-button>
|
||||
<ha-button @click=${this._handleReplace}>
|
||||
@ -89,10 +89,6 @@ class DialogPasteReplace extends LitElement implements HassDialog {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
div[slot="primaryAction"] {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
@ -2,13 +2,11 @@ import type { PropertyValues } from "lit";
|
||||
import { html, LitElement, nothing } from "lit";
|
||||
import { customElement, property, state } from "lit/decorators";
|
||||
import memoizeOne from "memoize-one";
|
||||
import { firstWeekdayIndex } from "../../../../../common/datetime/first_weekday";
|
||||
import { fireEvent } from "../../../../../common/dom/fire_event";
|
||||
import type { LocalizeFunc } from "../../../../../common/translations/localize";
|
||||
import "../../../../../components/ha-form/ha-form";
|
||||
import type { SchemaUnion } from "../../../../../components/ha-form/types";
|
||||
import type { TimeTrigger } from "../../../../../data/automation";
|
||||
import type { FrontendLocaleData } from "../../../../../data/translation";
|
||||
import type { HomeAssistant } from "../../../../../types";
|
||||
import type { TriggerElement } from "../ha-automation-trigger-row";
|
||||
import { computeDomain } from "../../../../../common/entity/compute_domain";
|
||||
@ -16,7 +14,6 @@ import { computeDomain } from "../../../../../common/entity/compute_domain";
|
||||
const MODE_TIME = "time";
|
||||
const MODE_ENTITY = "entity";
|
||||
const VALID_DOMAINS = ["sensor", "input_datetime"];
|
||||
const DAYS = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"] as const;
|
||||
|
||||
@customElement("ha-automation-trigger-time")
|
||||
export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
@ -38,14 +35,9 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
private _schema = memoizeOne(
|
||||
(
|
||||
localize: LocalizeFunc,
|
||||
locale: FrontendLocaleData,
|
||||
inputMode: typeof MODE_TIME | typeof MODE_ENTITY
|
||||
) => {
|
||||
const dayIndex = firstWeekdayIndex(locale);
|
||||
const sortedDays = DAYS.slice(dayIndex, DAYS.length).concat(
|
||||
DAYS.slice(0, dayIndex)
|
||||
);
|
||||
return [
|
||||
) =>
|
||||
[
|
||||
{
|
||||
name: "mode",
|
||||
type: "select",
|
||||
@ -81,21 +73,7 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
},
|
||||
{ name: "offset", selector: { text: {} } },
|
||||
] as const)),
|
||||
{
|
||||
type: "multi_select",
|
||||
name: "weekday",
|
||||
options: sortedDays.map(
|
||||
(day) =>
|
||||
[
|
||||
day,
|
||||
localize(
|
||||
`ui.panel.config.automation.editor.triggers.type.time.weekdays.${day}`
|
||||
),
|
||||
] as const
|
||||
),
|
||||
},
|
||||
] as const;
|
||||
}
|
||||
);
|
||||
|
||||
public willUpdate(changedProperties: PropertyValues) {
|
||||
@ -117,14 +95,12 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
inputMode: undefined | typeof MODE_ENTITY | typeof MODE_TIME,
|
||||
at:
|
||||
| string
|
||||
| { entity_id: string | undefined; offset?: string | undefined },
|
||||
weekday: string | string[] | undefined
|
||||
| { entity_id: string | undefined; offset?: string | undefined }
|
||||
): {
|
||||
mode: typeof MODE_TIME | typeof MODE_ENTITY;
|
||||
entity: string | undefined;
|
||||
time: string | undefined;
|
||||
offset: string | undefined;
|
||||
weekday: string | string[] | undefined;
|
||||
} => {
|
||||
const entity =
|
||||
typeof at === "object"
|
||||
@ -140,7 +116,6 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
entity,
|
||||
time,
|
||||
offset,
|
||||
weekday,
|
||||
};
|
||||
}
|
||||
);
|
||||
@ -152,12 +127,8 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
return nothing;
|
||||
}
|
||||
|
||||
const data = this._data(this._inputMode, at, this.trigger.weekday);
|
||||
const schema = this._schema(
|
||||
this.hass.localize,
|
||||
this.hass.locale,
|
||||
data.mode
|
||||
);
|
||||
const data = this._data(this._inputMode, at);
|
||||
const schema = this._schema(this.hass.localize, data.mode);
|
||||
|
||||
return html`
|
||||
<ha-form
|
||||
@ -175,18 +146,14 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
ev.stopPropagation();
|
||||
const newValue = { ...ev.detail.value };
|
||||
this._inputMode = newValue.mode;
|
||||
|
||||
const weekday = newValue.weekday;
|
||||
delete newValue.weekday;
|
||||
|
||||
if (newValue.mode === MODE_TIME) {
|
||||
delete newValue.entity;
|
||||
delete newValue.offset;
|
||||
} else {
|
||||
delete newValue.time;
|
||||
}
|
||||
|
||||
const triggerUpdate: TimeTrigger = {
|
||||
fireEvent(this, "value-changed", {
|
||||
value: {
|
||||
...this.trigger,
|
||||
at: newValue.offset
|
||||
? {
|
||||
@ -194,17 +161,7 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
offset: newValue.offset,
|
||||
}
|
||||
: newValue.entity || newValue.time,
|
||||
};
|
||||
|
||||
// Only include weekday if it has a value
|
||||
if (weekday && weekday.length > 0) {
|
||||
triggerUpdate.weekday = weekday;
|
||||
} else {
|
||||
delete triggerUpdate.weekday;
|
||||
}
|
||||
|
||||
fireEvent(this, "value-changed", {
|
||||
value: triggerUpdate,
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
@ -216,10 +173,6 @@ export class HaTimeTrigger extends LitElement implements TriggerElement {
|
||||
return this.hass.localize(
|
||||
`ui.panel.config.automation.editor.triggers.type.time.at`
|
||||
);
|
||||
case "weekday":
|
||||
return this.hass.localize(
|
||||
`ui.panel.config.automation.editor.triggers.type.time.weekday`
|
||||
);
|
||||
}
|
||||
return this.hass.localize(
|
||||
`ui.panel.config.automation.editor.triggers.type.time.${schema.name}`
|
||||
|
||||
@ -99,11 +99,13 @@ class HaBackupOverviewBackups extends LitElement {
|
||||
</ha-md-list>
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<ha-button appearance="filled" href="/config/backup/backups?type=all">
|
||||
<a href="/config/backup/backups?type=all">
|
||||
<ha-button appearance="filled">
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.overview.backups.show_all"
|
||||
)}
|
||||
</ha-button>
|
||||
</a>
|
||||
</div>
|
||||
</ha-card>
|
||||
`;
|
||||
|
||||
@ -375,13 +375,8 @@ class DialogBackupOnboarding extends LitElement implements HassDialog {
|
||||
"ui.panel.config.backup.encryption_key.download_emergency_kit_description"
|
||||
)}
|
||||
</span>
|
||||
<ha-button
|
||||
size="small"
|
||||
appearance="plain"
|
||||
slot="end"
|
||||
@click=${this._downloadKey}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="start"></ha-svg-icon>
|
||||
<ha-button slot="end" @click=${this._downloadKey}>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="icon"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.encryption_key.download_emergency_kit_action"
|
||||
)}
|
||||
|
||||
@ -128,7 +128,7 @@ class DialogChangeBackupEncryptionKey extends LitElement implements HassDialog {
|
||||
<ha-button
|
||||
@click=${this._submit}
|
||||
.disabled=${!this._newEncryptionKey}
|
||||
variant="danger"
|
||||
class="danger"
|
||||
>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.dialogs.change_encryption_key.actions.change"
|
||||
@ -176,7 +176,7 @@ class DialogChangeBackupEncryptionKey extends LitElement implements HassDialog {
|
||||
)}
|
||||
</span>
|
||||
<ha-button slot="end" @click=${this._downloadOld}>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="start"></ha-svg-icon>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="icon"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.encryption_key.download_old_emergency_kit_action"
|
||||
)}
|
||||
@ -211,7 +211,7 @@ class DialogChangeBackupEncryptionKey extends LitElement implements HassDialog {
|
||||
)}
|
||||
</span>
|
||||
<ha-button slot="end" @click=${this._downloadNew}>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="start"></ha-svg-icon>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="icon"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.encryption_key.download_emergency_kit_action"
|
||||
)}
|
||||
@ -297,6 +297,9 @@ class DialogChangeBackupEncryptionKey extends LitElement implements HassDialog {
|
||||
--md-list-item-leading-space: 0;
|
||||
--md-list-item-trailing-space: 0;
|
||||
}
|
||||
ha-button.danger {
|
||||
--mdc-theme-primary: var(--error-color);
|
||||
}
|
||||
.encryption-key {
|
||||
border: 1px solid var(--divider-color);
|
||||
background-color: var(--primary-background-color);
|
||||
|
||||
@ -112,7 +112,7 @@ class DialogDownloadDecryptedBackup extends LitElement implements HassDialog {
|
||||
: nothing}
|
||||
</div>
|
||||
<div slot="actions">
|
||||
<ha-button appearance="plain" @click=${this._cancel}>
|
||||
<ha-button @click=${this._cancel}>
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
|
||||
|
||||
@ -2,10 +2,10 @@ import type { CSSResultGroup } from "lit";
|
||||
import { css, html, LitElement, nothing } from "lit";
|
||||
import { customElement, property, state } from "lit/decorators";
|
||||
import { fireEvent } from "../../../../common/dom/fire_event";
|
||||
import "../../../../components/ha-alert";
|
||||
import "../../../../components/ha-button";
|
||||
import { createCloseHeading } from "../../../../components/ha-dialog";
|
||||
import "../../../../components/ha-form/ha-form";
|
||||
import "../../../../components/ha-alert";
|
||||
import type {
|
||||
HaFormSchema,
|
||||
SchemaUnion,
|
||||
@ -91,7 +91,6 @@ class LocalBackupLocationDialog extends LitElement {
|
||||
</ha-alert>
|
||||
<ha-button
|
||||
slot="secondaryAction"
|
||||
appearance="plain"
|
||||
@click=${this.closeDialog}
|
||||
dialogInitialFocus
|
||||
>
|
||||
|
||||
@ -227,7 +227,7 @@ class DialogRestoreBackup extends LitElement implements HassDialog {
|
||||
|
||||
private _renderConfirmActions() {
|
||||
return html`
|
||||
<ha-button appearance="plain" @click=${this.closeDialog}>
|
||||
<ha-button @click=${this.closeDialog}>
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button @click=${this._restoreBackup} variant="danger">
|
||||
|
||||
@ -151,13 +151,8 @@ class DialogSetBackupEncryptionKey extends LitElement implements HassDialog {
|
||||
"ui.panel.config.backup.encryption_key.download_emergency_kit_description"
|
||||
)}
|
||||
</span>
|
||||
<ha-button
|
||||
size="small"
|
||||
appearance="plain"
|
||||
slot="end"
|
||||
@click=${this._download}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="start"></ha-svg-icon>
|
||||
<ha-button slot="end" @click=${this._download}>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="icon"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.encryption_key.download_emergency_kit_action"
|
||||
)}
|
||||
|
||||
@ -87,13 +87,8 @@ class DialogShowBackupEncryptionKey extends LitElement implements HassDialog {
|
||||
"ui.panel.config.backup.encryption_key.download_emergency_kit_description"
|
||||
)}
|
||||
</span>
|
||||
<ha-button
|
||||
size="small"
|
||||
appearance="plain"
|
||||
slot="end"
|
||||
@click=${this._download}
|
||||
>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="start"></ha-svg-icon>
|
||||
<ha-button slot="end" @click=${this._download}>
|
||||
<ha-svg-icon .path=${mdiDownload} slot="icon"></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.encryption_key.download_emergency_kit_action"
|
||||
)}
|
||||
|
||||
@ -113,10 +113,7 @@ export class DialogUploadBackup
|
||||
></ha-file-upload>
|
||||
</div>
|
||||
<div slot="actions">
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
@click=${this.closeDialog}
|
||||
.disabled=${this._uploading}
|
||||
<ha-button @click=${this.closeDialog} .disabled=${this._uploading}
|
||||
>${this.hass.localize("ui.common.cancel")}</ha-button
|
||||
>
|
||||
<ha-button
|
||||
|
||||
@ -417,11 +417,7 @@ class HaConfigBackupBackups extends SubscribeMixin(LitElement) {
|
||||
<div slot="selection-bar">
|
||||
${!this.narrow
|
||||
? html`
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
@click=${this._deleteSelected}
|
||||
variant="danger"
|
||||
>
|
||||
<ha-button @click=${this._deleteSelected} class="warning">
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.backups.delete_selected"
|
||||
)}
|
||||
|
||||
@ -158,18 +158,18 @@ class HaConfigBackupDetails extends LitElement {
|
||||
"ui.panel.config.backup.location.encryption.location_encrypted_cloud_description"
|
||||
)}
|
||||
</span>
|
||||
<ha-button
|
||||
<a
|
||||
href="https://www.nabucasa.com/config/backups/"
|
||||
target="_blank"
|
||||
slot="end"
|
||||
rel="noreferrer noopener"
|
||||
appearance="plain"
|
||||
size="small"
|
||||
>
|
||||
<ha-button>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.backup.location.encryption.location_encrypted_cloud_learn_more"
|
||||
)}
|
||||
</ha-button>
|
||||
</a>
|
||||
</ha-md-list-item>
|
||||
`
|
||||
: encrypted
|
||||
|
||||
@ -187,11 +187,7 @@ export class CloudRemotePref extends LitElement {
|
||||
)
|
||||
: nothing}</span
|
||||
>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
size="small"
|
||||
@click=${this._openCertInfo}
|
||||
>
|
||||
<ha-button @click=${this._openCertInfo}>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.cloud.account.remote.more_info"
|
||||
)}
|
||||
|
||||
@ -126,7 +126,7 @@ export class CloudTTSPref extends LitElement {
|
||||
`}
|
||||
</div>
|
||||
<div class="flex"></div>
|
||||
<ha-button appearance="plain" @click=${this._openTryDialog}>
|
||||
<ha-button @click=${this._openTryDialog}>
|
||||
${this.hass.localize("ui.panel.config.cloud.account.tts.try")}
|
||||
</ha-button>
|
||||
</div>
|
||||
|
||||
@ -77,9 +77,7 @@ export class DialogSupportPackage extends LitElement {
|
||||
</ha-alert>
|
||||
<hr />
|
||||
<div class="actions">
|
||||
<ha-button appearance="plain" @click=${this.closeDialog}
|
||||
>Close</ha-button
|
||||
>
|
||||
<ha-button @click=${this.closeDialog}>Close</ha-button>
|
||||
<ha-button @click=${this._download}>Download</ha-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1442,9 +1442,10 @@ export class HaConfigDevicePage extends LitElement {
|
||||
}
|
||||
|
||||
private async _signUrl(ev) {
|
||||
const anchor = ev.currentTarget.closest("a");
|
||||
const signedUrl = await getSignedPath(
|
||||
this.hass,
|
||||
ev.currentTarget.getAttribute("href")
|
||||
anchor.getAttribute("href")
|
||||
);
|
||||
fileDownload(signedUrl.path);
|
||||
}
|
||||
|
||||
@ -202,7 +202,7 @@ export class EntitySettingsHelperTab extends LitElement {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 16px;
|
||||
padding: 0 24px 24px 24px;
|
||||
background-color: var(--mdc-theme-surface, #fff);
|
||||
}
|
||||
.error {
|
||||
|
||||
@ -249,9 +249,9 @@ export class EntityRegistrySettings extends SubscribeMixin(LitElement) {
|
||||
.buttons {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
padding: 16px;
|
||||
padding: 8px;
|
||||
justify-content: space-between;
|
||||
padding-bottom: max(var(--safe-area-inset-bottom), 16px);
|
||||
padding-bottom: max(var(--safe-area-inset-bottom), 8px);
|
||||
background-color: var(--mdc-theme-surface, #fff);
|
||||
border-top: 1px solid var(--divider-color);
|
||||
position: sticky;
|
||||
|
||||
@ -92,9 +92,8 @@ class DialogScheduleBlockInfo extends LitElement {
|
||||
</div>
|
||||
<ha-button
|
||||
slot="secondaryAction"
|
||||
class="warning"
|
||||
@click=${this._deleteBlock}
|
||||
appearance="plain"
|
||||
variant="danger"
|
||||
>
|
||||
${this.hass!.localize("ui.common.delete")}
|
||||
</ha-button>
|
||||
|
||||
@ -145,7 +145,7 @@ class HaInputSelectForm extends LitElement {
|
||||
)}
|
||||
@keydown=${this._handleKeyAdd}
|
||||
></ha-textfield>
|
||||
<ha-button size="small" appearance="plain" @click=${this._addOption}
|
||||
<ha-button @click=${this._addOption}
|
||||
>${this.hass!.localize(
|
||||
"ui.dialogs.helper_settings.input_select.add"
|
||||
)}</ha-button
|
||||
|
||||
@ -207,7 +207,7 @@ class HaConfigEntryRow extends LitElement {
|
||||
: nothing}
|
||||
</div>
|
||||
${item.disabled_by === "user"
|
||||
? html`<ha-button slot="end" @click=${this._handleEnable}>
|
||||
? html`<ha-button unelevated slot="end" @click=${this._handleEnable}>
|
||||
${this.hass.localize("ui.common.enable")}
|
||||
</ha-button>`
|
||||
: configPanel &&
|
||||
|
||||
@ -45,9 +45,10 @@ export class HaDisabledConfigEntryCard extends LitElement {
|
||||
>
|
||||
<ha-icon-button .path=${mdiCog}></ha-icon-button>
|
||||
</a>
|
||||
<ha-button @click=${this._handleEnable} appearance="filled">
|
||||
${this.hass.localize("ui.common.enable")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
@click=${this._handleEnable}
|
||||
.label=${this.hass.localize("ui.common.enable")}
|
||||
></ha-button>
|
||||
</ha-integration-action-card>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -34,11 +34,12 @@ export class HaIgnoredConfigEntryCard extends LitElement {
|
||||
this.entry.localized_domain_name
|
||||
: this.entry.title}
|
||||
>
|
||||
<ha-button appearance="plain" @click=${this._removeIgnoredIntegration}>
|
||||
${this.hass.localize(
|
||||
<ha-button
|
||||
@click=${this._removeIgnoredIntegration}
|
||||
.label=${this.hass.localize(
|
||||
"ui.panel.config.integrations.ignore.stop_ignore"
|
||||
)}
|
||||
</ha-button>
|
||||
></ha-button>
|
||||
</ha-integration-action-card>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -112,8 +112,7 @@ export class HaIntegrationCard extends LitElement {
|
||||
return html`
|
||||
<div class="card-actions">
|
||||
${devices.length > 0
|
||||
? html`<ha-button
|
||||
appearance="plain"
|
||||
? html`<a
|
||||
href=${devices.length === 1 &&
|
||||
// Always link to device page for protocol integrations to show Add Device button
|
||||
// @ts-expect-error
|
||||
@ -121,28 +120,31 @@ export class HaIntegrationCard extends LitElement {
|
||||
? `/config/devices/device/${devices[0].id}`
|
||||
: `/config/devices/dashboard?historyBack=1&domain=${this.domain}`}
|
||||
>
|
||||
<ha-button appearance="plain">
|
||||
${this.hass.localize(
|
||||
`ui.panel.config.integrations.config_entry.${
|
||||
services ? "services" : "devices"
|
||||
}`,
|
||||
{ count: devices.length }
|
||||
)}
|
||||
</ha-button>`
|
||||
</ha-button>
|
||||
</a>`
|
||||
: entitiesCount > 0
|
||||
? html`<ha-button
|
||||
appearance="plain"
|
||||
? html`<a
|
||||
href=${`/config/entities?historyBack=1&domain=${this.domain}`}
|
||||
>
|
||||
<ha-button appearance="plain">
|
||||
${this.hass.localize(
|
||||
`ui.panel.config.integrations.config_entry.entities`,
|
||||
{ count: entitiesCount }
|
||||
)}
|
||||
</ha-button>`
|
||||
</ha-button>
|
||||
</a>`
|
||||
: this.items.find((itm) => itm.source !== "yaml")
|
||||
? html`<ha-button
|
||||
appearance="plain"
|
||||
? html`<a
|
||||
href=${`/config/integrations/integration/${this.domain}`}
|
||||
>
|
||||
<ha-button appearance="plain">
|
||||
${this.hass.localize(
|
||||
`ui.panel.config.integrations.config_entry.entries`,
|
||||
{
|
||||
@ -150,7 +152,8 @@ export class HaIntegrationCard extends LitElement {
|
||||
.length,
|
||||
}
|
||||
)}
|
||||
</ha-button>`
|
||||
</ha-button>
|
||||
</a>`
|
||||
: html`<div class="spacer"></div>`}
|
||||
<div class="icons">
|
||||
${this.manifest && !this.manifest.is_built_in
|
||||
|
||||
@ -114,11 +114,7 @@ class DialogSSDPDiscoveryInfo extends LitElement implements HassDialog {
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
slot="secondaryAction"
|
||||
@click=${this._copyToClipboard}
|
||||
>
|
||||
<ha-button slot="secondaryAction" @click=${this._copyToClipboard}>
|
||||
${this.hass.localize("ui.panel.config.ssdp.copy_to_clipboard")}
|
||||
</ha-button>
|
||||
</ha-dialog>
|
||||
|
||||
@ -3,16 +3,16 @@ import { html, LitElement, nothing } from "lit";
|
||||
import { customElement, property, state } from "lit/decorators";
|
||||
import { fireEvent } from "../../../../../common/dom/fire_event";
|
||||
import { stopPropagation } from "../../../../../common/dom/stop_propagation";
|
||||
import type { HassDialog } from "../../../../../dialogs/make-dialog-manager";
|
||||
import { changeZHANetworkChannel } from "../../../../../data/zha";
|
||||
import { showAlertDialog } from "../../../../../dialogs/generic/show-dialog-box";
|
||||
import { createCloseHeading } from "../../../../../components/ha-dialog";
|
||||
import type { HomeAssistant } from "../../../../../types";
|
||||
import "../../../../../components/buttons/ha-progress-button";
|
||||
import "../../../../../components/ha-alert";
|
||||
import "../../../../../components/ha-button";
|
||||
import { createCloseHeading } from "../../../../../components/ha-dialog";
|
||||
import "../../../../../components/ha-list-item";
|
||||
import "../../../../../components/ha-select";
|
||||
import { changeZHANetworkChannel } from "../../../../../data/zha";
|
||||
import { showAlertDialog } from "../../../../../dialogs/generic/show-dialog-box";
|
||||
import type { HassDialog } from "../../../../../dialogs/make-dialog-manager";
|
||||
import type { HomeAssistant } from "../../../../../types";
|
||||
import "../../../../../components/ha-list-item";
|
||||
import type { ZHAChangeChannelDialogParams } from "./show-dialog-zha-change-channel";
|
||||
|
||||
const VALID_CHANNELS = [
|
||||
@ -128,7 +128,6 @@ class DialogZHAChangeChannel extends LitElement implements HassDialog {
|
||||
|
||||
<ha-button
|
||||
slot="secondaryAction"
|
||||
appearance="plain"
|
||||
@click=${this.closeDialog}
|
||||
.disabled=${this._migrationInProgress}
|
||||
>${this.hass.localize("ui.common.cancel")}</ha-button
|
||||
|
||||
@ -160,11 +160,7 @@ class DialogZHAReconfigureDevice extends LitElement {
|
||||
<ha-button slot="primaryAction" @click=${this.closeDialog}>
|
||||
${this.hass.localize("ui.common.close")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
slot="secondaryAction"
|
||||
@click=${this._toggleDetails}
|
||||
>
|
||||
<ha-button slot="secondaryAction" @click=${this._toggleDetails}>
|
||||
${this._showDetails
|
||||
? this.hass.localize(
|
||||
`ui.dialogs.zha_reconfigure_device.button_hide`
|
||||
@ -193,11 +189,7 @@ class DialogZHAReconfigureDevice extends LitElement {
|
||||
<ha-button slot="primaryAction" @click=${this.closeDialog}>
|
||||
${this.hass.localize("ui.common.close")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
slot="secondaryAction"
|
||||
@click=${this._toggleDetails}
|
||||
>
|
||||
<ha-button slot="secondaryAction" @click=${this._toggleDetails}>
|
||||
${this._showDetails
|
||||
? this.hass.localize(
|
||||
`ui.dialogs.zha_reconfigure_device.button_hide`
|
||||
|
||||
@ -176,7 +176,7 @@ export class ZHAAddGroupPage extends LitElement {
|
||||
}
|
||||
.buttons {
|
||||
align-items: flex-end;
|
||||
padding: 16px;
|
||||
padding: 8px;
|
||||
}
|
||||
.buttons .warning {
|
||||
--mdc-theme-primary: var(--error-color);
|
||||
|
||||
@ -305,7 +305,7 @@ export class ZHAGroupPage extends LitElement {
|
||||
}
|
||||
.buttons {
|
||||
align-items: flex-end;
|
||||
padding: 16px;
|
||||
padding: 8px;
|
||||
}
|
||||
.buttons .warning {
|
||||
--mdc-theme-primary: var(--error-color);
|
||||
|
||||
@ -33,11 +33,13 @@ export class ZWaveJsAddNodeFailed extends LitElement {
|
||||
</div>`
|
||||
: nothing}
|
||||
${this.device?.id
|
||||
? html`<ha-button href=${`/config/devices/device/${this.device.id}`}>
|
||||
? html`<a href=${`/config/devices/device/${this.device.id}`}>
|
||||
<ha-button>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.zwave_js.add_node.view_device"
|
||||
)}
|
||||
</ha-button>`
|
||||
</ha-button>
|
||||
</a>`
|
||||
: nothing}
|
||||
`;
|
||||
}
|
||||
|
||||
@ -219,11 +219,7 @@ class DialogZWaveJSRemoveNode extends LitElement {
|
||||
|
||||
if (this._step === "start_removal") {
|
||||
return html`
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
slot="secondaryAction"
|
||||
@click=${this.closeDialog}
|
||||
>
|
||||
<ha-button slot="secondaryAction" @click=${this.closeDialog}>
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
@ -238,11 +234,7 @@ class DialogZWaveJSRemoveNode extends LitElement {
|
||||
|
||||
if (this._step === "start_exclusion") {
|
||||
return html`
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
slot="secondaryAction"
|
||||
@click=${this.closeDialog}
|
||||
>
|
||||
<ha-button slot="secondaryAction" @click=${this.closeDialog}>
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
|
||||
@ -157,7 +157,6 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
|
||||
.path=${mdiRefresh}
|
||||
.label=${this.hass!.localize("ui.common.refresh")}
|
||||
></ha-icon-button>
|
||||
<div class="container">
|
||||
${this._network
|
||||
? html`
|
||||
<ha-card class="content network-status">
|
||||
@ -446,12 +445,12 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<p>
|
||||
Enable the reporting of anonymized telemetry and
|
||||
statistics to the <em>Z-Wave JS organization</em>. This
|
||||
data will be used to focus development efforts and improve
|
||||
the user experience. Information about the data that is
|
||||
collected and how it is used, including an example of the
|
||||
data collected, can be found in the
|
||||
Enable the reporting of anonymized telemetry and statistics
|
||||
to the <em>Z-Wave JS organization</em>. This data will be
|
||||
used to focus development efforts and improve the user
|
||||
experience. Information about the data that is collected and
|
||||
how it is used, including an example of the data collected,
|
||||
can be found in the
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://zwave-js.github.io/node-zwave-js/#/data-collection/data-collection"
|
||||
@ -532,7 +531,6 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
|
||||
</ha-card>
|
||||
`
|
||||
: nothing}
|
||||
</div>
|
||||
<ha-fab
|
||||
slot="fab"
|
||||
.label=${this.hass.localize(
|
||||
@ -959,7 +957,6 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
|
||||
.card-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.card-actions ha-progress-ring {
|
||||
@ -987,10 +984,6 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
|
||||
.migrate-button {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 8px 16px 16px;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
@ -92,12 +92,12 @@ class ZWaveJSCustomParam extends LitElement {
|
||||
</div>
|
||||
<div class="custom-config-buttons">
|
||||
${this._isLoading ? html`<ha-spinner></ha-spinner>` : nothing}
|
||||
<ha-button appearance="plain" @click=${this._getCustomConfigValue}>
|
||||
<ha-button @click=${this._getCustomConfigValue}>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.zwave_js.node_config.get_value"
|
||||
)}
|
||||
</ha-button>
|
||||
<ha-button appearance="plain" @click=${this._setCustomConfigValue}>
|
||||
<ha-button @click=${this._setCustomConfigValue}>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.zwave_js.node_config.set_value"
|
||||
)}
|
||||
|
||||
@ -94,7 +94,7 @@ class DownloadLogsDialog extends LitElement {
|
||||
</ha-md-select>
|
||||
</div>
|
||||
<div slot="actions">
|
||||
<ha-button appearance="plain" @click=${this.closeDialog}>
|
||||
<ha-button @click=${this.closeDialog}>
|
||||
${this.hass.localize("ui.common.cancel")}
|
||||
</ha-button>
|
||||
<ha-button @click=${this._downloadLogs}>
|
||||
|
||||
@ -312,16 +312,17 @@ class ErrorLogCard extends LitElement {
|
||||
!this._scrolledToBottomController.value) ||
|
||||
false,
|
||||
})}"
|
||||
size="small"
|
||||
appearance="filled"
|
||||
@click=${this._scrollToBottom}
|
||||
>
|
||||
<ha-svg-icon
|
||||
.path=${mdiArrowCollapseDown}
|
||||
slot="start"
|
||||
slot="icon"
|
||||
></ha-svg-icon>
|
||||
${localize("ui.panel.config.logs.scroll_down_button")}
|
||||
<ha-svg-icon .path=${mdiArrowCollapseDown} slot="end"></ha-svg-icon>
|
||||
<ha-svg-icon
|
||||
.path=${mdiArrowCollapseDown}
|
||||
slot="trailingIcon"
|
||||
></ha-svg-icon>
|
||||
</ha-button>
|
||||
${streaming && this._boot === 0 && !this._error
|
||||
? html`<div class="live-indicator">
|
||||
@ -822,16 +823,25 @@ class ErrorLogCard extends LitElement {
|
||||
}
|
||||
|
||||
.new-logs-indicator {
|
||||
--mdc-theme-primary: var(--text-primary-color);
|
||||
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
left: 4px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 0;
|
||||
background-color: var(--primary-color);
|
||||
border-radius: 8px;
|
||||
|
||||
transition: height 0.4s ease-out;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.new-logs-indicator.visible {
|
||||
height: 32px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.error {
|
||||
|
||||
@ -250,21 +250,6 @@ export class HaConfigLogs extends LitElement {
|
||||
.content {
|
||||
direction: ltr;
|
||||
}
|
||||
@media all and (max-width: 870px) {
|
||||
ha-button-menu {
|
||||
max-width: 50%;
|
||||
}
|
||||
ha-button {
|
||||
max-width: 100%;
|
||||
}
|
||||
ha-button::part(label) {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
ha-list-item[selected] {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
||||
@ -284,7 +284,7 @@ class ConfigUrlForm extends SubscribeMixin(LitElement) {
|
||||
.url=${internalUrl}
|
||||
@click=${this._copyURL}
|
||||
>
|
||||
<ha-svg-icon slot="start" .path=${mdiContentCopy}></ha-svg-icon>
|
||||
<ha-svg-icon slot="icon" .path=${mdiContentCopy}></ha-svg-icon>
|
||||
${this.hass.localize("ui.panel.config.common.copy_link")}
|
||||
</ha-button>
|
||||
</div>
|
||||
|
||||
@ -145,12 +145,13 @@ export class HassioNetwork extends LitElement {
|
||||
class="scan"
|
||||
@click=${this._scanForAP}
|
||||
.disabled=${this._scanning}
|
||||
.loading=${this._scanning}
|
||||
>
|
||||
${this.hass.localize(
|
||||
${this._scanning
|
||||
? html`<ha-spinner size="small"> </ha-spinner>`
|
||||
: this.hass.localize(
|
||||
"ui.panel.config.network.supervisor.scan_ap"
|
||||
)}
|
||||
<ha-svg-icon slot="start" .path=${mdiWifi}></ha-svg-icon>
|
||||
<ha-svg-icon slot="icon" .path=${mdiWifi}></ha-svg-icon>
|
||||
</ha-button>
|
||||
${this._accessPoints.length
|
||||
? html`
|
||||
@ -267,7 +268,7 @@ export class HassioNetwork extends LitElement {
|
||||
>
|
||||
${this.hass.localize("ui.common.save")}
|
||||
</ha-button>
|
||||
<ha-button variant="danger" appearance="plain" @click=${this._clear}>
|
||||
<ha-button appearance="plain" @click=${this._clear}>
|
||||
${this.hass.localize("ui.panel.config.network.supervisor.reset")}
|
||||
</ha-button>
|
||||
</div>`;
|
||||
|
||||
@ -196,7 +196,6 @@ export class HaManualScriptEditor extends LitElement {
|
||||
.hass=${this.hass}
|
||||
.narrow=${this.narrow}
|
||||
.disabled=${this.disabled}
|
||||
root
|
||||
></ha-automation-action>
|
||||
`;
|
||||
}
|
||||
|
||||
@ -91,10 +91,12 @@ export class AssistPipelineDetailTTS extends LitElement {
|
||||
${
|
||||
this.data?.tts_engine
|
||||
? html`<div class="footer">
|
||||
<ha-button @click=${this._preview}>
|
||||
${this.hass.localize(
|
||||
<ha-button
|
||||
.label=${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.assistants.pipeline.detail.try_tts"
|
||||
)}
|
||||
@click=${this._preview}
|
||||
>
|
||||
</ha-button>
|
||||
</div>`
|
||||
: nothing
|
||||
|
||||
@ -61,12 +61,10 @@ export class AssistPipelineRunDebug extends LitElement {
|
||||
slot="toolbar-icon"
|
||||
@click=${this._clearConversation}
|
||||
.disabled=${!this._finished}
|
||||
appearance="plain"
|
||||
>
|
||||
${this.hass.localize("ui.common.clear")}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
appearance="plain"
|
||||
slot="toolbar-icon"
|
||||
@click=${this._downloadConversation}
|
||||
>
|
||||
@ -85,16 +83,13 @@ export class AssistPipelineRunDebug extends LitElement {
|
||||
@value-changed=${this._pipelinePicked}
|
||||
></ha-assist-pipeline-picker>
|
||||
<div class="start-buttons">
|
||||
<ha-button
|
||||
appearance="filled"
|
||||
@click=${this._runTextPipeline}
|
||||
>
|
||||
<ha-button raised @click=${this._runTextPipeline}>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.debug.pipeline.run_text_pipeline"
|
||||
)}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
appearance="filled"
|
||||
raised
|
||||
@click=${this._runAudioPipeline}
|
||||
.disabled=${!window.isSecureContext ||
|
||||
// @ts-ignore-next-line
|
||||
@ -105,7 +100,7 @@ export class AssistPipelineRunDebug extends LitElement {
|
||||
)}
|
||||
</ha-button>
|
||||
<ha-button
|
||||
appearance="filled"
|
||||
raised
|
||||
@click=${this._runAudioWakeWordPipeline}
|
||||
.disabled=${!window.isSecureContext ||
|
||||
// @ts-ignore-next-line
|
||||
@ -140,19 +135,13 @@ export class AssistPipelineRunDebug extends LitElement {
|
||||
? this._pipelineRuns[0].init_options!.start_stage ===
|
||||
"wake_word"
|
||||
? html`
|
||||
<ha-button
|
||||
appearance="filled"
|
||||
@click=${this._runAudioWakeWordPipeline}
|
||||
>
|
||||
<ha-button @click=${this._runAudioWakeWordPipeline}>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.debug.pipeline.continue_listening"
|
||||
)}
|
||||
</ha-button>
|
||||
`
|
||||
: html`<ha-button
|
||||
appearance="filled"
|
||||
@click=${this._runAudioPipeline}
|
||||
>
|
||||
: html`<ha-button @click=${this._runAudioPipeline}>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.debug.pipeline.continue_talking"
|
||||
)}
|
||||
|
||||
@ -182,11 +182,13 @@ export class DialogVoiceAssistantPipelineDetail extends LitElement {
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.assistants.pipeline.detail.no_cloud_message"
|
||||
)}
|
||||
<ha-button size="small" href="/config/cloud" slot="action">
|
||||
<a href="/config/cloud" slot="action">
|
||||
<ha-button>
|
||||
${this.hass.localize(
|
||||
"ui.panel.config.voice_assistants.assistants.pipeline.detail.no_cloud_action"
|
||||
)}
|
||||
</ha-button>
|
||||
</a>
|
||||
</ha-alert>
|
||||
`
|
||||
: nothing}
|
||||
|
||||
@ -164,16 +164,12 @@ class HaPanelDevAssist extends SubscribeMixin(LitElement) {
|
||||
${this._results.length
|
||||
? html`
|
||||
<div class="result-toolbar">
|
||||
<ha-button
|
||||
appearance="filled"
|
||||
@click=${this._clear}
|
||||
variant="danger"
|
||||
>
|
||||
<ha-svg-icon slot="start" .path=${mdiTrashCan}></ha-svg-icon>
|
||||
<ha-button outlined @click=${this._clear} variant="danger">
|
||||
<ha-svg-icon slot="icon" .path=${mdiTrashCan}></ha-svg-icon>
|
||||
${this.hass.localize("ui.common.clear")}
|
||||
</ha-button>
|
||||
<ha-button appearance="filled" @click=${this._download}>
|
||||
<ha-svg-icon slot="start" .path=${mdiDownload}></ha-svg-icon>
|
||||
<ha-button outlined @click=${this._download}>
|
||||
<ha-svg-icon slot="icon" .path=${mdiDownload}></ha-svg-icon>
|
||||
${this.hass.localize(
|
||||
"ui.panel.developer-tools.tabs.assist.download_results"
|
||||
)}
|
||||
|
||||
@ -287,7 +287,6 @@ export class DialogStatisticsFixUnsupportedUnitMetadata extends LitElement {
|
||||
slot="secondaryAction"
|
||||
.disabled=${this._busy}
|
||||
@click=${this._clearChosenStatistic}
|
||||
appearance="plain"
|
||||
>
|
||||
${this.hass.localize("ui.common.back")}</ha-button
|
||||
>
|
||||
|
||||
@ -1,15 +1,15 @@
|
||||
import type { HassEntity } from "home-assistant-js-websocket";
|
||||
import { html, LitElement, nothing } from "lit";
|
||||
import type { HassEntity } from "home-assistant-js-websocket";
|
||||
import { customElement, property, state } from "lit/decorators";
|
||||
import { computeDomain } from "../../../common/entity/compute_domain";
|
||||
import "../../../components/ha-control-button";
|
||||
import "../../../components/ha-control-button-group";
|
||||
import type { HomeAssistant } from "../../../types";
|
||||
import type { LovelaceCardFeature, LovelaceCardFeatureEditor } from "../types";
|
||||
import type { LovelaceCardFeature } from "../types";
|
||||
import { cardFeatureStyles } from "./common/card-feature-styles";
|
||||
import type {
|
||||
ButtonCardFeatureConfig,
|
||||
LovelaceCardFeatureContext,
|
||||
ButtonCardFeatureConfig,
|
||||
} from "./types";
|
||||
|
||||
export const supportsButtonCardFeature = (
|
||||
@ -89,11 +89,6 @@ class HuiButtonCardFeature extends LitElement implements LovelaceCardFeature {
|
||||
}
|
||||
|
||||
static styles = cardFeatureStyles;
|
||||
|
||||
public static async getConfigElement(): Promise<LovelaceCardFeatureEditor> {
|
||||
await import("../editor/config-elements/hui-button-card-feature-editor");
|
||||
return document.createElement("hui-button-card-feature-editor");
|
||||
}
|
||||
}
|
||||
|
||||
declare global {
|
||||
|
||||
@ -30,14 +30,7 @@ import type {
|
||||
} from "./types";
|
||||
import type { PersonEntity } from "../../../data/person";
|
||||
|
||||
const STATES_OFF = new Set([
|
||||
"closed",
|
||||
"locked",
|
||||
"not_home",
|
||||
"off",
|
||||
"unavailable",
|
||||
"unknown",
|
||||
]);
|
||||
const STATES_OFF = new Set(["closed", "locked", "not_home", "off"]);
|
||||
|
||||
@customElement("hui-picture-glance-card")
|
||||
class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
|
||||
|
||||
@ -208,7 +208,7 @@ export class HuiEnergyPeriodSelector extends SubscribeMixin(LitElement) {
|
||||
? html`<ha-button
|
||||
appearance="filled"
|
||||
size="small"
|
||||
@click=${this._pickNow}
|
||||
click=${this._pickNow}
|
||||
>
|
||||
${this.hass.localize(
|
||||
"ui.panel.lovelace.components.energy_period_selector.now"
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user