You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
344 lines
27 KiB
344 lines
27 KiB
6 years ago
|
<!--
|
||
|
|
yunkong2.vis high quality Widget-Set
|
||
|
|
|
||
|
|
version: "1.1.2"
|
||
|
|
|
||
|
|
Copyright 6'2014-2018 bluefox<dogafox@gmail.com>
|
||
|
|
|
||
|
|
-->
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/hqwidgets.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/hqwidgetsButtons.css"/>
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/checkbox.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/glossy.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/odometer-theme-car.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/odometer-theme-default.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/odometer-theme-digital.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/odometer-theme-minimal.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/odometer-theme-plaza.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/odometer-theme-slot-machine.css" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="widgets/hqwidgets/css/odometer-theme-train-station.css" />
|
||
|
|
|
||
|
|
<script type="text/javascript" src="widgets/hqwidgets/js/jquery.knob.js"></script>
|
||
|
|
<script type="text/javascript" src="widgets/hqwidgets/js/odometer.min.js"></script>
|
||
|
|
<script type="text/javascript" src="widgets/hqwidgets/js/hqwidgets.js"></script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.odometer-leading .odometer-inside .odometer-digit:first-child,
|
||
|
|
/*, .odometer-leading .odometer-inside .odometer-formatting-mark:nth-child(2),*/
|
||
|
|
.odometer-leading .odometer-inside .odometer-digit:last-child {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script id="tplHqButton"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-name="On/Off"
|
||
|
|
data-vis-update-style="true"
|
||
|
|
data-vis-type="ctrl,bool,button,state"
|
||
|
|
data-vis-prev='<div id="prev_tplHqButton" style="position: relative; text-align: initial;padding: 10px !important"><div class="vis-widget_prev vis-hq-button-base" style="overflow: visible; width: 64px; height: 64px; border-radius: 64px; left: 543px; top: 37px; position: absolute;"><div class="vis-hq-main vis-hq-button-base-on" style="z-index: 1; border-radius: 64px;"><div class="vis-hq-middle"><table class="vis-hq-table hq-no-space" style="position: absolute; left: 4px; top: 2px;"><tbody><tr class="hq-no-space"><td class="hq-no-space"><div class="vis-hq-icon" style="text-align: center;"><img class="vis-hq-icon-img" style="height: 56px; width: auto;" src="img/bulb_off.png"></div></td></tr></tbody></table></div></div></div></div>'
|
||
|
|
data-vis-attrs="oid[nothing_selected]/id/changedButtonId;oid-working;oid-battery;oid-signal;readOnly/checkbox;"
|
||
|
|
data-vis-attrs0="group.value;min[false];max[true];pushButton/checkbox;"
|
||
|
|
data-vis-attrs1="group.center;caption;captionOn;iconName[img~bulb_off.png]/image;iconOn/image;btIconWidth[56]/slider,0,400,1;offsetAuto[true]/checkbox;leftOffset[15]/slider,0,100,1;topOffset[55]/slider,0,100,1;"
|
||
|
|
data-vis-attrs2="group.leftRight;hoursLastAction/nselect,,1,2,3,6,12,24,1024;timeAsInterval[true]/checkbox;format_date/auto,YYYY.MM.DD hh:mm:ss,DD.MM.YYYY hh:mm:ss,YYYY/MM/DD hh:mm:ss,hh:mm:ss,hh:mm;descriptionLeftDisabled/checkbox;descriptionLeft;infoLeftFontSize[12]/slider,6,50,1;infoRight;infoFontRightSize[12]/slider,6,50,1;infoColor/color;infoBackground/color;infoLeftPaddingLeft[15]/slider,0,100,1;infoLeftPaddingRight[50]/slider,0,100,1;infoRightPaddingLeft/slider,0,100,1;infoRightPaddingRight[15]/slider,0,100,1;"
|
||
|
|
data-vis-attrs3="group.styles;styleNormal/style,hqwidgetsButtons glossy,-button,background;styleActive/style,hqwidgetsButtons glossy,-button,background;usejQueryStyle/checkbox;changeEffect/nselect,,waves,wobble,tada,swing,shake,rubberBand,pulse,flash,bounce;waveColor/color;testActive/checkbox;"
|
||
|
|
data-vis-attrs4="group.ccontrol;urlTrue;urlFalse;oidTrue/id;oidFalse/id;oidTrueValue;oidFalseValue;"
|
||
|
|
data-vis-filter="HM-LC-Sw1-Pl,HM-LC-Sw1-FM,HM-Dis-TD-T,HM-LC-Sw2-FM,HM-LC-Sw1PBU-FM,HM-LC-Sw1-SM,HM-LC-Sw1-FM,HM-LC-Sw2-FM,HM-LC-Sw4-PCB,HM-LC-Sw4-SM,HM-LC-Sw4-DR,HM-LC-Sw4-WM,HM-Sec-SFA-SM,HM-OU-CF-Pl,HM-OU-CFM-Pl,HMW-LC-Sw2-DR,HM-LC-Sw1-PB-FM,HM-LC-Sw2-PB-FM,HMW-IO-12-Sw14-DR,HMW-IO-12-Sw7-DR,HM-ES-PMSw1-Pl">
|
||
|
|
<div class="vis-widget <%== this.data.attr('class') %>" style="overflow:visible; width: 64px; height: 64px; border-radius: 64px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
vis.binds.hqwidgets.button.init(this.data.wid, this.view, this.data, this.style);
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="tplHqDimmer"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-name="Dimmer"
|
||
|
|
data-vis-type="ctrl,dimmer,button"
|
||
|
|
data-vis-prev='<img src="widgets/hqwidgets/img/prev/Prev_hqwidgetsDimmer.png"></img>'
|
||
|
|
data-vis-update-style="true"
|
||
|
|
data-vis-attrs="oid[nothing_selected]/id/changedButtonId;oid-working;oid-battery;oid-signal;"
|
||
|
|
data-vis-attrs0="group.value;unit[%];min[0];max[100];digits[0]/number;step[1];is_comma[true]/checkbox;"
|
||
|
|
data-vis-attrs1="group.center;caption;iconName[img~bulb_off.png]/image;iconOn/image;btIconWidth[56]/slider,0,400,1;offsetAuto[true]/checkbox;leftOffset[15]/slider,0,100,1;topOffset[55]/slider,0,100,1;circleWidth[50]/slider,1,200,1;showValue[true]/checkbox;alwaysShow/checkbox;"
|
||
|
|
data-vis-attrs2="group.leftRight;hoursLastAction/nselect,,1,2,3,6,12,24,1024;timeAsInterval[true]/checkbox;format_date/auto,YYYY.MM.DD hh:mm:ss,DD.MM.YYYY hh:mm:ss,YYYY/MM/DD hh:mm:ss,hh:mm:ss,hh:mm;descriptionLeftDisabled/checkbox;descriptionLeft;infoLeftFontSize[12]/slider,6,50,1;infoFontRightSize[12]/slider,6,50,1;infoColor/color;infoBackground/color;infoLeftPaddingLeft[15]/slider,0,100,1;infoLeftPaddingRight[50]/slider,0,100,1;infoRightPaddingLeft/slider,0,100,1;infoRightPaddingRight[15]/slider,0,100,1;"
|
||
|
|
data-vis-attrs3="group.styles;styleNormal/style,hqwidgetsButtons glossy,-button,background;styleActive/style,hqwidgetsButtons glossy,-button,background;usejQueryStyle/checkbox;changeEffect/nselect,,waves,wobble,tada,swing,shake,rubberBand,pulse,flash,bounce;waveColor/color;testActive/checkbox"
|
||
|
|
data-vis-filter="light.dimmer">
|
||
|
|
<div class="vis-widget <%== this.data.attr('class') %>" style="overflow:visible; width: 64px; height: 64px; border-radius: 64px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
vis.binds.hqwidgets.button.init(this.data.wid, this.view, this.data, this.style, 'number');
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="tplHqInTemp"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-name="Inner temperature"
|
||
|
|
data-vis-type="ctrl,temperature"
|
||
|
|
data-vis-prev='<img src="widgets/hqwidgets/img/prev/Prev_hqwidgetsInTemp.png"></img>'
|
||
|
|
data-vis-update-style="true"
|
||
|
|
data-vis-attrs="oid[nothing_selected]/id,level.temperature/changedTempId;oid-humidity/id,value.humidity;oid-actual/id,value.temperature/changedTemperatureId;oid-drive/id,value.valve;valveBinary/checkbox;oid-battery/id,indicator.battery;"
|
||
|
|
data-vis-attrs0="group.value;unit[°C];min[6];max[30];digits[0]/number;step[1];is_comma[true]/checkbox;"
|
||
|
|
data-vis-attrs1="group.center;caption;iconName[img~Heating.png]/image;btIconWidth[45]/slider,0,400,1;offsetAuto[true]/checkbox;leftOffset[25]/slider,0,100,1;topOffset[55]/slider,0,100,1;circleWidth[50]/slider,1,100,1;showValue[true]/checkbox;alwaysShow/checkbox;midTextColor/color;"
|
||
|
|
data-vis-attrs2="group.leftRight;hoursLastAction/nselect,,1,2,3,6,12,24,1024;timeAsInterval[true]/checkbox;format_date/auto,YYYY.MM.DD hh:mm:ss,DD.MM.YYYY hh:mm:ss,YYYY/MM/DD hh:mm:ss,hh:mm:ss,hh:mm;descriptionLeftDisabled/checkbox;descriptionLeft;infoLeftFontSize[12]/slider,6,50,1;infoFontRightSize[12]/slider,6,50,1;infoColor/color;infoBackground/color;infoLeftPaddingLeft[15]/slider,0,100,1;infoLeftPaddingRight[50]/slider,0,100,1;infoRightPaddingLeft/slider,0,100,1;infoRightPaddingRight[15]/slider,0,100,1;"
|
||
|
|
data-vis-attrs3="group.styles;styleNormal[hq-button-base-intemp]/style,hqwidgetsButtons,-button,background;usejQueryStyle/checkbox;changeEffect/nselect,,waves,wobble,tada,swing,shake,rubberBand,pulse,flash,bounce;waveColor/color;testActive/checkbox;"
|
||
|
|
data-vis-attrs4="group.chart;url;dialog_title;dialog_width;dialog_height;dialog_effect/effect;dialog_timeout/number,0,3600000,100;dialog_modal/checkbox;dialog_open/checkbox"
|
||
|
|
>
|
||
|
|
<div class="vis-widget <%== this.data.attr('class') %>" style="overflow:visible; width: 64px; height: 64px; border-radius: 64px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
this.data.temperature = true;
|
||
|
|
vis.binds.hqwidgets.button.init(this.data.wid, this.view, this.data, this.style, 'number');
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="tplHqOutTemp"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-name="Outdoor temperature"
|
||
|
|
data-vis-type="value,temperature"
|
||
|
|
data-vis-prev='<img src="widgets/hqwidgets/img/prev/Prev_hqwidgetsOutTemp.png"></img>'
|
||
|
|
data-vis-update-style="true"
|
||
|
|
data-vis-attrs="oid-actual/id,value.temperature/changedTempId;oid-humidity/id,value.humidity;oid-battery/id,indicator.battery;"
|
||
|
|
data-vis-attrs0="group.value;unit[°C];min[6];max[30];digits[0]/number;step[1];is_comma[true]/checkbox;"
|
||
|
|
data-vis-attrs1="group.center;caption;iconName[img~Heating.png]/image;btIconWidth[45]/slider,0,400,1;offsetAuto[true]/checkbox;leftOffset[25]/slider,0,100,1;topOffset[55]/slider,0,100,1;circleWidth[50]/slider,1,100,1;showValue[true]/checkbox;alwaysShow/checkbox;midTextColor/color;"
|
||
|
|
data-vis-attrs2="group.leftRight;hoursLastAction/nselect,,1,2,3,6,12,24,1024;timeAsInterval[true]/checkbox;format_date/auto,YYYY.MM.DD hh:mm:ss,DD.MM.YYYY hh:mm:ss,YYYY/MM/DD hh:mm:ss,hh:mm:ss,hh:mm;descriptionLeftDisabled/checkbox;descriptionLeft;infoLeftFontSize[12]/slider,6,50,1;infoFontRightSize[12]/slider,6,50,1;infoColor/color;infoBackground/color;infoLeftPaddingLeft[15]/slider,0,100,1;infoLeftPaddingRight[50]/slider,0,100,1;infoRightPaddingLeft/slider,0,100,1;infoRightPaddingRight[15]/slider,0,100,1;"
|
||
|
|
data-vis-attrs3="group.styles;styleNormal[hq-button-base-outtemp]/style,hqwidgetsButtons,-button,background;usejQueryStyle/checkbox;changeEffect/nselect,,waves,wobble,tada,swing,shake,rubberBand,pulse,flash,bounce;waveColor/color;testActive/checkbox;"
|
||
|
|
data-vis-attrs4="group.chart;url;dialog_title;dialog_width;dialog_height;dialog_effect/effect;dialog_timeout/number,0,3600000,100;dialog_modal/checkbox;dialog_open/checkbox"
|
||
|
|
>
|
||
|
|
<div class="vis-widget <%== this.data.attr('class') %>" style="overflow:visible; width: 64px; height: 64px; border-radius: 64px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
this.data.temperature = true;
|
||
|
|
vis.binds.hqwidgets.button.init(this.data.wid, this.view, this.data, this.style, 'number');
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="tplHqShutter"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-type="ctrl;window;shutter"
|
||
|
|
data-vis-name="Window and Shutter"
|
||
|
|
data-vis-prev='<div id="prev_tplHqShutter" style="position: relative; text-align: initial;padding: 4px "><div class="vis-widget_prev hq-blind-base vis-hq-button-base" style="overflow: visible; width: 110px; height: 90px; left: 109px; top: 74px; position: absolute; padding: 3px 4px 2px;"><table class="hq-blind hq-no-space" style="width: 100%; height: 100%"><tbody><tr><td><div class="hq-blind-blind1" style="border-width: 3px;border-color: #a9a7a8;"><div class="hq-blind-blind2" style="border-width: 3px; "><div class="hq-blind-blind3"><table class="hq-no-space" style="width: 100%; height: 100%; position: absolute"><tbody><tr class="hq-no-space hq-blind-position" style="height: 20%"><td class="hq-no-space hq-blind-blind"></td></tr><tr class="hq-no-space"><td class="hq-no-space"></td></tr></tbody></table><div class="hq-blind-blind4" style="border-width: 3px;border-color: #a5aaad;"><div class="hq-blind-handle hq-blind-handle-bg" style="border-width: 1px;top: 50%; width: 3px; height: 15%;left: calc(100% - 5px);"></div></div></div></div></div></td><td><div class="hq-blind-blind1" style="border-width: 3px;border-color: #a9a7a8;"><div class="hq-blind-blind2" style="border-width: 3px; "><div class="hq-blind-blind3"><table class="hq-no-space" style="width: 100%; height: 100%; position: absolute"><tbody><tr class="hq-no-space hq-blind-position" style="height: 20%"><td class="hq-no-space hq-blind-blind"></td></tr><tr class="hq-no-space"><td class="hq-no-space"></td></tr></tbody></table><div class="hq-blind-blind4 hq-blind-blind4-opened-left" style="border-width: 3px;border-color: #a5aaad;"><div class="hq-blind-handle hq-blind-handle-bg" style="border-width: 1px;top: 50%; width: 3px; height: 15%;-moz-transform-origin: 3px 3px;-ms-transform-origin: 3px 3px;-o-transform-origin: 3px 3px;-webkit-transform-origin: 3px 3px;transform-origin: 3px 3px;-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);"></div></div></div></div></div></td></tr></tbody></table></div></div>'
|
||
|
|
data-vis-attrs="oid/id,level.blind/changedWindowId;oid-working/id,indicator.working;min[0];max[100];border_width/slider,0,10,1;slide_count[1]/nselect,1,2,3,4,5,6;invert/checkbox;hide_timeout[2000];noAnimate/checkbox;popupHorizontalPos[center]/select,top,center,bottom;popupVerticalPos[center]/select,left,center,right;"
|
||
|
|
data-vis-attrs0="group.leftRight;descriptionLeftDisabled/checkbox;descriptionLeft;infoLeftFontSize[12]/slider,6,50,1;show_value/checkbox;infoFontRightSize[12]/slider,6,50,1;infoColor/color;infoBackground/color;infoLeftPaddingLeft[15]/slider,0,100,1;infoLeftPaddingRight[50]/slider,0,100,1;infoRightPaddingLeft/slider,0,100,1;infoRightPaddingRight[15]/slider,0,100,1;"
|
||
|
|
data-vis-attrs1="group.slides/byindex;slide_type(1-slide_count)/select,,left,right,top,bottom;oid-slide-sensor(1-slide_count)/id/changedSensorId;oid-slide-sensor-lowbat(1-slide_count)/id,indicator.battery;oid-slide-handle(1-slide_count)/id/changedSensorId;oid-slide-handle-lowbat(1-slide_count)/id,indicator.battery;"
|
||
|
|
>
|
||
|
|
<div class="vis-widget hq-blind-base <%== this.data.attr('class') %>" style="overflow:visible; width: 64px; height: 64px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
vis.binds.hqwidgets.window.init(this.data.wid, this.view, this.data, this.style);
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="tplHqDoor"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-type="state;door"
|
||
|
|
data-vis-name="Door"
|
||
|
|
data-vis-prev='<div id="prev_tplHqDoor" style="position: relative; text-align: initial;padding: 4px "><div class="vis-widget_prev hq-blind-base vis-hq-button-base" style="overflow: visible; width: 47px; height: 93px; padding: 3px 4px 2px;"><table class="vis-hq-main vis-hq-door vis-hq-no-space" style="border: 2px #8E8D8D solid;"><tbody><tr class="vis-hq-no-space"><td class="vis-hq-no-space vis-hq-door-empty-right"></td><td class="vis-hq-no-space vis-hq-door-sheet" style="width: 100%;"><div class="vis-hq-door-handle" style="left: 75%;"></div></td><td class="vis-hq-no-space vis-hq-door-empty-left" style="width: 0px; background: rgb(81, 81, 81);"></td></tr></tbody></table></div></div></div>'
|
||
|
|
data-vis-attrs="oid/id,state/changedButtonId;oid-battery/id,indicator.battery;border_width/slider,0,10,1;invert/checkbox;door_type/select,,left,right;noAnimate/checkbox;"
|
||
|
|
data-vis-attrs0="group.leftRight;descriptionLeftDisabled/checkbox;descriptionLeft;infoLeftFontSize[12]/slider,6,50,1;infoColor/color;infoBackground/color;infoLeftPaddingLeft[15]/slider,0,100,1;infoLeftPaddingRight[50]/slider,0,100,1;"
|
||
|
|
>
|
||
|
|
<div class="vis-widget hq-blind-base <%== this.data.attr('class') %>" style="overflow:visible; width: 50px; height: 100px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
vis.binds.hqwidgets.door.init(this.data.wid, this.view, this.data, this.style);
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="tplHqLock"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-prev='<div id="prev_tplHqLock" style="position: relative; text-align: initial;padding: 4px "><div class="vis-widget_prev vis-hq-lock-base vis-hq-button-base hq-button-no-background" style="overflow: visible; width: 30px; height: 30px;" ><img src="widgets/hqwidgets/img/lockUnlocked.png" class="vis-hq-lock1" style="width: 100%; height:100%;"></div></div>'
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-type="control;lock"
|
||
|
|
data-vis-name="Lock"
|
||
|
|
data-vis-attrs="oid/id,state/changedLockId;oid-open/id;oid-battery/id,indicator.battery;noAnimate/checkbox;"
|
||
|
|
data-vis-attrs0="group.image;closedIcon[widgets~hqwidgets~img~lockLocked.png]/image;openedIcon[widgets~hqwidgets~img~lockUnlocked.png]/image;"
|
||
|
|
data-vis-attrs1="group.popup;popupRadius[75]/slider,50,150,1;buttonRadius[50]/slider,0,150,1;closeIcon[widgets~hqwidgets~img~lockLocked.png]/image;closeValue;closeStyle/style,hqwidgetsButtons glossy,-button,background;"
|
||
|
|
data-vis-attrs2="openIcon[widgets~hqwidgets~img~lockUnlocked.png]/image;openValue;openStyle/style,hqwidgetsButtons glossy,-button,background;"
|
||
|
|
data-vis-attrs3="openDoorIcon[widgets~hqwidgets~img~openDoor.png]/image;openDoorValue;openDoorStyle/style,hqwidgetsButtons glossy,-button,background;showTimeout[5000]/slider,0,30000,100;"
|
||
|
|
data-vis-attrs4="group.leftRight;descriptionLeftDisabled/checkbox;descriptionLeft;infoLeftFontSize[12]/slider,6,50,1;infoFontRightSize[12]/slider,6,50,1;infoColor/color;infoBackground/color;infoLeftPaddingLeft[15]/slider,0,100,1;infoLeftPaddingRight[50]/slider,0,100,1;infoRightPaddingLeft/slider,0,100,1;infoRightPaddingRight[15]/slider,0,100,1;"
|
||
|
|
data-vis-attrs5="group.styles;styleNormal[hq-button-no-background]/style,hqwidgetsButtons glossy,-button,background;styleActive[hq-button-no-background]/style,hqwidgetsButtons glossy,-button,background;usejQueryStyle/checkbox;changeEffect/nselect,,waves,wobble,tada,swing,shake,rubberBand,pulse,flash,bounce;waveColor/color;testActive/checkbox;"
|
||
|
|
>
|
||
|
|
<div class="vis-widget vis-hq-lock-base <%== this.data.attr('class') %>" style="overflow:visible; width: 30px; height: 30px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
vis.binds.hqwidgets.lock.init(this.data.wid, this.view, this.data, this.style);
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<!--script type="text/ejs" id="tplHqText" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Text" data-vis-render-visible="true" data-vis-attrs="hqoptions">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqText", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqInfo" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Info" data-vis-render-visible="true" data-vis-attrs="hm_id;hqoptions">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqInfo", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqImage" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Image" data-vis-render-visible="true" data-vis-attrs="hqoptions">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqImage", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqCam" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="IpCamera" data-vis-render-visible="true" data-vis-attrs="hm_id;hqoptions" data-hqwidgets-filter="HM-OU-CFM-Pl,HM-Sec-SFA-SM,HM-OU-CF-Pl,HM-Sec-SC,HM-SCI-3-FM,HMW-Sen-SC-12-DR,HMW-IO-12-Sw14-DR;.STATE,.OPEN,HM-Sec-Key-S,HM-LC-Sw4-WM,HM-LC-Sw1-Pl,HM-LC-SW1-FM,HM-LC-Sw2-FM,HM-LC-Sw1-SM,HM-LC-Sw4-PCB,HM-LC-Sw4-PCB,HM-LC-Sw4-SM,HM-LC-Sw1-BA-PCB">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqCam", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqGong" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Gong" data-vis-render-visible="true" data-vis-attrs="hm_id;hqoptions" data-hqwidgets-filter="HM-OU-CFM-Pl,HM-Sec-SFA-SM,HM-OU-CF-Pl,HM-Sec-SC,HM-SCI-3-FM,HMW-Sen-SC-12-DR,HMW-IO-12-Sw14-DR;.STATE,.OPEN,HM-Sec-Key-S,HM-LC-Sw4-WM,HM-LC-Sw1-Pl,HM-LC-SW1-FM,HM-LC-Sw2-FM,HM-LC-Sw1-SM,HM-LC-Sw4-PCB,HM-LC-Sw4-SM,HM-LC-Sw1-BA-PCB">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqGong", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqGauge" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Gauge" data-vis-render-visible="true" data-vis-attrs="hm_id;hqoptions">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqGauge", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqMotion" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Motion Detector" data-vis-render-visible="true" data-vis-attrs="hm_id;hqoptions" data-hqwidgets-filter=".STATE,.MOTION;">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqMotion", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqLowbat" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Battery Indicator" data-vis-render-visible="true" data-vis-attrs="hqoptions" data-hqwidgets-filter=".LOWBAT">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqLowbat", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqIp" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Ping device" data-vis-render-visible="true" data-vis-attrs="hqoptions" data-hqwidgets-filter="PING">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
} else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqIp", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqCharts" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Charts" data-vis-render-visible="true" data-vis-attrs="hqoptions">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
} else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqCharts", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script>
|
||
|
|
<script type="text/ejs" id="tplHqEventlist" class="vis-tpl" data-vis-set="hqwidgets" data-vis-name="Eventlist" data-vis-render-visible="true" data-vis-attrs="hqoptions">
|
||
|
|
<%
|
||
|
|
if (this && this.data && this.data.attr) {
|
||
|
|
if (this.data.attr('hqoptions')){
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, this.data.attr('hqoptions'), undefined, this.view);
|
||
|
|
} else {
|
||
|
|
vis.binds.hqWidgetsExt.hqButtonExt (this.data.wid, undefined, "tplHqEventlist", this.view);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
%>
|
||
|
|
</script-->
|
||
|
|
|
||
|
|
<script id="tplHqCheckbox"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-name="Checkbox"
|
||
|
|
data-vis-type="ctrl,checkbox"
|
||
|
|
data-vis-prev='<div id="prev_tplHqCheckbox" style="position: relative; text-align: initial;padding: 4px "><div class="vis-widget_prev " style="overflow: visible; width: 108px; height: 35px"><div class="checkbox-small-orange-wrap"><div class="checkbox-small-orange-button"><input type="checkbox" style="display: none;"></div></div></div></div>'
|
||
|
|
data-vis-update-style="true"
|
||
|
|
data-vis-attrs="oid[nothing_selected]/id;val_false[false];val_true[true];staticValue;"
|
||
|
|
data-vis-attrs0="checkboxSize[big]/select,big,small;checkboxColor[grey]/select,orange,blue,green,grey;checkboxColorOn[orange]/select,orange,blue,green,grey;readOnly/checkbox"
|
||
|
|
>
|
||
|
|
<div class="vis-widget <%== this.data.attr('class') %>" style="overflow:visible; width: 216px; height: 68px" id="<%= this.data.attr('wid') %>" data-vis-resizable='{"disabled":true, "handles":"e"}'><%
|
||
|
|
vis.binds.hqwidgets.checkbox.init(this.data.wid, this.view, this.data, this.style);
|
||
|
|
%></div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="tplHqCircle"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-name="CircleKnob"
|
||
|
|
data-vis-update-style="true"
|
||
|
|
data-vis-type="ctrl,number,dimmer,knob"
|
||
|
|
data-vis-prev='<img src="widgets/hqwidgets/img/prev/Prev_hqwidgetsCircleKnob.png"></img>'
|
||
|
|
data-vis-attrs="oid[nothing_selected]/id/changedButtonId;oid-working;oid-battery;oid-signal;"
|
||
|
|
data-vis-attrs0="group.value;unit;min[0];max[100];digits[0]/number;step[1];is_comma[true]/checkbox;readOnly/checkbox;"
|
||
|
|
data-vis-attrs1="group.center;caption;hideNumber/checkbox;"
|
||
|
|
data-vis-attrs2="group.arc;angleOffset/slider,0,360,1;angleArc/slider,0,360,1;displayPrevious[true]/checkbox;"
|
||
|
|
data-vis-attrs3="group.style;cursor/slider,1,350,1;thickness/slider,0.05,1,0.05;color/color;bgcolor/color;linecap/checkbox;anticlockwise/checkbox"
|
||
|
|
>
|
||
|
|
<div class="vis-widget <%== this.data.attr('class') %>" style="overflow:visible; width: 64px; height: 64px" id="<%= this.data.attr('wid') %>"><%
|
||
|
|
vis.binds.hqwidgets.circle.init(this.data.wid, this.view, this.data);
|
||
|
|
%><input type="text" style="display: none"/></div>
|
||
|
|
</script>
|
||
|
|
<script id="tplHqOdometer"
|
||
|
|
type="text/ejs"
|
||
|
|
class="vis-tpl"
|
||
|
|
data-vis-set="hqwidgets"
|
||
|
|
data-vis-name="Odometer"
|
||
|
|
data-vis-beta="true"
|
||
|
|
data-vis-update-style="true"
|
||
|
|
data-vis-type="val,number"
|
||
|
|
data-vis-prev='<img src="widgets/hqwidgets/img/prev/Prev_hqOdometer.png"></img>'
|
||
|
|
data-vis-attrs="oid;style[car]/nselect,car,default,digital,minimal,plaza,slot-machine,train-station;group.extended;format[(ddd),dd];factor[1];leadingZeros[true]/checkbox"
|
||
|
|
>
|
||
|
|
<div class="vis-widget <%== this.data.attr('class') %>" style="width: 125px; height: 42px; font-size: 24px" id="<%= this.data.attr('wid') %>"></div>
|
||
|
|
<% vis.binds.hqwidgets.odometer(this.view, this.data) %>
|
||
|
|
</script>
|