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;