Disable counter more-info dec/inc buttons when min/max reached (#20624)

This commit is contained in:
Philip Allgaier 2024-04-25 20:49:20 +02:00 committed by GitHub
parent 852cc62398
commit 2725d0191d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -16,21 +16,23 @@ class MoreInfoCounter extends LitElement {
return nothing; return nothing;
} }
const disabled = isUnavailableState(this.stateObj!.state); const disabled = isUnavailableState(this.stateObj.state);
return html` return html`
<div class="actions"> <div class="actions">
<mwc-button <mwc-button
.action=${"increment"} .action=${"increment"}
@click=${this._handleActionClick} @click=${this._handleActionClick}
.disabled=${disabled} .disabled=${disabled ||
Number(this.stateObj.state) === this.stateObj.attributes.maximum}
> >
${this.hass!.localize("ui.card.counter.actions.increment")} ${this.hass!.localize("ui.card.counter.actions.increment")}
</mwc-button> </mwc-button>
<mwc-button <mwc-button
.action=${"decrement"} .action=${"decrement"}
@click=${this._handleActionClick} @click=${this._handleActionClick}
.disabled=${disabled} .disabled=${disabled ||
Number(this.stateObj.state) === this.stateObj.attributes.minimum}
> >
${this.hass!.localize("ui.card.counter.actions.decrement")} ${this.hass!.localize("ui.card.counter.actions.decrement")}
</mwc-button> </mwc-button>