jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-16 05:46:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix the automation picker icons (#8790)

Browse Source
This commit is contained in:
Paulus Schoutsen 2021-04-01 11:28:56 -07:00 committed by GitHub
parent 1fb3663398
commit b6f59d3c98
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/panels/config/automation/ha-automation-picker.ts
View File

@ -1,5 +1,12 @@
import "@material/mwc-icon-button";
import { mdiHelpCircle, mdiPlus } from "@mdi/js";
import {
mdiHelpCircle,
mdiHistory,
mdiInformationOutline,
mdiPencil,
mdiPencilOff,
mdiPlus,
} from "@mdi/js";
import "@polymer/paper-tooltip/paper-tooltip";
import {
CSSResult,
@ -148,14 +155,15 @@ class HaAutomationPicker extends LitElement {
title: "",
type: "icon-button",
template: (_info, automation) => html`
<ha-icon-button
<mwc-icon-button
.automation=${automation}
@click=${this._showInfo}
icon="hass:information-outline"
title="${this.hass.localize(
.label="${this.hass.localize(
"ui.panel.config.automation.picker.show_info_automation"
)}"
></ha-icon-button>
>
<ha-svg-icon .path=${mdiInformationOutline}></ha-svg-icon>
</mwc-icon-button>
`,
};
columns.trace = {
@ -169,13 +177,14 @@ class HaAutomationPicker extends LitElement {
: undefined
)}
>
<ha-icon-button
icon="hass:graph-outline"
.disabled=${!automation.attributes.id}
title="${this.hass.localize(
<mwc-icon-button
.label=${this.hass.localize(
"ui.panel.config.automation.picker.dev_automation"
)}"
></ha-icon-button>
)}
.disabled=${!automation.attributes.id}
>
<ha-svg-icon .path=${mdiHistory}></ha-svg-icon>
</mwc-icon-button>
</a>
${!automation.attributes.id
? html`
@ -199,25 +208,26 @@ class HaAutomationPicker extends LitElement {
: undefined
)}
>
<ha-icon-button
.icon=${automation.attributes.id
? "hass:pencil"
: "hass:pencil-off"}
<mwc-icon-button
.disabled=${!automation.attributes.id}
title="${this.hass.localize(
.label="${this.hass.localize(
"ui.panel.config.automation.picker.edit_automation"
)}"
></ha-icon-button>
><ha-svg-icon .path=${
automation.attributes.id ? mdiPencil : mdiPencilOff
}></ha-svg-icon>
</a>
${!automation.attributes.id
? html`
<paper-tooltip animation-delay="0" position="left">
${this.hass.localize(
"ui.panel.config.automation.picker.only_editable"
)}
</paper-tooltip>
`
: ""}
${
!automation.attributes.id
? html`
<paper-tooltip animation-delay="0" position="left">
${this.hass.localize(
"ui.panel.config.automation.picker.only_editable"
)}
</paper-tooltip>
`
: ""
}
`,
};
return columns;