Style fixes for Z-Wave UI migration [WIP]
This commit is contained in:
parent
297c18e176
commit
4dd5ea71d6
|
|
@ -1 +1 @@
|
|||
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>platypush</title><link href="/static/css/chunk-134ec1dc.849ccfd5.css" rel="prefetch"><link href="/static/css/chunk-13b07ca5.029dd736.css" rel="prefetch"><link href="/static/css/chunk-15e147cf.7e460329.css" rel="prefetch"><link href="/static/css/chunk-2606c898.75269c9b.css" rel="prefetch"><link href="/static/css/chunk-283aacba.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-2ca39dde.efa1eae8.css" rel="prefetch"><link href="/static/css/chunk-2e526448.44bbe779.css" rel="prefetch"><link href="/static/css/chunk-2f304dee.a8a2d99a.css" rel="prefetch"><link href="/static/css/chunk-3b435dde.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-49211740.43a25f0f.css" rel="prefetch"><link href="/static/css/chunk-5145872a.197de139.css" rel="prefetch"><link href="/static/css/chunk-53e279b3.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-5a1e13e4.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-64076603.e451beea.css" rel="prefetch"><link href="/static/css/chunk-6ca797c1.5b949e24.css" rel="prefetch"><link href="/static/css/chunk-711696bb.b7730bd4.css" rel="prefetch"><link href="/static/css/chunk-7c7c5604.678c9c97.css" rel="prefetch"><link href="/static/css/chunk-7fae0422.c233115f.css" rel="prefetch"><link href="/static/css/chunk-81641df8.92b3713e.css" rel="prefetch"><link href="/static/css/chunk-845a3022.9214de81.css" rel="prefetch"><link href="/static/css/chunk-d22da0c0.7c71cffb.css" rel="prefetch"><link href="/static/css/chunk-d28a86c4.cdd32c08.css" rel="prefetch"><link href="/static/css/chunk-da9476ec.f1965e2d.css" rel="prefetch"><link href="/static/css/chunk-ed83bcf4.75b51be7.css" rel="prefetch"><link href="/static/js/chunk-134ec1dc.87638287.js" rel="prefetch"><link href="/static/js/chunk-13b07ca5.11833bcd.js" rel="prefetch"><link href="/static/js/chunk-15e147cf.e4b94eac.js" rel="prefetch"><link href="/static/js/chunk-2606c898.c61d9a34.js" rel="prefetch"><link href="/static/js/chunk-283aacba.52472391.js" rel="prefetch"><link href="/static/js/chunk-2ca39dde.bfb67629.js" rel="prefetch"><link href="/static/js/chunk-2d0cc2be.71e3fcd8.js" rel="prefetch"><link href="/static/js/chunk-2d2091df.90a98553.js" rel="prefetch"><link href="/static/js/chunk-2d21da1a.707bd994.js" rel="prefetch"><link href="/static/js/chunk-2d237d41.b4b87abb.js" rel="prefetch"><link href="/static/js/chunk-2e526448.03b6c08c.js" rel="prefetch"><link href="/static/js/chunk-2f304dee.649e4dc7.js" rel="prefetch"><link href="/static/js/chunk-3b435dde.bd4904a1.js" rel="prefetch"><link href="/static/js/chunk-49211740.e4dea096.js" rel="prefetch"><link href="/static/js/chunk-5145872a.f0bd0577.js" rel="prefetch"><link href="/static/js/chunk-53e279b3.cf489a46.js" rel="prefetch"><link href="/static/js/chunk-5a1e13e4.287f68a0.js" rel="prefetch"><link href="/static/js/chunk-64076603.2c344ed9.js" rel="prefetch"><link href="/static/js/chunk-6ca797c1.b1d321c6.js" rel="prefetch"><link href="/static/js/chunk-711696bb.a8f62738.js" rel="prefetch"><link href="/static/js/chunk-7c7c5604.430dfc96.js" rel="prefetch"><link href="/static/js/chunk-7fae0422.0d9be069.js" rel="prefetch"><link href="/static/js/chunk-81641df8.bad85c33.js" rel="prefetch"><link href="/static/js/chunk-845a3022.827b24b1.js" rel="prefetch"><link href="/static/js/chunk-d22da0c0.da01e99e.js" rel="prefetch"><link href="/static/js/chunk-d28a86c4.d0c1f74e.js" rel="prefetch"><link href="/static/js/chunk-da9476ec.f8c15985.js" rel="prefetch"><link href="/static/js/chunk-ed83bcf4.429119bf.js" rel="prefetch"><link href="/static/css/app.a59326af.css" rel="preload" as="style"><link href="/static/css/chunk-vendors.5dad8b00.css" rel="preload" as="style"><link href="/static/js/app.a92b1e47.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.32426ed3.js" rel="preload" as="script"><link href="/static/css/chunk-vendors.5dad8b00.css" rel="stylesheet"><link href="/static/css/app.a59326af.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but platypush doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.32426ed3.js"></script><script src="/static/js/app.a92b1e47.js"></script></body></html>
|
||||
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>platypush</title><link href="/static/css/chunk-134ec1dc.849ccfd5.css" rel="prefetch"><link href="/static/css/chunk-13b07ca5.029dd736.css" rel="prefetch"><link href="/static/css/chunk-1653b664.5b949e24.css" rel="prefetch"><link href="/static/css/chunk-23726328.7e460329.css" rel="prefetch"><link href="/static/css/chunk-283aacba.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-2ca39dde.efa1eae8.css" rel="prefetch"><link href="/static/css/chunk-2f304dee.a8a2d99a.css" rel="prefetch"><link href="/static/css/chunk-3b435dde.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-487896e7.b7730bd4.css" rel="prefetch"><link href="/static/css/chunk-49211740.43a25f0f.css" rel="prefetch"><link href="/static/css/chunk-4dae396b.92b3713e.css" rel="prefetch"><link href="/static/css/chunk-5145872a.197de139.css" rel="prefetch"><link href="/static/css/chunk-53e279b3.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-595ffc05.678c9c97.css" rel="prefetch"><link href="/static/css/chunk-5a1e13e4.f186cc51.css" rel="prefetch"><link href="/static/css/chunk-5d5c4530.75269c9b.css" rel="prefetch"><link href="/static/css/chunk-64076603.e451beea.css" rel="prefetch"><link href="/static/css/chunk-675c7703.75b51be7.css" rel="prefetch"><link href="/static/css/chunk-7fae0422.c233115f.css" rel="prefetch"><link href="/static/css/chunk-8aea55a8.680a3bf5.css" rel="prefetch"><link href="/static/css/chunk-d22da0c0.7c71cffb.css" rel="prefetch"><link href="/static/css/chunk-d28a86c4.cdd32c08.css" rel="prefetch"><link href="/static/css/chunk-da9476ec.f1965e2d.css" rel="prefetch"><link href="/static/css/chunk-ee62c128.44bbe779.css" rel="prefetch"><link href="/static/js/chunk-134ec1dc.87638287.js" rel="prefetch"><link href="/static/js/chunk-13b07ca5.11833bcd.js" rel="prefetch"><link href="/static/js/chunk-1653b664.4bba37ff.js" rel="prefetch"><link href="/static/js/chunk-23726328.7a638dfb.js" rel="prefetch"><link href="/static/js/chunk-283aacba.52472391.js" rel="prefetch"><link href="/static/js/chunk-2ca39dde.bfb67629.js" rel="prefetch"><link href="/static/js/chunk-2d0cc2be.71e3fcd8.js" rel="prefetch"><link href="/static/js/chunk-2d2091df.90a98553.js" rel="prefetch"><link href="/static/js/chunk-2d21da1a.707bd994.js" rel="prefetch"><link href="/static/js/chunk-2d237d41.b4b87abb.js" rel="prefetch"><link href="/static/js/chunk-2f304dee.649e4dc7.js" rel="prefetch"><link href="/static/js/chunk-3b435dde.bd4904a1.js" rel="prefetch"><link href="/static/js/chunk-487896e7.69cdcafb.js" rel="prefetch"><link href="/static/js/chunk-49211740.e4dea096.js" rel="prefetch"><link href="/static/js/chunk-4dae396b.0ee6bb40.js" rel="prefetch"><link href="/static/js/chunk-5145872a.f0bd0577.js" rel="prefetch"><link href="/static/js/chunk-53e279b3.cf489a46.js" rel="prefetch"><link href="/static/js/chunk-595ffc05.8affd7fe.js" rel="prefetch"><link href="/static/js/chunk-5a1e13e4.287f68a0.js" rel="prefetch"><link href="/static/js/chunk-5d5c4530.f0675a96.js" rel="prefetch"><link href="/static/js/chunk-64076603.2c344ed9.js" rel="prefetch"><link href="/static/js/chunk-675c7703.7c7378cd.js" rel="prefetch"><link href="/static/js/chunk-7fae0422.0d9be069.js" rel="prefetch"><link href="/static/js/chunk-8aea55a8.1f07a3c9.js" rel="prefetch"><link href="/static/js/chunk-d22da0c0.da01e99e.js" rel="prefetch"><link href="/static/js/chunk-d28a86c4.d0c1f74e.js" rel="prefetch"><link href="/static/js/chunk-da9476ec.f8c15985.js" rel="prefetch"><link href="/static/js/chunk-ee62c128.c11fb53e.js" rel="prefetch"><link href="/static/css/app.a59326af.css" rel="preload" as="style"><link href="/static/css/chunk-vendors.5dad8b00.css" rel="preload" as="style"><link href="/static/js/app.379c22c8.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.32426ed3.js" rel="preload" as="script"><link href="/static/css/chunk-vendors.5dad8b00.css" rel="stylesheet"><link href="/static/css/app.a59326af.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but platypush doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.32426ed3.js"></script><script src="/static/js/app.379c22c8.js"></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +0,0 @@
|
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2606c898"],{"4de4":function(t,e,n){"use strict";var i=n("23e7"),c=n("b727").filter,o=n("1dde"),s=n("ae40"),l=o("filter"),r=s("filter");i({target:"Array",proto:!0,forced:!l||!r},{filter:function(t){return c(this,t,arguments.length>1?arguments[1]:void 0)}})},"524a":function(t,e,n){"use strict";var i=n("7a23"),c=Object(i["K"])("data-v-3cb494ce");Object(i["u"])("data-v-3cb494ce");var o={key:0,class:"col-1 icon"};Object(i["s"])();var s=c((function(t,e,n,c,s,l){return Object(i["r"])(),Object(i["e"])("div",{class:"row item",onClick:e[1]||(e[1]=function(){return l.clicked.apply(l,arguments)})},[n.iconClass?(Object(i["r"])(),Object(i["e"])("div",o,[Object(i["h"])("i",{class:n.iconClass},null,2)])):Object(i["f"])("",!0),Object(i["h"])("div",{class:["text",{"col-11":null!=n.iconClass}],textContent:Object(i["C"])(n.text)},null,10,["textContent"])])})),l={name:"DropdownItem",props:{iconClass:{type:String},text:{type:String},disabled:{type:Boolean,default:!1}},methods:{clicked:function(t){this.$parent.$emit("click",t),this.$parent.visible=!1}}};n("c9a1");l.render=s,l.__scopeId="data-v-3cb494ce";e["a"]=l},5769:function(t,e,n){},"64b0":function(t,e,n){},"87ac":function(t,e,n){"use strict";n("5769")},ab0f:function(t,e,n){"use strict";var i=n("7a23"),c=Object(i["K"])("data-v-00fa59b4");Object(i["u"])("data-v-00fa59b4");var o={class:"dropdown-container",ref:"container"};Object(i["s"])();var s=c((function(t,e,n,c,s,l){return Object(i["r"])(),Object(i["e"])("div",o,[Object(i["h"])("button",{title:n.title,ref:"button",onClick:e[1]||(e[1]=Object(i["J"])((function(t){return l.toggle(t)}),["stop"]))},[n.iconClass?(Object(i["r"])(),Object(i["e"])("i",{key:0,class:["icon",n.iconClass]},null,2)):Object(i["f"])("",!0),n.text?(Object(i["r"])(),Object(i["e"])("span",{key:1,class:"text",textContent:Object(i["C"])(n.text)},null,8,["textContent"])):Object(i["f"])("",!0)],8,["title"]),Object(i["h"])("div",{class:["dropdown fade-in",{hidden:!s.visible}],id:n.id,ref:"dropdown"},[Object(i["y"])(t.$slots,"default")],10,["id"])],512)})),l={name:"Dropdown",emits:["click"],props:{id:{type:String},items:{type:Array,default:function(){return[]}},iconClass:{type:String,default:"fa fa-ellipsis-h"},text:{type:String},title:{type:String}},data:function(){return{visible:!1}},methods:{documentClickHndl:function(t){if(this.visible){var e=t.target;while(e){if(!this.$refs.dropdown)break;if(e===this.$refs.dropdown.element)return;e=e.parentElement}this.close()}},close:function(){this.visible=!1,document.removeEventListener("click",this.documentClickHndl)},open:function(){var t=this;document.addEventListener("click",this.documentClickHndl),this.visible=!0,setTimeout((function(){var e=t.$refs.dropdown;e.style.left=0,e.style.top=parseFloat(getComputedStyle(t.$refs.button).height)+"px",e.getBoundingClientRect().left>window.innerWidth/2&&(e.style.left=-e.clientWidth+parseFloat(getComputedStyle(t.$refs.button).width)+"px"),e.getBoundingClientRect().top>window.innerHeight/2&&(e.style.top=-e.clientHeight+parseFloat(getComputedStyle(t.$refs.button).height)+"px")}),10)},toggle:function(t){t.stopPropagation(),this.$emit("click"),this.visible?this.close():this.open()}}};n("87ac");l.render=s,l.__scopeId="data-v-00fa59b4";e["a"]=l},c9a1:function(t,e,n){"use strict";n("64b0")}}]);
|
||||
//# sourceMappingURL=chunk-2606c898.c61d9a34.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,2 @@
|
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4dae396b"],{"4de4":function(e,t,n){"use strict";var u=n("23e7"),o=n("b727").filter,r=n("1dde"),a=n("ae40"),i=r("filter"),c=a("filter");u({target:"Array",proto:!0,forced:!i||!c},{filter:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}})},5870:function(e,t,n){"use strict";n("e5dc")},8285:function(e,t,n){"use strict";var u=n("7a23"),o=Object(u["K"])("data-v-1a18952e"),r=o((function(e,t,n,o,r,a){return Object(u["r"])(),Object(u["e"])("label",null,[Object(u["h"])("input",{class:"slider",type:"range",min:n.range[0],max:n.range[1],value:n.value,disabled:n.disabled,onChange:t[1]||(t[1]=function(t){return e.$emit("input",t)}),onMouseup:t[2]||(t[2]=function(t){return e.$emit("mouseup",t)}),onInput:t[3]||(t[3]=function(t){return e.$emit("input",t)}),onMousedown:t[4]||(t[4]=function(t){return e.$emit("mousedown",t)}),onTouch:t[5]||(t[5]=function(t){return e.$emit("input",t)}),onTouchstart:t[6]||(t[6]=function(t){return e.$emit("mousedown",t)}),onTouchend:t[7]||(t[7]=function(t){return e.$emit("mouseup",t)})},null,40,["min","max","value","disabled"]),n.withLabel?(Object(u["r"])(),Object(u["e"])("span",{key:0,class:"label",textContent:Object(u["C"])(n.value)},null,8,["textContent"])):Object(u["f"])("",!0)])})),a=(n("a9e3"),{name:"Slider",emits:["input","mouseup","mousedown"],props:{value:{type:Number},disabled:{type:Boolean,default:!1},range:{type:Array,default:function(){return[0,100]}},withLabel:{type:Boolean,default:!1}}});n("5870");a.render=r,a.__scopeId="data-v-1a18952e";t["a"]=a},e5dc:function(e,t,n){}}]);
|
||||
//# sourceMappingURL=chunk-4dae396b.0ee6bb40.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,2 @@
|
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5d5c4530"],{"524a":function(t,e,n){"use strict";var i=n("7a23"),c=Object(i["K"])("data-v-3cb494ce");Object(i["u"])("data-v-3cb494ce");var o={key:0,class:"col-1 icon"};Object(i["s"])();var s=c((function(t,e,n,c,s,l){return Object(i["r"])(),Object(i["e"])("div",{class:"row item",onClick:e[1]||(e[1]=function(){return l.clicked.apply(l,arguments)})},[n.iconClass?(Object(i["r"])(),Object(i["e"])("div",o,[Object(i["h"])("i",{class:n.iconClass},null,2)])):Object(i["f"])("",!0),Object(i["h"])("div",{class:["text",{"col-11":null!=n.iconClass}],textContent:Object(i["C"])(n.text)},null,10,["textContent"])])})),l={name:"DropdownItem",props:{iconClass:{type:String},text:{type:String},disabled:{type:Boolean,default:!1}},methods:{clicked:function(t){this.$parent.$emit("click",t),this.$parent.visible=!1}}};n("c9a1");l.render=s,l.__scopeId="data-v-3cb494ce";e["a"]=l},5769:function(t,e,n){},"64b0":function(t,e,n){},"87ac":function(t,e,n){"use strict";n("5769")},ab0f:function(t,e,n){"use strict";var i=n("7a23"),c=Object(i["K"])("data-v-00fa59b4");Object(i["u"])("data-v-00fa59b4");var o={class:"dropdown-container",ref:"container"};Object(i["s"])();var s=c((function(t,e,n,c,s,l){return Object(i["r"])(),Object(i["e"])("div",o,[Object(i["h"])("button",{title:n.title,ref:"button",onClick:e[1]||(e[1]=Object(i["J"])((function(t){return l.toggle(t)}),["stop"]))},[n.iconClass?(Object(i["r"])(),Object(i["e"])("i",{key:0,class:["icon",n.iconClass]},null,2)):Object(i["f"])("",!0),n.text?(Object(i["r"])(),Object(i["e"])("span",{key:1,class:"text",textContent:Object(i["C"])(n.text)},null,8,["textContent"])):Object(i["f"])("",!0)],8,["title"]),Object(i["h"])("div",{class:["dropdown fade-in",{hidden:!s.visible}],id:n.id,ref:"dropdown"},[Object(i["y"])(t.$slots,"default")],10,["id"])],512)})),l={name:"Dropdown",emits:["click"],props:{id:{type:String},items:{type:Array,default:function(){return[]}},iconClass:{type:String,default:"fa fa-ellipsis-h"},text:{type:String},title:{type:String}},data:function(){return{visible:!1}},methods:{documentClickHndl:function(t){if(this.visible){var e=t.target;while(e){if(!this.$refs.dropdown)break;if(e===this.$refs.dropdown.element)return;e=e.parentElement}this.close()}},close:function(){this.visible=!1,document.removeEventListener("click",this.documentClickHndl)},open:function(){var t=this;document.addEventListener("click",this.documentClickHndl),this.visible=!0,setTimeout((function(){var e=t.$refs.dropdown;e.style.left=0,e.style.top=parseFloat(getComputedStyle(t.$refs.button).height)+"px",e.getBoundingClientRect().left>window.innerWidth/2&&(e.style.left=-e.clientWidth+parseFloat(getComputedStyle(t.$refs.button).width)+"px"),e.getBoundingClientRect().top>window.innerHeight/2&&(e.style.top=-e.clientHeight+parseFloat(getComputedStyle(t.$refs.button).height)+"px")}),10)},toggle:function(t){t.stopPropagation(),this.$emit("click"),this.visible?this.close():this.open()}}};n("87ac");l.render=s,l.__scopeId="data-v-00fa59b4";e["a"]=l},c9a1:function(t,e,n){"use strict";n("64b0")}}]);
|
||||
//# sourceMappingURL=chunk-5d5c4530.f0675a96.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,2 +0,0 @@
|
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-81641df8"],{5530:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));n("a4d3"),n("4de4"),n("4160"),n("e439"),n("dbb4"),n("b64b"),n("159b");function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}},5870:function(e,t,n){"use strict";n("e5dc")},8285:function(e,t,n){"use strict";var r=n("7a23"),u=Object(r["K"])("data-v-1a18952e"),o=u((function(e,t,n,u,o,c){return Object(r["r"])(),Object(r["e"])("label",null,[Object(r["h"])("input",{class:"slider",type:"range",min:n.range[0],max:n.range[1],value:n.value,disabled:n.disabled,onChange:t[1]||(t[1]=function(t){return e.$emit("input",t)}),onMouseup:t[2]||(t[2]=function(t){return e.$emit("mouseup",t)}),onInput:t[3]||(t[3]=function(t){return e.$emit("input",t)}),onMousedown:t[4]||(t[4]=function(t){return e.$emit("mousedown",t)}),onTouch:t[5]||(t[5]=function(t){return e.$emit("input",t)}),onTouchstart:t[6]||(t[6]=function(t){return e.$emit("mousedown",t)}),onTouchend:t[7]||(t[7]=function(t){return e.$emit("mouseup",t)})},null,40,["min","max","value","disabled"]),n.withLabel?(Object(r["r"])(),Object(r["e"])("span",{key:0,class:"label",textContent:Object(r["C"])(n.value)},null,8,["textContent"])):Object(r["f"])("",!0)])})),c=(n("a9e3"),{name:"Slider",emits:["input","mouseup","mousedown"],props:{value:{type:Number},disabled:{type:Boolean,default:!1},range:{type:Array,default:function(){return[0,100]}},withLabel:{type:Boolean,default:!1}}});n("5870");c.render=o,c.__scopeId="data-v-1a18952e";t["a"]=c},dbb4:function(e,t,n){var r=n("23e7"),u=n("83ab"),o=n("56ef"),c=n("fc6a"),a=n("06cf"),i=n("8418");r({target:"Object",stat:!0,sham:!u},{getOwnPropertyDescriptors:function(e){var t,n,r=c(e),u=a.f,s=o(r),b={},f=0;while(s.length>f)n=u(r,t=s[f++]),void 0!==n&&i(b,t,n);return b}})},e439:function(e,t,n){var r=n("23e7"),u=n("d039"),o=n("fc6a"),c=n("06cf").f,a=n("83ab"),i=u((function(){c(1)})),s=!a||i;r({target:"Object",stat:!0,forced:s,sham:!a},{getOwnPropertyDescriptor:function(e,t){return c(o(e),t)}})},e5dc:function(e,t,n){}}]);
|
||||
//# sourceMappingURL=chunk-81641df8.bad85c33.js.map
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="item group" :class="{selected: selected}">
|
||||
<div class="row name vertical-center" :class="{selected: selected}" v-text="group.label"
|
||||
<div class="row name header vertical-center" :class="{selected: selected}" v-text="group.label"
|
||||
@click="$emit('select', group.index)" />
|
||||
|
||||
<div class="params" v-if="selected">
|
||||
|
|
|
|||
|
|
@ -138,7 +138,7 @@
|
|||
|
||||
<div class="item scene" :class="{selected: selected.sceneId === sceneId}"
|
||||
v-for="(scene, sceneId) in scenes" :key="sceneId">
|
||||
<div class="row name vertical-center" :class="{selected: selected.sceneId === sceneId}" v-text="scene.label"
|
||||
<div class="row name header vertical-center" :class="{selected: selected.sceneId === sceneId}" v-text="scene.label"
|
||||
@click="selected.sceneId = sceneId === selected.sceneId ? undefined : sceneId" />
|
||||
|
||||
<div class="params" v-if="selected.sceneId === sceneId">
|
||||
|
|
@ -194,7 +194,7 @@
|
|||
<div class="item node"
|
||||
:class="{selected: selected.nodeId === nodeId}"
|
||||
v-if="selected.view === 'values' || Object.values(node.values).filter((value) => value.id_on_network in values[selected.view]).length > 0">
|
||||
<div class="row name vertical-center" :class="{selected: selected.nodeId === nodeId}" v-text="node.name"
|
||||
<div class="row name header vertical-center" :class="{selected: selected.nodeId === nodeId}" v-text="node.name"
|
||||
@click="onNodeClick(nodeId)"></div>
|
||||
|
||||
<div class="params" v-if="selected.nodeId === nodeId">
|
||||
|
|
@ -696,7 +696,7 @@ export default {
|
|||
.zwave-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 .5em;
|
||||
padding: 0;
|
||||
background: $container-bg;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="item node" :class="{selected: selected}">
|
||||
<div class="row name vertical-center" :class="{selected: selected}"
|
||||
<div class="row name header vertical-center" :class="{selected: selected}"
|
||||
v-text="node.name && node.name.length ? node.name : `<Node ${node.node_id}>`" @click="$emit('select')" />
|
||||
|
||||
<div class="params" v-if="selected">
|
||||
|
|
|
|||
|
|
@ -43,9 +43,8 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<label>
|
||||
<input class="slider" type="range" :min="value.min" :max="value.max"
|
||||
:value="value.data" :data-id-on-network="value.id_on_network"
|
||||
@change="onValueChange">
|
||||
<Slider :range="[value.min, value.max]" :value="value.data"
|
||||
:data-id-on-network="value.id_on_network" @change="onValueChange" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -121,10 +120,11 @@ import Dropdown from "@/components/elements/Dropdown";
|
|||
import DropdownItem from "@/components/elements/DropdownItem";
|
||||
import ToggleSwitch from "@/components/elements/ToggleSwitch";
|
||||
import Utils from "@/Utils";
|
||||
import Slider from "@/components/elements/Slider";
|
||||
|
||||
export default {
|
||||
name: "Value",
|
||||
components: {Dropdown, DropdownItem, ToggleSwitch},
|
||||
components: {Slider, Dropdown, DropdownItem, ToggleSwitch},
|
||||
mixins: [Utils],
|
||||
emits: ['remove-from-scene', 'add-to-scene', 'refresh'],
|
||||
|
||||
|
|
|
|||
|
|
@ -10,6 +10,22 @@
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
.params, .info-body {
|
||||
.row {
|
||||
&:nth-child(even) {
|
||||
background: $param-even-row-bg;
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
background: $param-odd-row-bg;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $hover-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.node, .scene {
|
||||
.actions {
|
||||
.row {
|
||||
|
|
@ -27,7 +43,8 @@
|
|||
padding-bottom: 1em;
|
||||
|
||||
.title {
|
||||
font-size: 1.2em;
|
||||
font-size: 1.05em;
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
|
||||
.section {
|
||||
|
|
@ -53,14 +70,6 @@
|
|||
border-radius: 1em;
|
||||
padding: .3em;
|
||||
|
||||
&:nth-child(even) {
|
||||
background: $param-even-row-bg;
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
background: $param-odd-row-bg;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $hover-bg;
|
||||
}
|
||||
|
|
@ -102,7 +111,6 @@
|
|||
|
||||
select {
|
||||
width: 100%;
|
||||
border-radius: 2em;
|
||||
}
|
||||
|
||||
.numeric {
|
||||
|
|
@ -150,6 +158,103 @@
|
|||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@media screen and (max-width: $tablet) {
|
||||
.param-name {
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.param-value {
|
||||
width: 100%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
.param-name {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.param-value {
|
||||
width: 58%;
|
||||
justify-content: right;
|
||||
}
|
||||
}
|
||||
|
||||
.param-name {
|
||||
display: inline-flex;
|
||||
margin-left: 1%;
|
||||
vertical-align: top;
|
||||
letter-spacing: .04em;
|
||||
}
|
||||
|
||||
.param-value {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
.value-edit {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.value-data {
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.slider-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.unit {
|
||||
font-size: .8em;
|
||||
margin-left: 1em;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.numeric {
|
||||
input.slider {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row {
|
||||
background: none;
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.value-min, .value-max {
|
||||
width: 50%;
|
||||
font-size: .85em;
|
||||
opacity: .75;
|
||||
}
|
||||
|
||||
.value-min {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.value-max {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
border: 0;
|
||||
padding: 0 1em;
|
||||
|
|
@ -173,24 +278,44 @@
|
|||
box-shadow: $view-box-shadow;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $desktop) {
|
||||
.view {
|
||||
margin-top: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
&.selected {
|
||||
box-shadow: $selected-item-box-shadow;
|
||||
}
|
||||
|
||||
.name {
|
||||
padding: 1em;
|
||||
.name.header {
|
||||
padding: 1em !important;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .06em;
|
||||
|
||||
&.selected {
|
||||
background: $selected-bg;
|
||||
border-radius: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1.2em;
|
||||
padding-left: .5em;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $hover-bg;
|
||||
|
||||
&.selected {
|
||||
background: $selected-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
|
|
@ -199,10 +324,113 @@
|
|||
|
||||
&:first-child {
|
||||
border-radius: 1.5em 1.5em 0 0;
|
||||
&:hover {
|
||||
border-radius: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 0 1.5em 1.5em;
|
||||
&:hover {
|
||||
border-radius: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.params {
|
||||
.section {
|
||||
padding: 1.5em 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.value {
|
||||
.param-name {
|
||||
display: inline-block;
|
||||
|
||||
.name {
|
||||
font-family: monospace;
|
||||
font-size: .8em;
|
||||
text-transform: unset;
|
||||
padding: 0;
|
||||
|
||||
&:before {
|
||||
content: '[';
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: ']';
|
||||
}
|
||||
}
|
||||
|
||||
.unit {
|
||||
font-size: .8em;
|
||||
&:before {
|
||||
content: ' [unit: ';
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: ']';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.param-value {
|
||||
label {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
border: 0;
|
||||
background: none;
|
||||
padding: 0 .5em;
|
||||
|
||||
&:hover {
|
||||
color: $default-hover-fg;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $tablet) {
|
||||
.name-edit {
|
||||
justify-content: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
.name-edit {
|
||||
justify-content: right;
|
||||
}
|
||||
}
|
||||
|
||||
.name-edit {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
form {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items:center;
|
||||
justify-content: right;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: inline-flex;
|
||||
justify-content: right;
|
||||
margin: 0 0 0 .5em;
|
||||
}
|
||||
|
||||
form {
|
||||
background: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -258,4 +486,8 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue