iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 4.4 kB
JavaScript
export const __webpack_ids__=["14597"];export const __webpack_modules__={12763:function(t,e,i){i.a(t,(async function(t,e){try{var a=i(44249),s=(i(9359),i(56475),i(70104),i(57243)),n=i(15093),r=i(25904),o=i(59519),c=i(28008),d=i(59389),l=(i(41307),t([d,o,r]));[d,o,r]=l.then?(await l)():l;(0,a.Z)([(0,n.Mo)("ha-attributes")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"stateObj",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:"extra-filters"})],key:"extraFilters",value:void 0},{kind:"field",decorators:[(0,n.SB)()],key:"_expanded",value:()=>!1},{kind:"get",key:"_filteredAttributes",value:function(){return this._computeDisplayAttributes(o.wk.concat(this.extraFilters?this.extraFilters.split(","):[]))}},{kind:"method",key:"willUpdate",value:function(t){(t.has("extraFilters")||t.has("stateObj"))&&this.toggleAttribute("empty",0===this._filteredAttributes.length)}},{kind:"method",key:"render",value:function(){if(!this.stateObj)return s.Ld;const t=this._filteredAttributes;return 0===t.length?s.Ld:s.dy` <ha-expansion-panel .header="${this.hass.localize("ui.components.attributes.expansion_header")}" outlined -will-change="${this._expandedChanged}"> <div class="attribute-container"> ${this._expanded?s.dy` ${t.map((t=>s.dy` <div class="data-entry"> <div class="key"> ${(0,r.computeAttributeNameDisplay)(this.hass.localize,this.stateObj,this.hass.entities,t)} </div> <div class="value"> <ha-attribute-value .hass="${this.hass}" .attribute="${t}" .stateObj="${this.stateObj}"></ha-attribute-value> </div> </div> `))} `:""} </div> </ha-expansion-panel> ${this.stateObj.attributes.attribution?s.dy` <div class="attribution"> ${this.stateObj.attributes.attribution} </div> `:""} `}},{kind:"get",static:!0,key:"styles",value:function(){return[c.Qx,s.iv`.attribute-container{margin-bottom:8px;direction:ltr}.data-entry{display:flex;flex-direction:row;justify-content:space-between}.data-entry .value{max-width:60%;overflow-wrap:break-word;text-align:right}.key{flex-grow:1}.attribution{color:var(--secondary-text-color);text-align:center;margin-top:16px}hr{border-color:var(--divider-color);border-bottom:none;margin:16px 0}`]}},{kind:"method",key:"_computeDisplayAttributes",value:function(t){return this.stateObj?Object.keys(this.stateObj.attributes).filter((e=>-1===t.indexOf(e))):[]}},{kind:"method",key:"_expandedChanged",value:function(t){this._expanded=t.detail.expanded}}]}}),s.oi);e()}catch(t){e(t)}}))},42971:function(t,e,i){i.a(t,(async function(t,a){try{i.r(e);var s=i(44249),n=(i(31622),i(57243)),r=i(15093),o=i(12763),c=t([o]);o=(c.then?(await c)():c)[0];(0,s.Z)([(0,r.Mo)("more-info-timer")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"stateObj",value:void 0},{kind:"method",key:"render",value:function(){return this.hass&&this.stateObj?n.dy` <div class="actions"> ${"idle"===this.stateObj.state||"paused"===this.stateObj.state?n.dy` <mwc-button .action="${"start"}" ="${this._handleActionClick}"> ${this.hass.localize("ui.card.timer.actions.start")} </mwc-button> `:""} ${"active"===this.stateObj.state?n.dy` <mwc-button .action="${"pause"}" ="${this._handleActionClick}"> ${this.hass.localize("ui.card.timer.actions.pause")} </mwc-button> `:""} ${"active"===this.stateObj.state||"paused"===this.stateObj.state?n.dy` <mwc-button .action="${"cancel"}" ="${this._handleActionClick}"> ${this.hass.localize("ui.card.timer.actions.cancel")} </mwc-button> <mwc-button .action="${"finish"}" ="${this._handleActionClick}"> ${this.hass.localize("ui.card.timer.actions.finish")} </mwc-button> `:""} </div> <ha-attributes .hass="${this.hass}" .stateObj="${this.stateObj}" extra-filters="remaining,restore"></ha-attributes> `:n.Ld}},{kind:"method",key:"_handleActionClick",value:function(t){const e=t.currentTarget.action;this.hass.callService("timer",e,{entity_id:this.stateObj.entity_id})}},{kind:"field",static:!0,key:"styles",value:()=>n.iv`.actions{margin:8px 0;display:flex;flex-wrap:wrap;justify-content:center}`}]}}),n.oi);a()}catch(t){a(t)}}))}};
//# sourceMappingURL=14597.3656b5cb1ab78c99.js.map