jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-14 13:31:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Combine Edit in yaml and Edit in visual editor (1/2) (#23142)

Browse Source 
* yaml / visual part 1

* clean up

* clean up
This commit is contained in:
Simon Lamon
2024-12-11 08:48:10 +01:00
committed by GitHub
parent bf624f5ca7
commit 0ce98a86e6
7 changed files with 148 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/panels/config/script/ha-script-editor.ts
View File

@@ -1,6 +1,5 @@
import "@material/mwc-button";
import {
mdiCheck,
mdiContentDuplicate,
mdiContentSave,
mdiDebugStepOver,
@@ -10,6 +9,7 @@ import {
mdiFormTextbox,
mdiInformationOutline,
mdiPlay,
mdiPlaylistEdit,
mdiRenameBox,
mdiRobotConfused,
mdiTransitConnection,
@@ -245,27 +245,16 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
`
: nothing}
<li divider role="separator"></li>
<ha-list-item graphic="icon" @click=${this._switchUiMode}>
${this.hass.localize("ui.panel.config.automation.editor.edit_ui")}
${this._mode === "gui"
? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic"
.path=${mdiCheck}
></ha-svg-icon> `
: ``}
</ha-list-item>
<ha-list-item graphic="icon" @click=${this._switchYamlMode}>
${this.hass.localize("ui.panel.config.automation.editor.edit_yaml")}
${this._mode === "yaml"
? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic"
.path=${mdiCheck}
></ha-svg-icon>`
: ``}
<ha-list-item
graphic="icon"
@click=${this._mode === "gui"
? this._switchYamlMode
: this._switchUiMode}
>
${this.hass.localize(
`ui.panel.config.automation.editor.edit_${this._mode === "gui" ? "yaml" : "ui"}`
)}
<ha-svg-icon slot="graphic" .path=${mdiPlaylistEdit}></ha-svg-icon>
</ha-list-item>
<li divider role="separator"></li>
@@ -874,9 +863,6 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
ha-fab.dirty {
bottom: 0;
}
.selected_menu_item {
color: var(--primary-color);
}
li[role="separator"] {
border-bottom-color: var(--divider-color);
}