Update code style

editor/js/Sidebar.Settings.js

@@ -74,41 +74,48 @@ Sidebar.Settings = function ( editor ) {
 
 	container.add( themeRow );
 
+	// scene camera position
+
 	var sceneCameraRow = new UI.Row();
-	container.add(sceneCameraRow);
+	container.add( sceneCameraRow );
 
-	var sceneCameraSelection = new UI.Select().setWidth('150px');
-	sceneCameraSelection.setOptions({
+	var sceneCameraSelection = new UI.Select().setWidth( '150px' );
+	sceneCameraSelection.setOptions( {
 		topLeft: 'Top Left',
 		bottomLeft: 'Bottom Left',
 		topRight: 'Top Right',
 		bottomRight: 'Bottom Right'
-	});
+	} );
+
+	if ( config.getKey( 'project/renderer/sceneCameras' ) !== undefined ) {
+
+		sceneCameraSelection.setValue( config.getKey( 'project/renderer/sceneCameras' ) );
 
-	if(config.getKey('project/renderer/sceneCameras') !== undefined)
-	{
-		sceneCameraSelection.setValue(config.getKey('project/renderer/sceneCameras'));
 	}
 
-	sceneCameraSelection.onChange(function()
-	{
-		config.setKey('project/renderer/sceneCameras', this.getValue());
+	sceneCameraSelection.onChange( function () {
+
+		config.setKey( 'project/renderer/sceneCameras', this.getValue() );
 		signals.sceneCamerasChanged.dispatch();
-	});
 
-	sceneCameraRow.add(new UI.Text(strings.getKey('sidebar/settings/sceneCameras')).setWidth('90px'), sceneCameraSelection);
+	} );
+
+	sceneCameraRow.add( new UI.Text( strings.getKey( 'sidebar/settings/sceneCameras' ) ).setWidth( '90px' ), sceneCameraSelection );
+
+	// scene camera visible
 
 	var sceneShowCameraRow = new UI.Row();
-	container.add(sceneShowCameraRow);
-	
-	var sceneCameraCheckbox = new UI.Checkbox(true).onChange(function()
-	{
-		config.setKey('project/renderer/showSceneCameras', this.getValue());
+	container.add( sceneShowCameraRow );
+
+	var sceneCameraCheckbox = new UI.Checkbox( true ).onChange( function () {
+
+		config.setKey( 'project/renderer/showSceneCameras', this.getValue() );
 		signals.sceneCamerasChanged.dispatch();
-	});
 
-	sceneShowCameraRow.add(new UI.Text(strings.getKey('sidebar/settings/showSceneCameras')).setWidth('90px'), sceneCameraCheckbox);
-	
+	} );
+
+	sceneShowCameraRow.add( new UI.Text( strings.getKey( 'sidebar/settings/showSceneCameras' ) ).setWidth( '90px' ), sceneCameraCheckbox );
+
 	container.add( new Sidebar.Settings.Shortcuts( editor ) );
 	container.add( new Sidebar.Settings.Viewport( editor ) );
 

editor/js/Viewport.js

@@ -140,58 +140,67 @@ var Viewport = function ( editor ) {
 	var cameras = {};
 
 	var sceneCameraDisplay = new UI.Row();
-	sceneCameraDisplay.setId('cameraSelect');
-	sceneCameraDisplay.dom.setAttribute('layout', config.getKey('project/renderer/sceneCameras') || 'topLeft');
-	sceneCameraDisplay.setDisplay('none');
-	document.body.appendChild(sceneCameraDisplay.dom);
-
-	var canvas = document.createElement('canvas');
-	sceneCameraDisplay.dom.appendChild(canvas);
-	var ctx = canvas.getContext('2d');
-
-    var cameraSelect = new UI.Select().onChange(render);
-	sceneCameraDisplay.add(cameraSelect);
-
-    signals.objectAdded.add(function(object)
-    {
-        if(object !== null)
-        {
-			object.traverse(addCamera);
-			cameraSelect.setOptions(cameras);
-			sceneCameraDisplay.setDisplay(config.getKey('project/renderer/showSceneCameras') === true && Object.keys(cameras).length > 0 ? 'block' : 'none');
-        }
-    });
-
-    signals.objectRemoved.add(function(object)
-    {
-        if(object !== null)
-        {
-			object.traverse(removeCamera);
-			cameraSelect.setOptions(cameras);
-            sceneCameraDisplay.setDisplay(config.getKey('project/renderer/showSceneCameras') === true && Object.keys(cameras).length > 0 ? 'block' : 'none');
-        }
-	});
-
-	signals.sceneCamerasChanged.add(function()
-	{
-		sceneCameraDisplay.dom.setAttribute('layout', config.getKey('project/renderer/sceneCameras') || 'topLeft');
-		sceneCameraDisplay.setDisplay(config.getKey('project/renderer/showSceneCameras') === true && Object.keys(cameras).length > 0 ? 'block' : 'none');
-	});
-	
-	function addCamera(object)
-	{
-		if(object.isCamera === true)
-		{
-			cameras[object.uuid] = object.name;
+	sceneCameraDisplay.setId( 'cameraSelect' );
+	sceneCameraDisplay.dom.setAttribute( 'layout', config.getKey( 'project/renderer/sceneCameras' ) || 'topLeft' );
+	sceneCameraDisplay.setDisplay( 'none' );
+	document.body.appendChild( sceneCameraDisplay.dom );
+
+	var canvas = document.createElement( 'canvas' );
+	sceneCameraDisplay.dom.appendChild( canvas );
+	var ctx = canvas.getContext( '2d' );
+
+	var cameraSelect = new UI.Select().onChange( render );
+	sceneCameraDisplay.add( cameraSelect );
+
+	signals.objectAdded.add( function ( object ) {
+
+		if ( object !== null ) {
+
+			object.traverse( addCamera );
+			cameraSelect.setOptions( cameras );
+			sceneCameraDisplay.setDisplay( config.getKey( 'project/renderer/showSceneCameras' ) === true && Object.keys( cameras ).length > 0 ? 'block' : 'none' );
+
+		}
+
+	} );
+
+	signals.objectRemoved.add( function ( object ) {
+
+		if ( object !== null ) {
+
+			object.traverse( removeCamera );
+			cameraSelect.setOptions( cameras );
+			sceneCameraDisplay.setDisplay( config.getKey( 'project/renderer/showSceneCameras' ) === true && Object.keys( cameras ).length > 0 ? 'block' : 'none' );
+
+		}
+
+	} );
+
+	signals.sceneCamerasChanged.add( function () {
+
+		sceneCameraDisplay.dom.setAttribute( 'layout', config.getKey( 'project/renderer/sceneCameras' ) || 'topLeft' );
+		sceneCameraDisplay.setDisplay( config.getKey( 'project/renderer/showSceneCameras' ) === true && Object.keys( cameras ).length > 0 ? 'block' : 'none' );
+
+	} );
+
+	function addCamera( object ) {
+
+		if ( object.isCamera === true ) {
+
+			cameras[ object.uuid ] = object.name;
+
 		}
+
 	}
 
-	function removeCamera(object)
-	{
-		if(object.isCamera === true)
-		{
-			delete cameras[object.uuid];
+	function removeCamera( object ) {
+
+		if ( object.isCamera === true ) {
+
+			delete cameras[ object.uuid ];
+
 		}
+
 	}
 
 	// object picking
@@ -609,15 +618,17 @@ var Viewport = function ( editor ) {
 		sceneHelpers.updateMatrixWorld();
 		scene.updateMatrixWorld();
 
-		if(sceneCameraDisplay.dom.style.display != 'none')
-		{
-			var cam = scene.getObjectByProperty('uuid', cameraSelect.getValue());
-			if(cam !== undefined && cam.isCamera === true)
-			{
-				renderer.render(scene, cam);
+		if ( sceneCameraDisplay.dom.style.display != 'none' ) {
+
+			var cam = scene.getObjectByProperty( 'uuid', cameraSelect.getValue() );
+			if ( cam !== undefined && cam.isCamera === true ) {
+
+				renderer.render( scene, cam );
 				var dom = renderer.domElement;
-				ctx.drawImage(dom, 0, 0, dom.width, dom.height, 0, 0, canvas.width, canvas.height);
+				ctx.drawImage( dom, 0, 0, dom.width, dom.height, 0, 0, canvas.width, canvas.height );
+
 			}
+
 		}
 
 		renderer.render( scene, camera );
@@ -627,7 +638,7 @@ var Viewport = function ( editor ) {
 			renderer.render( sceneHelpers, camera );
 
 		}
-		
+
 	}
 
 	return container;