iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 1.91 kB
JavaScript
export const __rspack_esm_id=74124;export const __rspack_esm_ids=[74124];export const __webpack_modules__={34439(t,i,e){e.a(t,async function(t,s){try{e.r(i),e.d(i,{MoreInfoConfigurator:()=>g});e(18111),e(61701);var a=e(62826),r=e(5124),n=e(22441),o=e(38962),c=e(18350),u=(e(3587),e(91485)),h=t([o,c,u]);[o,c,u]=h.then?(await h)():h;class g extends r.WF{render(){return"configure"!==this.stateObj?.state?r.s6:r.qy` <div class="container"> <ha-markdown breaks .content="${this.stateObj.attributes.description}"></ha-markdown> ${this.stateObj.attributes.errors?r.qy`<ha-alert alert-type="error"> ${this.stateObj.attributes.errors} </ha-alert>`:r.s6} ${this.stateObj.attributes.fields.map(t=>r.qy`<ha-input .label="${t.name}" .name="${t.id}" .type="${t.type}" ="${this._fieldChanged}"></ha-input>`)} ${this.stateObj.attributes.submit_caption?r.qy`<p class="submit"> <ha-button .disabled="${this._isConfiguring}" ="${this._submitClicked}" .loading="${this._isConfiguring}"> ${this.stateObj.attributes.submit_caption} </ha-button> </p>`:r.s6} </div> `}_fieldChanged(t){const i=t.target;this._fieldInput[i.name]=i.value}_submitClicked(){const t={configure_id:this.stateObj.attributes.configure_id,fields:this._fieldInput};this._isConfiguring=!0,this.hass.callService("configurator","configure",t).then(()=>{this._isConfiguring=!1},()=>{this._isConfiguring=!1})}constructor(...t){super(...t),this._isConfiguring=!1,this._fieldInput={}}}g.styles=r.AH`.container{display:flex;flex-direction:column}p{margin:var(--ha-space-2) 0}a{color:var(--primary-color)}p>img{max-width:100%}p.center{text-align:center}p.submit{text-align:center;height:41px}`,(0,a.Cg)([(0,n.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,a.Cg)([(0,n.MZ)({attribute:!1})],g.prototype,"stateObj",void 0),(0,a.Cg)([(0,n.wk)()],g.prototype,"_isConfiguring",void 0),g=(0,a.Cg)([(0,n.EM)("more-info-configurator")],g),s()}catch(t){s(t)}})}};