2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
"use strict";(self["webpackChunkplatypush"]=self["webpackChunkplatypush"]||[]).push([[6365,3673],{6237:function(e,t,n){n.d(t,{Z:function(){return m}});var l=n(6252),a=n(3577),i=n(9963);const o={class:"slider-wrapper"},r=["min","max","step","disabled","value"],s={class:"track-inner",ref:"track"},u={class:"thumb",ref:"thumb"},c=["textContent"];function d(e,t,n,d,p,h){return(0,l.wg)(),(0,l.iD)("label",o,[(0,l._)("input",{class:(0,a.C_)(["slider",{"with-label":n.withLabel}]),type:"range",min:n.range[0],max:n.range[1],step:n.step,disabled:n.disabled,value:n.value,ref:"range",onInput:t[0]||(t[0]=(0,i.iM)(((...e)=>h.onUpdate&&h.onUpdate(...e)),["stop"])),onChange:t[1]||(t[1]=(0,i.iM)(((...e)=>h.onUpdate&&h.onUpdate(...e)),["stop"]))},null,42,r),(0,l._)("div",{class:(0,a.C_)(["track",{"with-label":n.withLabel}])},[(0,l._)("div",s,null,512)],2),(0,l._)("div",u,null,512),n.withLabel?((0,l.wg)(),(0,l.iD)("span",{key:0,class:"label",textContent:(0,a.zw)(n.value),ref:"label"},null,8,c)):(0,l.kq)("",!0)])}var p={name:"Slider",emits:["input","change","mouseup","mousedown","touchstart","touchend","keyup","keydown"],props:{value:{type:Number},disabled:{type:Boolean,default:!1},range:{type:Array,default:()=>[0,100]},step:{type:Number,default:1},withLabel:{type:Boolean,default:!1}},methods:{onUpdate(e){this.update(e.target.value),this.$emit(e.type,{...e,target:{...e.target,value:this.$refs.range.value}})},update(e){const t=this.$refs.range.clientWidth,n=(e-this.range[0])/(this.range[1]-this.range[0]),l=n*t,a=this.$refs.thumb;a.style.left=l-a.clientWidth/2+"px",this.$refs.thumb.style.transform=`translate(-${n}%, -50%)`,this.$refs.track.style.width=`${l}px`}},mounted(){null!=this.value&&this.update(this.value)}},h=n(3744);const v=(0,h.Z)(p,[["render",d],["__scopeId","data-v-15d8c6c5"]]);var m=v},6365:function(e,t,n){n.r(t),n.d(t,{default:function(){return _}});var l=n(6252),a=n(3577),i=n(9963);const o={class:"entity dimmer-container"},r={class:"col-1 icon"},s={class:"col-s-8 col-m-9 label"},u=["textContent"],c={class:"col-s-3 col-m-2 buttons pull-right"},d=["textContent"],p={class:"row"},h={class:"input"};function v(e,t,n,v,m,f){const g=(0,l.up)("EntityIcon"),y=(0,l.up)("Slider");return(0,l.wg)(),(0,l.iD)("div",o,[(0,l._)("div",{class:(0,a.C_)(["head",{expanded:m.expanded}])},[(0,l._)("div",r,[(0,l.Wm)(g,{icon:this.value.meta?.icon||{},loading:e.loading,error:e.error},null,8,["icon","loading","error"])]),(0,l._)("div",s,[(0,l._)("div",{class:"name",textContent:(0,a.zw)(e.value.name)},null,8,u)]),(0,l._)("div",c,[(0,l._)("button",{onClick:t[0]||(t[0]=(0,i.iM)((e=>m.expanded=!m.expanded),["stop"]))},[(0,l._)("i",{class:(0,a.C_)(["fas",{"fa-angle-up":m.expanded,"fa-angle-down":!m.expanded}])},null,2)]),null!=f.valuePercent?((0,l.wg)(),(0,l.iD)("span",{key:0,class:"value-percent",textContent:(0,a.zw)(f.valuePercent.toFixed(0)+"%")},null,8,d)):(0,l.kq)("",!0)])],2),m.expanded?((0,l.wg)(),(0,l.iD)("div",{key:0,class:"body",onClick:t[1]||(t[1]=(0,i.iM)(((...e)=>f.prevent&&f.prevent(...e)),["stop"]))},[(0,l._)("div",p,[(0,l._)("div",h,[(0,l.Wm)(y,{range:[e.value.min,e.value.max],value:e.value.value,onInput:f.setValue},null,8,["range","value","onInput"])])])])):(0,l.kq)("",!0)])}var m=n(6237),f=n(7909),g=n(3673),y={name:"Dimmer",components:{Slider:m.Z,EntityIcon:g["default"]},mixins:[f["default"]],data(){return{expanded:!1}},computed:{valuePercent(){if(this.value?.is_write_only||null==this.value?.value)return null;const e=this.value.min||0,t=this.value.max||100;return 100*this.value.value/(t-e)}},methods:{prevent(e){return e.stopPropagation(),!1},async setValue(e){this.$emit("loading",!0);try{await this.request("entities.execute",{id:this.value.id,action:"set_value",data:+e.target.value})}finally{this.$emit("loading",!1)}}}},b=n(3744);const w=(0,b.Z)(y,[["render",v],["__scopeId","data-v-162eb0f4"]]);var _=w},3673:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});var l=n(6252),a=n(3577),i=n(3540);const o={key:0,src:i,class:"loading"},r={key:1,class:"fas fa-circle-exclamation error"};function s(e,t,n,i,s,u){const c=(0,l.up)("Icon");return(0,l.wg)(),(0,l.iD)("div",{class:(0,a.C_)(["entity-icon-container",{"with-color-fill":!!u.colorFill}]),style:(0,a.j5)(u.colorFillStyle)},[n.loading?((0,l.wg)(),(0,l.iD)("img",o)):n.error?((0,l.wg)(),(0,l.iD)("i",r)):((0,l.wg)(),(0,l.j4)(c,(0,a.vs)((0,l.dG)({key:2},u.computedIcon)),null,16))],6)}var u=n(1478),c={name:"EntityIcon",components:{Icon:u.Z},props:{loading:{type:Boolean,default:!1},error:{type:Boolean,default:!1},icon:{type:Object,required:!0},hasColorFill:{type:Boolean,default:!1}},data(){return{component:null,modalVisible:!1}},computed:{colorFill(){return this.hasColorFill&&this.icon.color?this.icon.color:null},colorFillStyle(){return this.colorFill&&!this.error?{background:this.colorFill}:{}},computedIcon(){const e={...this.icon};return this.colorFill&&delete e.color,e},type(){let e=this.entity.type||"";return e.charAt(0).toUpperCase()+e.slice(1)}}},d=n(3744);const p=(0,d.Z)(c,[["render",s],["__scopeId","data-v-e4043550"]]);var h=p},3540:function(e,t,n){e.exports=n.p+"static/img/spinner.c0bee445.gif"}}]);
|
|
//# sourceMappingURL=6365.ff05ea5a.js.map
|