jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-12 20:06:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow to start with empty view on take control (#5357)

Browse Source 
* Allow to start with empty view on take control

* Localize
This commit is contained in:
Bram Kragten 2020-03-30 15:37:59 +02:00 committed by GitHub
parent 6e4c707f9e
commit e645342131
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/panels/lovelace/editor/hui-dialog-save-config.ts
View File

@ -10,6 +10,7 @@ import {
} from "lit-element";
import "@polymer/paper-spinner/paper-spinner";
import "../../../components/dialog/ha-paper-dialog";
import "../../../components/ha-switch";
import "../../../components/ha-yaml-editor";
// tslint:disable-next-line:no-duplicate-imports
import { HaPaperDialog } from "../../../components/dialog/ha-paper-dialog";
@ -21,11 +22,14 @@ import { SaveDialogParams } from "./show-save-config-dialog";
import { PolymerChangedEvent } from "../../../polymer-types";
import { fireEvent } from "../../../common/dom/fire_event";
const EMPTY_CONFIG = { views: [] };
@customElement("hui-dialog-save-config")
export class HuiSaveConfig extends LitElement {
@property() public hass?: HomeAssistant;
@property() private _params?: SaveDialogParams;
@property() private _emptyConfig = false;
@property() private _saving: boolean;
@query("ha-paper-dialog") private _dialog?: HaPaperDialog;
@ -37,6 +41,7 @@ export class HuiSaveConfig extends LitElement {
public async showDialog(params: SaveDialogParams): Promise<void> {
this._params = params;
this._emptyConfig = false;
await this.updateComplete;
this._dialog!.open();
}
@ -58,6 +63,7 @@ export class HuiSaveConfig extends LitElement {
<p>
${this.hass!.localize("ui.panel.lovelace.editor.save_config.para")}
</p>
${this._params.mode === "storage"
? html`
<p>
@ -65,6 +71,13 @@ export class HuiSaveConfig extends LitElement {
"ui.panel.lovelace.editor.save_config.para_sure"
)}
</p>
<ha-switch
.checked=${this._emptyConfig}
@change=${this._emptyConfigChanged}
>${this.hass!.localize(
"ui.panel.lovelace.editor.save_config.empty_config"
)}</ha-switch
>
`
: html`
<p>
@ -135,6 +148,10 @@ export class HuiSaveConfig extends LitElement {
fireEvent(this._dialog! as HTMLElement, "iron-resize");
}
private _emptyConfigChanged(ev) {
this._emptyConfig = ev.target.checked;
}
private async _saveConfig(): Promise<void> {
if (!this.hass || !this._params) {
return;
@ -142,7 +159,9 @@ export class HuiSaveConfig extends LitElement {
this._saving = true;
try {
const lovelace = this._params!.lovelace;
await lovelace.saveConfig(lovelace.config);
await lovelace.saveConfig(
this._emptyConfig ? EMPTY_CONFIG : lovelace.config
);
lovelace.setEditMode(true);
this._saving = false;
this._closeDialog();
@ -182,6 +201,9 @@ export class HuiSaveConfig extends LitElement {
height: 14px;
margin-right: 20px;
}
ha-switch {
padding-bottom: 16px;
}
`,
];
}

1
src/translations/en.json
View File

@ -1982,6 +1982,7 @@
"yaml_mode": "You are using YAML mode, which means you cannot change your Lovelace config from the UI. If you want to change Lovelace from the UI, remove 'mode: yaml' from your Lovelace configuration in 'configuration.yaml.'",
"yaml_control": "To take control in YAML mode, create a YAML file with the name you specified in your config for this dashboard, or the default 'ui-lovelace.yaml'.",
"yaml_config": "To help you start here is the current config of this dashboard:",
"empty_config": "Start with an empty dashboard",
"cancel": "Never mind",
"close": "Close",
"save": "Take control"