diff --git a/src/js/views/live.js b/src/js/views/live.js index 195657f7..16c600fb 100644 --- a/src/js/views/live.js +++ b/src/js/views/live.js @@ -17,7 +17,9 @@ options: { iframe: null, - contentDocument: null + contentDocument: null, + maxDeviceSize: 10000, + minDeviceSize: 240, }, _create: function() { @@ -31,7 +33,9 @@ rotateDeviceButton, widget = this, screenCoordElement = function (name, min, className) { - return $('') + return $('') .attr("name", name) .addClass(className); }, @@ -273,6 +277,18 @@ .addClass("rotateDevice separated") .appendTo(deviceToolbar) .click( function () { + if (widget._screenWidth.val() < widget.options.minDeviceSize || + widget._screenHeight.val() < widget.options.minDeviceSize) { + alert("Device size should not be less than " + + widget.options.minDeviceSize); + return; + } + else if (widget._screenWidth.val() > widget.options.maxDeviceSize || + widget._screenHeight.val() > widget.options.maxDeviceSize) { + alert("Device size should not be greater than " + + widget.options.maxDeviceSize); + return; + } widget._projectDevice.rotating = !widget._projectDevice.rotating; widget._projectDevice.screenWidth = widget._screenHeight.val(); widget._projectDevice.screenHeight = widget._screenWidth.val(); @@ -457,9 +473,11 @@ var scaleW = screenWidth/deviceInfo.screen.width, scaleH = screenHeight/deviceInfo.screen.height; deviceInfo.screen.width *= scaleW; + deviceInfo.screen.width = Math.round(deviceInfo.screen.width); deviceInfo.screen.offset.left *= scaleW; deviceInfo.screen.offset.right *= scaleW; deviceInfo.screen.height *= scaleH; + deviceInfo.screen.height = Math.round(deviceInfo.screen.height); deviceInfo.screen.offset.top *= scaleH; deviceInfo.screen.offset.bottom *= scaleH;