Skip to content

Fixes add-on install button #4635

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

Merged
balloob merged 4 commits into from
Jan 28, 2020
Merged

Fixes add-on install button #4635

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
4609701
Fixes add-on install button
ludeeus Jan 28, 2020
4bc4762
Set the default
ludeeus Jan 28, 2020
b6ea609
Merge branch 'dev' into addon-installing-btn
ludeeus Jan 28, 2020
e220aad
linting issue
ludeeus Jan 28, 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
9 changes: 7 additions & 2 deletions hassio/src/addon-view/hassio-addon-info.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ import {
import { classMap } from "lit-html/directives/class-map";

import "../../../src/components/buttons/ha-call-api-button";
import "../../../src/components/buttons/ha-progress-button";
import "../../../src/components/ha-label-badge";
import "../../../src/components/ha-markdown";
import "../../../src/components/ha-switch";
Expand Down Expand Up @@ -94,6 +95,7 @@ class HassioAddonInfo extends LitElement {
@property() public hass!: HomeAssistant;
@property() public addon!: HassioAddonDetails;
@property() private _error?: string;
@property({ type: Boolean }) private _installing = false;

protected render(): TemplateResult {
return html`
Expand Down Expand Up @@ -445,13 +447,14 @@ class HassioAddonInfo extends LitElement {
</p>
`
: ""}
<mwc-button
<ha-progress-button
.disabled=${!this.addon.available}
.progress=${this._installing}
class="right"
@click=${this._installClicked}
>
Install
</mwc-button>
</ha-progress-button>
`}
</div>
</paper-card>
Expand Down Expand Up @@ -749,6 +752,7 @@ class HassioAddonInfo extends LitElement {

private async _installClicked(): Promise<void> {
this._error = undefined;
this._installing = true;
try {
await installHassioAddon(this.hass, this.addon.slug);
const eventdata = {
Expand All @@ -760,6 +764,7 @@ class HassioAddonInfo extends LitElement {
} catch (err) {
this._error = `Failed to install addon, ${err.body?.message || err}`;
}
this._installing = false;
}

private async _uninstallClicked(): Promise<void> {
Expand Down