plugins/org.symbian.tools.tmw.previewer/preview/script/emulator.js
author Eugene Ostroukhov <eugeneo@symbian.org>
Mon, 11 Oct 2010 14:10:17 -0700
changeset 491 27c0e5ff3255
parent 470 d4809db37847
permissions -rw-r--r--
Bug 3809 - Simulator does not properly simulate setDisplay* methods

/**
 * 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, fixed) {
	NOKIA.mode = mode;
	NOKIA.emulator.modeForced = fixed ? true : false; // Note - fixed may be undefined
	// 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);
}