${this.hostInfo.features.includes("reboot")
? html`
-
-
+ Reboot
+
`
: ""}
${this.hostInfo.features.includes("shutdown")
? html`
-
-
+ Shutdown
+
`
: ""}
@@ -183,6 +187,171 @@ class HassioHostInfo extends LitElement {
`;
}
+ protected firstUpdated(): void {
+ this._loadData();
+ }
+
+ private _primaryIpAddress = memoizeOne((network_info: NetworkInfo) => {
+ if (!network_info) {
+ return "";
+ }
+ return Object.keys(network_info?.interfaces)
+ .map((device) => network_info.interfaces[device])
+ .find((device) => device.primary)?.ip_address;
+ });
+
+ private async _handleMenuAction(ev: CustomEvent
) {
+ switch (ev.detail.index) {
+ case 0:
+ await this._showHardware();
+ break;
+ case 1:
+ await this._importFromUSB();
+ break;
+ }
+ }
+
+ private async _showHardware(): Promise {
+ try {
+ const content = await fetchHassioHardwareInfo(this.hass);
+ showHassioMarkdownDialog(this, {
+ title: "Hardware",
+ content: `${safeDump(content, { indent: 2 })}`,
+ });
+ } catch (err) {
+ showAlertDialog(this, {
+ title: "Failed to get Hardware list",
+ text: extractApiErrorMessage(err),
+ });
+ }
+ }
+
+ private async _hostReboot(ev: CustomEvent): Promise {
+ const button = ev.currentTarget as any;
+ button.progress = true;
+
+ const confirmed = await showConfirmationDialog(this, {
+ title: "Reboot",
+ text: "Are you sure you want to reboot the host?",
+ confirmText: "reboot host",
+ dismissText: "no",
+ });
+
+ if (!confirmed) {
+ button.progress = false;
+ return;
+ }
+
+ try {
+ await rebootHost(this.hass);
+ } catch (err) {
+ showAlertDialog(this, {
+ title: "Failed to reboot",
+ text: extractApiErrorMessage(err),
+ });
+ }
+ button.progress = false;
+ }
+
+ private async _hostShutdown(ev: CustomEvent): Promise {
+ const button = ev.currentTarget as any;
+ button.progress = true;
+
+ const confirmed = await showConfirmationDialog(this, {
+ title: "Shutdown",
+ text: "Are you sure you want to shutdown the host?",
+ confirmText: "shutdown host",
+ dismissText: "no",
+ });
+
+ if (!confirmed) {
+ button.progress = false;
+ return;
+ }
+
+ try {
+ await shutdownHost(this.hass);
+ } catch (err) {
+ showAlertDialog(this, {
+ title: "Failed to shutdown",
+ text: extractApiErrorMessage(err),
+ });
+ }
+ button.progress = false;
+ }
+
+ private async _osUpdate(ev: CustomEvent): Promise {
+ const button = ev.currentTarget as any;
+ button.progress = true;
+
+ const confirmed = await showConfirmationDialog(this, {
+ title: "Update",
+ text: "Are you sure you want to update the OS?",
+ confirmText: "update os",
+ dismissText: "no",
+ });
+
+ if (!confirmed) {
+ button.progress = false;
+ return;
+ }
+
+ try {
+ await updateOS(this.hass);
+ } catch (err) {
+ showAlertDialog(this, {
+ title: "Failed to update",
+ text: extractApiErrorMessage(err),
+ });
+ }
+ button.progress = false;
+ }
+
+ private async _changeNetworkClicked(): Promise {
+ showNetworkDialog(this, {
+ network: this._networkInfo!,
+ loadData: () => this._loadData(),
+ });
+ }
+
+ private async _changeHostnameClicked(): Promise {
+ const curHostname: string = this.hostInfo.hostname;
+ const hostname = await showPromptDialog(this, {
+ title: "Change hostname",
+ inputLabel: "Please enter a new hostname:",
+ inputType: "string",
+ defaultValue: curHostname,
+ });
+
+ if (hostname && hostname !== curHostname) {
+ try {
+ await changeHostOptions(this.hass, { hostname });
+ this.hostInfo = await fetchHassioHostInfo(this.hass);
+ } catch (err) {
+ showAlertDialog(this, {
+ title: "Setting hostname failed",
+ text: extractApiErrorMessage(err),
+ });
+ }
+ }
+ }
+
+ private async _importFromUSB(): Promise {
+ try {
+ await configSyncOS(this.hass);
+ this.hostInfo = await fetchHassioHostInfo(this.hass);
+ } catch (err) {
+ showAlertDialog(this, {
+ title: "Failed to import from USB",
+ text: extractApiErrorMessage(err),
+ });
+ }
+ }
+
+ private async _loadData(): Promise {
+ this._networkInfo = await fetchNetworkInfo(this.hass);
+ }
+
static get styles(): CSSResult[] {
return [
haStyle,
@@ -238,162 +407,6 @@ class HassioHostInfo extends LitElement {
`,
];
}
-
- protected firstUpdated(): void {
- this._loadData();
- }
-
- private _primaryIpAddress = memoizeOne((network_info: NetworkInfo) => {
- if (!network_info) {
- return "";
- }
- return Object.keys(network_info?.interfaces)
- .map((device) => network_info.interfaces[device])
- .find((device) => device.primary)?.ip_address;
- });
-
- private async _handleMenuAction(ev: CustomEvent) {
- switch (ev.detail.index) {
- case 0:
- await this._showHardware();
- break;
- case 1:
- await this._importFromUSB();
- break;
- }
- }
-
- private async _showHardware(): Promise {
- try {
- const content = await fetchHassioHardwareInfo(this.hass);
- showHassioMarkdownDialog(this, {
- title: "Hardware",
- content: `${safeDump(content, { indent: 2 })}`,
- });
- } catch (err) {
- showAlertDialog(this, {
- title: "Failed to get Hardware list",
- text:
- typeof err === "object" ? err.body?.message || "Unkown error" : err,
- });
- }
- }
-
- private async _hostReboot(): Promise {
- const confirmed = await showConfirmationDialog(this, {
- title: "Reboot",
- text: "Are you sure you want to reboot the host?",
- confirmText: "reboot host",
- dismissText: "no",
- });
-
- if (!confirmed) {
- return;
- }
-
- try {
- await rebootHost(this.hass);
- } catch (err) {
- showAlertDialog(this, {
- title: "Failed to reboot",
- text:
- typeof err === "object" ? err.body?.message || "Unkown error" : err,
- });
- }
- }
-
- private async _hostShutdown(): Promise {
- const confirmed = await showConfirmationDialog(this, {
- title: "Shutdown",
- text: "Are you sure you want to shutdown the host?",
- confirmText: "shutdown host",
- dismissText: "no",
- });
-
- if (!confirmed) {
- return;
- }
-
- try {
- await shutdownHost(this.hass);
- } catch (err) {
- showAlertDialog(this, {
- title: "Failed to shutdown",
- text:
- typeof err === "object" ? err.body?.message || "Unkown error" : err,
- });
- }
- }
-
- private async _osUpdate(): Promise {
- const confirmed = await showConfirmationDialog(this, {
- title: "Update",
- text: "Are you sure you want to update the OS?",
- confirmText: "update os",
- dismissText: "no",
- });
-
- if (!confirmed) {
- return;
- }
-
- try {
- await updateOS(this.hass);
- } catch (err) {
- showAlertDialog(this, {
- title: "Failed to update",
- text:
- typeof err === "object" ? err.body?.message || "Unkown error" : err,
- });
- }
- }
-
- private async _changeNetworkClicked(): Promise {
- showNetworkDialog(this, {
- network: this._networkInfo!,
- loadData: () => this._loadData(),
- });
- }
-
- private async _changeHostnameClicked(): Promise {
- const curHostname: string = this.hostInfo.hostname;
- const hostname = await showPromptDialog(this, {
- title: "Change hostname",
- inputLabel: "Please enter a new hostname:",
- inputType: "string",
- defaultValue: curHostname,
- });
-
- if (hostname && hostname !== curHostname) {
- try {
- await changeHostOptions(this.hass, { hostname });
- this.hostInfo = await fetchHassioHostInfo(this.hass);
- } catch (err) {
- showAlertDialog(this, {
- title: "Setting hostname failed",
- text:
- typeof err === "object" ? err.body?.message || "Unkown error" : err,
- });
- }
- }
- }
-
- private async _importFromUSB(): Promise {
- try {
- await configSyncOS(this.hass);
- this.hostInfo = await fetchHassioHostInfo(this.hass);
- } catch (err) {
- showAlertDialog(this, {
- title: "Failed to import from USB",
- text:
- typeof err === "object" ? err.body?.message || "Unkown error" : err,
- });
- }
- }
-
- private async _loadData(): Promise {
- this._networkInfo = await fetchNetworkInfo(this.hass);
- }
}
declare global {
diff --git a/hassio/src/system/hassio-supervisor-info.ts b/hassio/src/system/hassio-supervisor-info.ts
index 560a04e534..fd043751de 100644
--- a/hassio/src/system/hassio-supervisor-info.ts
+++ b/hassio/src/system/hassio-supervisor-info.ts
@@ -1,4 +1,3 @@
-import "@material/mwc-button";
import {
css,
CSSResult,
@@ -8,6 +7,7 @@ import {
property,
TemplateResult,
} from "lit-element";
+import "../../../src/components/buttons/ha-progress-button";
import "../../../src/components/ha-card";
import "../../../src/components/ha-settings-row";
import "../../../src/components/ha-switch";
@@ -26,6 +26,7 @@ import {
import { haStyle } from "../../../src/resources/styles";
import { HomeAssistant } from "../../../src/types";
import { hassioStyle } from "../resources/hassio-style";
+import { extractApiErrorMessage } from "../../../src/data/hassio/common";
@customElement("hassio-supervisor-info")
class HassioSupervisorInfo extends LitElement {
@@ -56,12 +57,12 @@ class HassioSupervisorInfo extends LitElement {
${this.supervisorInfo.version !== this.supervisorInfo.version_latest
? html`
-
-
+ Update
+
`
: ""}
@@ -74,21 +75,21 @@ class HassioSupervisorInfo extends LitElement {
${this.supervisorInfo.channel === "beta"
? html`
-
-
+ Leave beta channel
+
`
: this.supervisorInfo.channel === "stable"
? html`
-
-
+ Join beta channel
+
`
: ""}
@@ -131,17 +132,134 @@ class HassioSupervisorInfo extends LitElement {