iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 4.39 kB
JavaScript
export const __rspack_esm_id=11966;export const __rspack_esm_ids=[11966];export const __webpack_modules__={50157(t,e,i){i.a(t,async function(t,o){try{i.r(e);var n=i(62826),a=i(5124),s=i(22441),c=i(1087),r=i(63130),p=i(18350),l=i(72554),h=(i(93444),i(26300)),d=(i(83892),i(31420)),y=i(14503),_=i(81619),g=t([p,l,h,d]);[p,l,h,d]=g.then?(await g)():g;const u="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z",k="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z",m=["key","done"];class b extends a.WF{showDialog(t){this._params=t,this._step=m[0],this._open=!0,this._newEncryptionKey=(0,d.cq)()}closeDialog(){return this._open=!1,!0}_dialogClosed(){this._params?.cancel&&this._params.cancel(),this._step=void 0,this._params=void 0,this._newEncryptionKey=void 0,this._open=!1,(0,c.r)(this,"dialog-closed",{dialog:this.localName})}_done(){this._params?.submit(!0),this.closeDialog()}_nextStep(){const t=m.indexOf(this._step);t!==m.length-1&&(this._step=m[t+1])}render(){if(!this._params||!this._step)return a.s6;const t="key"===this._step?this.hass.localize("ui.panel.config.backup.dialogs.set_encryption_key.key.title"):"";return a.qy` <ha-dialog .open="${this._open}" header-title="${t}" prevent-scrim-close ="${this._dialogClosed}"> ${this._renderStepContent()} <ha-dialog-footer slot="footer"> ${"key"===this._step?a.qy` <ha-button slot="primaryAction" ="${this._submit}" .disabled="${!this._newEncryptionKey}"> ${this.hass.localize("ui.panel.config.backup.dialogs.set_encryption_key.actions.set")} </ha-button> `:a.qy` <ha-button slot="primaryAction" ="${this._done}"> ${this.hass.localize("ui.panel.config.backup.dialogs.set_encryption_key.actions.done")} </ha-button> `} </ha-dialog-footer> </ha-dialog> `}_renderStepContent(){switch(this._step){case"key":return a.qy` <p> ${this.hass.localize("ui.panel.config.backup.dialogs.set_encryption_key.new.description")} </p> <div class="encryption-key"> <p>${this._newEncryptionKey}</p> <ha-icon-button .path="${u}" ="${this._copyKeyToClipboard}"></ha-icon-button> </div> <ha-row-item> <span slot="headline"> ${this.hass.localize("ui.panel.config.backup.encryption_key.download_emergency_kit")} </span> <span slot="supporting-text"> ${this.hass.localize("ui.panel.config.backup.encryption_key.download_emergency_kit_description")} </span> <ha-button size="small" appearance="plain" slot="end" ="${this._download}"> <ha-svg-icon .path="${k}" slot="start"></ha-svg-icon> ${this.hass.localize("ui.panel.config.backup.encryption_key.download_emergency_kit_action")} </ha-button> </ha-row-item> `;case"done":return a.qy` <div class="done"> <img src="/static/images/voice-assistant/hi.png" alt="Casita ioBroker logo"> <h1> ${this.hass.localize("ui.panel.config.backup.dialogs.set_encryption_key.done.title")} </h1> </div> `}return a.s6}async _copyKeyToClipboard(){await(0,r.l)(this._newEncryptionKey,this._copyContainer),(0,_.P)(this,{message:this.hass.localize("ui.common.copied_clipboard")})}_download(){this._newEncryptionKey&&(0,d.Sx)(this.hass,this._newEncryptionKey)}async _submit(){this._newEncryptionKey&&(this._params.saveKey(this._newEncryptionKey),this._nextStep())}static get styles(){return[y.RF,y.nA,a.AH`ha-dialog{--dialog-content-padding:var(--ha-space-2) var(--ha-space-6)}ha-row-item{--ha-row-item-padding-inline:0}.encryption-key{border:1px solid var(--divider-color);background-color:var(--primary-background-color);border-radius:var(--ha-border-radius-md);padding:16px;display:flex;flex-direction:row;align-items:center;gap:var(--ha-space-6)}.encryption-key p{margin:0;flex:1;font-size:var(--ha-font-size-xl);font-family:var(--ha-font-family-code);font-style:normal;font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed);text-align:center}.encryption-key ha-icon-button{flex:none;margin:-16px}p{margin-top:0}.done{text-align:center}`]}constructor(...t){super(...t),this._open=!1}}(0,n.Cg)([(0,s.MZ)({attribute:!1})],b.prototype,"hass",void 0),(0,n.Cg)([(0,s.wk)()],b.prototype,"_open",void 0),(0,n.Cg)([(0,s.wk)()],b.prototype,"_step",void 0),(0,n.Cg)([(0,s.wk)()],b.prototype,"_params",void 0),(0,n.Cg)([(0,s.wk)()],b.prototype,"_newEncryptionKey",void 0),(0,n.Cg)([(0,s.P)("div")],b.prototype,"_copyContainer",void 0),b=(0,n.Cg)([(0,s.EM)("ha-dialog-set-backup-encryption-key")],b),o()}catch(t){o(t)}})}};