{
  "___settings": {
    "reloadOnSleep": 30,
    "reconnectInterval": 10000,
    "darkReloadScreen": false,
    "destroyViewsAfter": 30,
    "statesDebounceTime": 1000
  },
  "DemoView": {
    "settings": {
      "style": {
        "background_class": "hq-background-blue-marine-lines"
      },
      "theme": "redmond",
      "sizex": "1024",
      "sizey": "748",
      "hideDescription": false,
      "gridSize": ""
    },
    "widgets": {
      "w00001": {
        "tpl": "tplImage",
        "data": {
          "src": "img/eg_trans.png",
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "refreshOnWakeUp": "false",
          "refreshOnViewChange": "false",
          "locked": true
        },
        "style": {
          "left": "5px",
          "top": "3px",
          "width": "761px",
          "height": "727px",
          "z-index": "0"
        },
        "widgetSet": "basic"
      },
      "w00002": {
        "tpl": "tplBulbOnOffCtrl",
        "data": {
          "oid": "dev1",
          "visibility-cond": "==",
          "visibility-val": 1,
          "icon_off": "img/bulb_off.png",
          "icon_on": "img/bulb_on.png",
          "readOnly": true,
          "filterkey": "light",
          "name": "Sleeping Room Status"
        },
        "style": {
          "left": "335.5px",
          "top": "457px",
          "z-index": "1",
          "box-shadow": "0 0 30px 10px #4575b5",
          "border-radius": "40px",
          "background-color": "#4575b5",
          "width": "55px",
          "height": "57px"
        },
        "widgetSet": "basic"
      },
      "w00004": {
        "tpl": "tplBulbOnOffCtrl",
        "data": {
          "oid": "dev2",
          "visibility-cond": "==",
          "visibility-val": 1,
          "icon_off": "img/bulb_off.png",
          "icon_on": "img/bulb_on.png",
          "filterkey": "light",
          "name": "Bath Control"
        },
        "style": {
          "left": "185px",
          "top": "317px",
          "z-index": "1",
          "box-shadow": "0 0 30px 10px #4575b5",
          "border-radius": "40px",
          "background-color": "#4575b5",
          "width": "55px",
          "height": "57px"
        },
        "widgetSet": "basic"
      },
      "w00005": {
        "tpl": "tplBulbOnOffCtrl",
        "data": {
          "oid": "dev3",
          "visibility-cond": "==",
          "visibility-val": 1,
          "icon_off": "img/bulb_off.png",
          "icon_on": "img/bulb_on.png",
          "filterkey": "light",
          "name": "Living Room Status"
        },
        "style": {
          "left": "417px",
          "top": "261px",
          "z-index": "1",
          "background-color": "#4575b5",
          "border-radius": "40px",
          "width": "55px",
          "height": "57px",
          "box-shadow": "0 0 30px 10px #4575b5"
        },
        "widgetSet": "basic"
      },
      "w00009": {
        "tpl": "tplJquiRadio",
        "data": {
          "oid": "dev1",
          "visibility-cond": "==",
          "visibility-val": 1,
          "off_text": "OFF",
          "on_text": "ON",
          "padding": "5",
          "filterkey": "light",
          "name": "Sleeping Room Control"
        },
        "style": {
          "left": "287px",
          "top": "523px",
          "z-index": "1",
          "border-radius": "5px"
        },
        "widgetSet": "jqui"
      },
      "w00008": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "<style>\n.blink {\n  animation: blinker 5s linear infinite;\n}\n\n@keyframes blinker {  \n  50% { opacity: 0.0; \n}\n}\n</style>\n\n<div class=\"blink\">Click me!</div>",
          "filterkey": "light",
          "name": "Click me"
        },
        "style": {
          "left": "177px",
          "top": "367px",
          "width": "74px",
          "height": "17px",
          "font-family": "Arial, sans-serif",
          "color": "#001bf5",
          "font-weight": "bold",
          "z-index": "1"
        },
        "widgetSet": "basic"
      },
      "w00010": {
        "tpl": "tplJquiButtonState",
        "data": {
          "oid": "dev3",
          "visibility-cond": "==",
          "visibility-val": 1,
          "buttontext": "off",
          "value": "0",
          "filterkey": "light",
          "name": "Living Room Off"
        },
        "style": {
          "left": "327px",
          "top": "271px",
          "z-index": "1",
          "border-radius": "5px"
        },
        "widgetSet": "jqui"
      },
      "w00011": {
        "tpl": "tplJquiButtonState",
        "data": {
          "oid": "dev3",
          "visibility-cond": "==",
          "visibility-val": 1,
          "buttontext": "on",
          "value": "1",
          "filterkey": "light",
          "name": "Living Room On"
        },
        "style": {
          "left": "475px",
          "top": "271px",
          "z-index": "1",
          "border-radius": "5px"
        },
        "widgetSet": "jqui"
      },
      "w00012": {
        "tpl": "tplJquiSlider",
        "data": {
          "oid": "dev4",
          "visibility-cond": "==",
          "visibility-val": 1,
          "min": "0",
          "max": "100",
          "filterkey": "data",
          "name": "Demo Slider"
        },
        "style": {
          "left": "563px",
          "top": "701px",
          "z-index": "1"
        },
        "widgetSet": "jqui"
      },
      "w00013": {
        "tpl": "tplValueFloat",
        "data": {
          "oid": "demoTemperature",
          "visibility-cond": "==",
          "visibility-val": 1,
          "is_comma": "true",
          "factor": "1",
          "html_append_singular": " C°",
          "html_append_plural": " C°",
          "filterkey": "data",
          "name": "Outside Temperature"
        },
        "style": {
          "left": "695px",
          "top": "47px",
          "width": "66px",
          "height": "17px",
          "z-index": "2",
          "font-family": "Arial, Helvetica, sans-serif",
          "text-shadow": "",
          "color": "#ffffff"
        },
        "widgetSet": "basic"
      },
      "w00015": {
        "tpl": "tplValueFloat",
        "data": {
          "oid": "demoHumidity",
          "visibility-cond": "==",
          "visibility-val": 1,
          "is_comma": "true",
          "factor": "1",
          "html_append_singular": " %",
          "html_append_plural": " %",
          "filterkey": "data",
          "name": "Outside Humidity"
        },
        "style": {
          "left": "695px",
          "top": "66px",
          "width": "66px",
          "height": "17px",
          "z-index": "2",
          "font-family": "Arial, Helvetica, sans-serif",
          "color": "#ffffff"
        },
        "widgetSet": "basic"
      },
      "w00016": {
        "tpl": "tplValueFloatBar",
        "data": {
          "oid": "dev4",
          "visibility-cond": "==",
          "visibility-val": 1,
          "min": "0",
          "max": "100",
          "orientation": "horizontal",
          "color": "blue",
          "filterkey": "data",
          "name": "Demo Bar"
        },
        "style": {
          "left": "560px",
          "top": "672px",
          "width": "164px",
          "height": "18px",
          "z-index": "1"
        },
        "widgetSet": "basic"
      },
      "w00014": {
        "tpl": "tplValueString",
        "data": {
          "oid": "dev4",
          "visibility-cond": "==",
          "visibility-val": 1,
          "filterkey": "data",
          "name": "Demo Text"
        },
        "style": {
          "left": "616px",
          "top": "674px",
          "z-index": "2",
          "text-align": "center",
          "color": "#ffffff",
          "font-family": "Arial, sans-serif"
        },
        "widgetSet": "basic"
      },
      "w00017": {
        "tpl": "tplFilterDropdown",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "filters": "light;data",
          "filterkey": "light;data",
          "name": "Filter selector"
        },
        "style": {
          "left": "76px",
          "top": "47px",
          "width": "103px",
          "height": "22px"
        },
        "widgetSet": "basic"
      },
      "w00019": {
        "tpl": "tplImage",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "30000",
          "refreshOnWakeUp": "false",
          "refreshOnViewChange": "false",
          "src": "http://www.kernspin-lindau.de/images/Bodensee2.jpg",
          "name": "Webcam Image"
        },
        "style": {
          "left": "5px",
          "top": "599px",
          "border-width": "3px",
          "border-style": "ridge",
          "border-color": "#ccfaff",
          "border-radius": "5px"
        },
        "widgetSet": "basic"
      },
      "w00018": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "WebCam",
          "name": "WebCam Label"
        },
        "style": {
          "left": "7px",
          "top": "576px",
          "width": "152px",
          "height": "19px",
          "color": "#ffffff",
          "font-family": "Arial, sans-serif",
          "font-size": "large",
          "font-weight": "bold"
        },
        "widgetSet": "basic"
      },
      "w00020": {
        "tpl": "tplFrame",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "title": "Outside",
          "title_color": "#ffffff",
          "title_top": "0",
          "title_left": "15",
          "header_height": "17",
          "header_color": "#5297ff",
          "name": "Frame Temperature"
        },
        "style": {
          "left": "677px",
          "top": "26px",
          "width": "85px",
          "height": "58px",
          "background-color": "#0067d6",
          "font-family": "Arial, sans-serif",
          "z-index": "1",
          "border-radius": "5px"
        },
        "widgetSet": "basic"
      },
      "w00021": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "You can install more widget-sets and icon-sets (over 20)",
          "name": "Comment"
        },
        "style": {
          "left": "50%",
          "top": "calc(100% - 50px)",
          "width": "50%",
          "height": "42px",
          "color": "#ffffff",
          "font-family": "Arial, sans-serif"
        },
        "widgetSet": "basic"
      },
      "w00022": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "Filter:",
          "name": "Label Filter"
        },
        "style": {
          "left": "14px",
          "top": "48px",
          "width": "60px",
          "height": "17px",
          "color": "#ffffff",
          "font-family": "Arial, sans-serif"
        },
        "widgetSet": "basic"
      },
      "w00023": {
        "tpl": "tplRedNumber",
        "data": {
          "oid": "dev4",
          "visibility-cond": "==",
          "visibility-val": 1,
          "type": "circle",
          "name": "Demo RedNumber"
        },
        "style": {
          "left": "732px",
          "top": "668px"
        },
        "widgetSet": "basic"
      },
      "w00028": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "Living room",
          "name": "Living room Label"
        },
        "style": {
          "left": "310px",
          "top": "422px",
          "width": "152px",
          "height": "19px",
          "color": "#000000",
          "font-size": "large",
          "font-weight": "bold",
          "font-family": "Arial, Helvetica, sans-serif"
        },
        "widgetSet": "basic"
      },
      "w00029": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "Kitchen",
          "name": "Kitchen Label"
        },
        "style": {
          "left": "352px",
          "top": "222px",
          "width": "152px",
          "height": "19px",
          "color": "#000000",
          "font-size": "large",
          "font-weight": "bold",
          "font-family": "Arial, Helvetica, sans-serif"
        },
        "widgetSet": "basic"
      },
      "w00030": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "Bath",
          "name": "Bath Label"
        },
        "style": {
          "left": "91px",
          "top": "324px",
          "width": "108px",
          "height": "19px",
          "color": "#000000",
          "font-size": "large",
          "font-weight": "bold",
          "font-family": "Arial, Helvetica, sans-serif"
        },
        "widgetSet": "basic"
      },
      "w00031": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "Apartment",
          "name": "Apartment Label"
        },
        "style": {
          "left": "11px",
          "top": "5px",
          "width": "162px",
          "height": "32px",
          "color": "#c7c7c7",
          "font-size": "2em",
          "font-weight": "bold",
          "font-family": "Arial, Helvetica, sans-serif"
        },
        "widgetSet": "basic"
      },
      "w00032": {
        "tpl": "tplJquiButtonLink",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "buttontext": "Edit",
          "padding": "0",
          "href": "/vis/edit.html#DemoView"
        },
        "style": {
          "left": "calc(100% - 200px)",
          "top": "5px"
        },
        "widgetSet": "jqui"
      },
      "w00033": {
        "tpl": "tplHtml",
        "data": {
          "visibility-cond": "==",
          "visibility-val": 1,
          "refreshInterval": "0",
          "html": "Click here, Press Ctrl+A and then \"Del\" to<br>delete all widgets",
          "name": "Comment"
        },
        "style": {
          "left": "9px",
          "top": "159px",
          "width": "173px",
          "height": "90px",
          "color": "#ffffff",
          "font-family": "Arial, sans-serif"
        },
        "widgetSet": "basic"
      }
    },
    "rerender": false,
    "filterList": [
      "light",
      "data"
    ],
    "activeWidgets": []
  }
}