plugins/org.symbian.tools.tmw.previewer/preview/script/emulator.js
changeset 470 d4809db37847
parent 423 742a5cb59f9a
child 491 27c0e5ff3255
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/plugins/org.symbian.tools.tmw.previewer/preview/script/emulator.js	Thu Aug 19 17:48:04 2010 -0700
@@ -0,0 +1,376 @@
+/**
+ * Copyright (c) 2009-2010 Symbian Foundation and/or its subsidiary(-ies). All
+ * rights reserved. This component and the accompanying materials are made
+ * available under the terms of the License "Eclipse Public License v1.0" which
+ * accompanies this distribution, and is available at the URL
+ * "http://www.eclipse.org/legal/epl-v10.html".
+ * 
+ * Initial Contributors: Nokia Corporation - initial contribution.
+ * 
+ * Contributors:
+ * 
+ * Description:
+ * 
+ */
+var ORIENTATIONS = {
+	DisplayRightUp : "DisplayRightUp",
+	DisplayLeftUp : "DisplayLeftUp",
+	DisplayUp : "DisplayUp",
+	DisplayDown : "DisplayDown",
+	DisplayUpwards : "DisplayUpwards",
+	DisplayDownwards : "DisplayDownwards"
+};
+
+var MODES = {
+	portrait : "portrait",
+	landscape : "landscape"
+};
+
+function EmulatorState(x, y, z, orientation) {
+	this.XAxis = x;
+	this.YAxis = y;
+	this.ZAxis = z;
+	this.portrait = orientation;
+}
+
+function Emulator() {
+	this.child = false;
+	this.accelerationCallback = false;
+	this.iconFile = 'preview/images/default-Icon.png';
+	this.loaded = false;
+	this.FORCE = 62;
+	this.state = new EmulatorState(0, this.FORCE, 0, true);
+	this.orientation = ORIENTATIONS.DisplayUp;
+	this.modeForced = false;
+
+	this.plist = {
+		DisplayName : '',
+		Identifier : '',
+		MainHTML : '',
+		AllowNetworkAccess : "false",
+		Version : '',
+		MiniViewEnabled : "false",
+		is_browserReady : false
+	};
+};
+
+Emulator.prototype.setAccelerationCallback = function(acceleration) {
+	this.accelerationCallback = acceleration;
+	this.accelerationCallback(this.state.XAxis, this.state.YAxis,
+			this.state.ZAxis, this.orientation);
+};
+
+Emulator.prototype.orientationFromAcceleration= function(x, y, z) {
+	var orientation = NOKIA.emulator.orientation;
+
+	var xangle = Math.asin(x) * 180 / Math.PI;
+	if (xangle > 55) {
+		orientation = ORIENTATIONS.DisplayRightUp;
+	} else if (xangle < -55) {
+		orientation = ORIENTATIONS.DisplayLeftUp;
+	}
+
+	var yangle = Math.asin(y) * 180 / Math.PI;
+	if (yangle > 55) {
+		orientation = ORIENTATIONS.DisplayUp;
+	} else if (yangle < -55) {
+		orientation = ORIENTATIONS.DisplayDown;
+	}
+
+	var zangle = Math.asin(z) * 180 / Math.PI;
+	if (zangle > 75) {
+		orientation = ORIENTATIONS.DisplayUpwards;
+	} else if (zangle < -75) {
+		orientation = ORIENTATIONS.DisplayDownwards;
+	}
+
+	return orientation;
+};
+
+Emulator.prototype.accelerationChanged = function(x, y, z) {
+	this.state.XAxis = x * this.FORCE;
+	this.state.YAxis = y * this.FORCE;
+	this.state.ZAxis = z * this.FORCE;
+
+	var orientation = this.orientationFromAcceleration(x, y, z);
+
+	if (orientation != this.orientation) {
+		this.orientation = orientation;
+		NOKIA.helper
+				.setPreference(EmulatorPreferences.ORIENTATION, orientation);
+		NOKIA.emulator.render();
+	}
+
+	if (this.accelerationCallback) {
+		this.accelerationCallback(this.state.XAxis, this.state.YAxis,
+				this.state.ZAxis, this.orientation);
+	}
+};
+
+Emulator.prototype.setAccelerationValues = function(x, y, z) {
+	window.setTimeout(function() {
+		NOKIA.rotationSupport.setAngles(x * 90, y * 90, z * 90);
+		accelerationCallback(Math.sin(-x * Math.PI / 2), Math.cos(-x * Math.PI / 2), 0);
+	}, 5);
+};
+
+Emulator.prototype.showOrientationAngles = function(orientation) {
+	var x = 0;
+	var y = 0;
+	var z = 0;
+	switch (orientation) {
+	case ORIENTATIONS.DisplayUp:
+		break;
+	case ORIENTATIONS.DisplayDown:
+		x = 2;
+		break;
+	case ORIENTATIONS.DisplayRightUp:
+		x = -1;
+		break;
+	case ORIENTATIONS.DisplayLeftUp:
+		x = 1;
+		break;
+	case ORIENTATIONS.DisplayUpwards:
+		x = NOKIA.mode == MODES.portrait ? 0 : -1;
+		z = 1;
+		break;
+	case ORIENTATIONS.DisplayDownwards:
+		x = NOKIA.mode == MODES.portrait ? 0 : -1;
+		z = -1;
+		break;
+	}
+	this.setAccelerationValues(x, y, z);
+	this.orientation = orientation;
+	NOKIA.helper.setPreference(EmulatorPreferences.ORIENTATION, orientation);
+	window.setTimeout(function() {
+		NOKIA.emulator.render();
+	}, 50);
+};
+
+Emulator.prototype.load = function() {
+	if (this.loaded)
+		return false;
+	NOKIA.layout._console_minimized = (NOKIA.helper
+			.getPreference('__SYM_NOKIA_CONSOLE_OPEN') != "true");
+	// load the saved device Info
+	var device = NOKIA.helper.getPreference('__SYM_NOKIA_EMULATOR_DEVICE');
+	NOKIA.currentDevice = device || NOKIA.currentDevice;
+
+	// load the saved device mode
+	var mode = NOKIA.helper.getPreference('__SYM_NOKIA_EMULATOR_DEVICE_MODE');
+	if (mode != null)
+		NOKIA.mode = mode;
+
+	var orientation = NOKIA.helper
+			.getPreference(EmulatorPreferences.ORIENTATION);
+	if (orientation != null) {
+		this.orientation = orientation;
+		this.showOrientationAngles(orientation);
+	}
+
+	// SAVE the device DATA
+	NOKIA.helper.setPreference('__SYM_NOKIA_EMULATOR_DEVICE',
+			NOKIA.currentDevice);
+	NOKIA.helper.setPreference('__SYM_NOKIA_EMULATOR_DEVICE_MODE', NOKIA.mode);
+
+	this.loaded = true;
+};
+
+Emulator.prototype.render = function() {
+	this.load();
+	// Selecting Resoltion
+	var resOptions = $("#resOptions")[0];
+	for ( var i = 0; i < NOKIA.resolution.length; i++) {
+		if (NOKIA.resolution[i] == NOKIA.currentDevice) {
+			resOptions.options[i].selected = true;
+			break;
+		}
+	}
+
+	var deg = 0;
+	switch (NOKIA.emulator.orientation) {
+	case ORIENTATIONS.DisplayUp:
+		deg = 0;
+		break;
+	case ORIENTATIONS.DisplayDown:
+		deg = 180;
+		break;
+	case ORIENTATIONS.DisplayRightUp:
+		deg = -90;
+		break;
+	case ORIENTATIONS.DisplayLeftUp:
+		deg = 90;
+		break;
+	default:
+		if (NOKIA.mode == 'portrait') {
+			deg = 0;
+		} else {
+			deg = -90;
+		}
+		break;
+	}
+	if (this.orientationSupports() && !this.modeForced) {
+		if (deg == 0) {
+			NOKIA.mode = 'portrait';
+		} else if (deg == -90) {
+			NOKIA.mode = 'landscape';
+		}
+	}
+	NOKIA.helper.setPreference('__SYM_NOKIA_EMULATOR_DEVICE_MODE', NOKIA.mode);
+
+	if (!NOKIA.emulator.orientationSupports())
+		NOKIA.mode = NOKIA.deviceList[NOKIA.currentDevice]['default'];
+
+	this.setStyle();
+
+	var or = (NOKIA.mode == 'portrait') ? deg : (deg + 90);
+	var val = "rotate(" + or + "deg)";
+	$("#DeviceDisplayLayout").css("-moz-transform", val);
+	$("#DeviceDisplayLayout").css("-webkit-transform", val);
+};
+
+Emulator.prototype.setMode = function(mode) {
+	NOKIA.mode = mode;
+
+	// SAVE the device DATA
+	NOKIA.helper.setPreference('__SYM_NOKIA_EMULATOR_DEVICE_MODE', NOKIA.mode);
+
+	NOKIA.emulator.render();
+};
+
+Emulator.prototype.orientationSupports = function() {
+	return NOKIA.deviceList[NOKIA.currentDevice]['orientation'];
+};
+
+Emulator.prototype.setStyle = function() {
+	if (!NOKIA.helper.checkDependencies()) {
+		setTimeout(NOKIA.emulator.setStyle, 1000);
+	}
+
+	var deviceProperties = NOKIA.deviceList[NOKIA.currentDevice][NOKIA.mode];
+	var style = deviceProperties['style'];
+
+	// Apply Style and propertis to Device layers
+	$("#DeviceDisplayLayout").css(style['layout']);
+	$('#DisplayArea').css(style['display']);
+
+	NOKIA.emulator.setWidgetStyle();
+
+	$('#SoftKeysArea').css( {
+		'width' : style['menu']['width'] + 'px',
+		'height' : style['menu']['height'] + 'px',
+		'float' : style['menu']['float']
+	});
+
+	$('#SoftKeysArea > ul > li').css('width',
+			parseInt(style['menu']['width'] / 2) - 10);
+
+	NOKIA.emulator.setMenuItemsStyle();
+
+	$('#SoftKeys').css(style['softkeys']);
+	// $('#SoftKeys > a > img').css(style['softkeysImg']);
+
+	NOKIA.menu.createSFKArea();
+
+	$("#DeviceDisplayLayout").show();
+	$("#InspectorTab").show();
+
+	if (/chrome/.test(navigator.userAgent.toLowerCase())) {
+		$("#InspectorBtn").show();
+	}
+	if (/mac/.test(navigator.userAgent.toLowerCase())) {
+		$("#MacShortcut").show();
+	} else {
+		$("#UniversalShortcut").show();
+	}
+},
+
+Emulator.prototype.setWidgetStyle = function() {
+	var style = NOKIA.deviceList[NOKIA.currentDevice][NOKIA.mode]['style'];
+	var height;
+	if (NOKIA.menu.softkeys_visibility || NOKIA.menu.is_softkeys_visible)
+		height = parseInt(style['widget']['height'] - style['menu']['height']);
+	else
+		height = style['widget']['height'];
+
+	$('#WidgetArea').css( {
+		'width' : style['widget']['width'] + 'px',
+		'height' : height + 'px',
+		'float' : style['widget']['float']
+	});
+};
+
+Emulator.prototype.setMenuItemsStyle = function() {
+	var style = NOKIA.deviceList[NOKIA.currentDevice][NOKIA.mode]['style'];
+	var count = 1;
+	try {
+		if (NOKIA.emulator.child.menu) {
+			count = parseInt(NOKIA.helper
+					.getElementsLengthInObject(NOKIA.emulator.child.menu.items)) + 1;
+		}
+	} catch (e) {
+		count = 1;
+	}
+	var height = parseInt(count * style['menu']['optionKeysheight']) + 10;
+	var top = parseInt(style['widget']['height'] - height);
+
+	$('#MenuItemsArea').css(
+			{
+				'width' : style['widget']['width'] + 'px',
+				'height' : height + 'px',
+				'marginTop' : '-2px',
+				'top' : (style['widget']['height'] - height
+						- style['menu']['height'] + 2)
+						+ 'px',
+				'position' : 'relative'
+			});
+};
+
+Emulator.prototype.turn = function(direction) {
+	var newOrientation = ORIENTATIONS.DisplayUp;
+	if (this.orientation == ORIENTATIONS.DisplayUpwards || this.orientation == ORIENTATIONS.DisplayDownwards) {
+		if (NOKIA.mode == MODES.portrait) {
+			this.orientation = ORIENTATIONS.DisplayUp;
+		} else {
+			this.orientation = ORIENTATIONS.DisplayRightUp;
+		}
+	}
+	if (direction > 0) { // Clockwise
+		switch (this.orientation) {
+		case ORIENTATIONS.DisplayUp:
+			newOrientation = ORIENTATIONS.DisplayLeftUp;
+			break;
+		case ORIENTATIONS.DisplayLeftUp:
+			newOrientation = ORIENTATIONS.DisplayDown;
+			break;
+		case ORIENTATIONS.DisplayDown:
+			newOrientation = ORIENTATIONS.DisplayRightUp;
+			break;
+		case ORIENTATIONS.DisplayRightUp:
+			newOrientation = ORIENTATIONS.DisplayUp;
+			break;
+		}
+	} else {
+		switch (this.orientation) {
+		case ORIENTATIONS.DisplayUp:
+			newOrientation = ORIENTATIONS.DisplayRightUp;
+			break;
+		case ORIENTATIONS.DisplayLeftUp:
+			newOrientation = ORIENTATIONS.DisplayUp;
+			break;
+		case ORIENTATIONS.DisplayDown:
+			newOrientation = ORIENTATIONS.DisplayLeftUp;
+			break;
+		case ORIENTATIONS.DisplayRightUp:
+			newOrientation = ORIENTATIONS.DisplayDown;
+			break;
+		}
+	}
+	this.orientation = newOrientation;
+	this.showOrientationAngles(newOrientation);
+	this.render();
+};
+
+function accelerationCallback(x, y, z) {
+	NOKIA.emulator.accelerationChanged(x, y, z);
+}