Update zwave js buttons (#26404)

This commit is contained in:
Bram Kragten 2025-08-06 13:13:22 +02:00 committed by GitHub
parent 4e969ccf09
commit b76407d28d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 48 additions and 40 deletions

View File

@ -230,6 +230,20 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
)}
</ha-button>`
: nothing}
<ha-button
class="remove-node-button"
@click=${this._removeNodeClicked}
appearance="filled"
.disabled=${this._status !== "connected" ||
(this._network?.controller.inclusion_state !==
InclusionState.Idle &&
this._network?.controller.inclusion_state !==
InclusionState.SmartStart)}
>
${this.hass.localize(
"ui.panel.config.zwave_js.common.remove_a_node"
)}
</ha-button>
</div>
</ha-card>
<ha-card header="Diagnostics">
@ -408,19 +422,6 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
</ha-expansion-panel>
</div>
<div class="card-actions">
<ha-button
appearance="plain"
@click=${this._removeNodeClicked}
.disabled=${this._status !== "connected" ||
(this._network?.controller.inclusion_state !==
InclusionState.Idle &&
this._network?.controller.inclusion_state !==
InclusionState.SmartStart)}
>
${this.hass.localize(
"ui.panel.config.zwave_js.common.remove_a_node"
)}
</ha-button>
<ha-button
appearance="plain"
@click=${this._rebuildNetworkRoutesClicked}
@ -504,35 +505,35 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
"ui.panel.config.zwave_js.dashboard.nvm_backup.download_backup"
)}
</ha-button>
<div class="upload-button">
<div class="right-buttons">
<div class="upload-button">
<ha-button
appearance="filled"
@click=${this._restoreButtonClick}
>
<span class="button-content">
${this.hass.localize(
"ui.panel.config.zwave_js.dashboard.nvm_backup.restore_backup"
)}
</span>
</ha-button>
<input
type="file"
id="nvm-restore-file"
accept=".bin"
@change=${this._handleRestoreFileSelected}
style="display: none"
/>
</div>
<ha-button
appearance="plain"
@click=${this._restoreButtonClick}
variant="danger"
appearance="filled"
@click=${this._openConfigFlow}
>
<span class="button-content">
${this.hass.localize(
"ui.panel.config.zwave_js.dashboard.nvm_backup.restore_backup"
)}
</span>
${this.hass.localize(
"ui.panel.config.zwave_js.dashboard.nvm_backup.migrate"
)}
</ha-button>
<input
type="file"
id="nvm-restore-file"
accept=".bin"
@change=${this._handleRestoreFileSelected}
style="display: none"
/>
</div>
<ha-button
variant="danger"
@click=${this._openConfigFlow}
class="migrate-button"
>
${this.hass.localize(
"ui.panel.config.zwave_js.dashboard.nvm_backup.migrate"
)}
</ha-button>`}
</div>`}
</div>
</ha-card>
`
@ -989,7 +990,13 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
pointer-events: none;
}
.migrate-button {
.remove-node-button {
margin-left: auto;
}
.right-buttons {
display: flex;
gap: 8px;
margin-left: auto;
}

View File

@ -162,6 +162,7 @@ class ZWaveJSLogs extends SubscribeMixin(LitElement) {
textarea {
flex-grow: 1;
padding: 16px;
font-family: var(--ha-font-family-code);
}
ha-card {
margin: 16px 0;