Skip to content

WIP: Adds confirmation dialog to reset add-on configuration #4393

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
ludeeus wants to merge 5 commits into from
Closed

WIP: Adds confirmation dialog to reset add-on configuration #4393

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
873ca9b
Adds confirmation handling
ludeeus Dec 28, 2019
bc68f02
Adds confirm dialog to reset configuration button
ludeeus Dec 28, 2019
23eb7d4
Update src/components/buttons/ha-call-api-button.js
ludeeus Jan 2, 2020
cee6b8d
Update src/components/buttons/ha-call-api-button.js
ludeeus Jan 2, 2020
94ac613
Update src/components/buttons/ha-call-api-button.js
ludeeus Jan 2, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions hassio/src/addon-view/hassio-addon-config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@ class HassioAddonConfig extends PolymerElement {
<div class="card-actions">
<ha-call-api-button
class="warning"
confirmation="Are you sure you want to reset the configuration?"
hass="[[hass]]"
path="hassio/addons/[[addonSlug]]/options"
data="[[resetData]]"
Expand Down
15 changes: 14 additions & 1 deletion src/components/buttons/ha-call-api-button.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import { LitElement, html } from "lit-element";

import "./ha-progress-button";
import { fireEvent } from "../../common/dom/fire_event";
import { showConfirmationDialog } from "../../dialogs/confirmation/show-dialog-confirmation";

class HaCallApiButton extends LitElement {
render() {
Expand Down Expand Up @@ -31,14 +32,15 @@ class HaCallApiButton extends LitElement {
method: String,
data: {},
disabled: Boolean,
confirmation: String,
};
}

get progressButton() {
return this.renderRoot.querySelector("ha-progress-button");
}

async _buttonTapped() {
async _callApi() {
this.progress = true;
const eventData = {
method: this.method,
Expand All @@ -61,6 +63,17 @@ class HaCallApiButton extends LitElement {

fireEvent(this, "hass-api-called", eventData);
}

async _buttonTapped() {
if (this.confirmation) {
showConfirmationDialog(this, {
text: this.confirmation,
confirm: async () => await this._callApi(),
});
} else {
await this._callApi();
}
}
}

customElements.define("ha-call-api-button", HaCallApiButton);