iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 2.93 kB
JavaScript
export const __rspack_esm_id=33425;export const __rspack_esm_ids=[33425];export const __webpack_modules__={21288(i,e,t){t.a(i,async function(i,a){try{t.r(e);t(18111),t(61701);var s=t(62826),o=t(5124),c=t(22441),n=t(1087),r=(t(8630),t(28732),t(65829)),d=t(72554),_=t(20559),h=t(65063),l=t(14503),g=i([r,d]);[r,d]=g.then?(await g)():g;const f="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z";class p extends o.WF{async showDialog(i){this.device_id=i.device_id,this._open=!0,this._fetchNodeDetails()}render(){return this.device_id?o.qy` <ha-dialog .open="${this._open}" header-title="${this.hass.localize("ui.panel.config.matter.manage_fabrics.title")}" ="${this._dialogClosed}"> <p> ${this.hass.localize("ui.panel.config.matter.manage_fabrics.fabrics")} </p> ${this._nodeDiagnostics?o.qy`<ha-list> ${this._nodeDiagnostics.active_fabrics.map(i=>o.qy`<ha-list-item noninteractive .hasMeta="${this._nodeDiagnostics.available&&i.fabric_index!==this._nodeDiagnostics.active_fabric_index}">${i.vendor_name||i.fabric_label||i.vendor_id} <ha-icon-button ="${this._removeFabric}" slot="meta" .fabric="${i}" .path="${f}"></ha-icon-button> </ha-list-item>`)} </ha-list>`:o.qy`<div class="center"> <ha-spinner></ha-spinner> </div>`} </ha-dialog> `:o.s6}async _fetchNodeDetails(){if(this.device_id)try{this._nodeDiagnostics=await(0,_.eB)(this.hass,this.device_id)}catch(i){this._nodeDiagnostics=void 0}}async _removeFabric(i){const e=i.target.fabric;if(this._nodeDiagnostics.active_fabric_index===e.fabric_index)return;const t=e.vendor_name||e.fabric_label||e.vendor_id.toString();if(await(0,h.dk)(this,{title:this.hass.localize("ui.panel.config.matter.manage_fabrics.remove_fabric_confirm_header",{fabric:t}),text:this.hass.localize("ui.panel.config.matter.manage_fabrics.remove_fabric_confirm_text",{fabric:t}),warning:!0}))try{await(0,_.vX)(this.hass,this.device_id,e.fabric_index),this._fetchNodeDetails()}catch(i){(0,h.showAlertDialog)(this,{title:this.hass.localize("ui.panel.config.matter.manage_fabrics.remove_fabric_failed_header",{fabric:t}),text:this.hass.localize("ui.panel.config.matter.manage_fabrics.remove_fabric_failed_text")})}}closeDialog(){this._open=!1}_dialogClosed(){this.device_id=void 0,this._nodeDiagnostics=void 0,(0,n.r)(this,"dialog-closed",{dialog:this.localName})}static get styles(){return[l.nA,o.AH`ha-dialog{--dialog-content-padding:0;--mdc-list-side-padding:24px;--mdc-list-side-padding-right:16px;--mdc-list-item-meta-size:48px}p{margin:8px 24px}.center{display:flex;align-items:center;justify-content:center}`]}constructor(...i){super(...i),this._open=!1}}(0,s.Cg)([(0,c.MZ)({attribute:!1})],p.prototype,"hass",void 0),(0,s.Cg)([(0,c.wk)()],p.prototype,"device_id",void 0),(0,s.Cg)([(0,c.wk)()],p.prototype,"_nodeDiagnostics",void 0),(0,s.Cg)([(0,c.wk)()],p.prototype,"_open",void 0),p=(0,s.Cg)([(0,c.EM)("dialog-matter-manage-fabrics")],p),a()}catch(i){a(i)}})}};