add two layouts and cleanup code (#25)

src/ThreeEditor/js/Editor.js

@@ -86,7 +86,9 @@ function Editor() {
 
 		viewportCameraChanged: new Signal(),
 
-		animationStopped: new Signal()
+		animationStopped: new Signal(),
+
+		layoutChanged: new Signal() // Layout signal 
 
 	};
 

src/ThreeEditor/js/Menubar.Layout.js

@@ -0,0 +1,49 @@
+import { UIPanel, UIRow } from './libs/ui.js';
+
+function MenubarLayout( editor ) {
+
+	var strings = editor.strings;
+
+	var container = new UIPanel();
+	container.setClass( 'menu' );
+
+	var title = new UIPanel();
+	title.setClass( 'title' );
+	title.setTextContent( 'Layout' );
+	container.add( title );
+
+	var options = new UIPanel();
+	options.setClass( 'options' );
+	container.add( options );
+
+	// Single view
+
+	var option = new UIRow();
+	option.setClass( 'option' );
+	option.setTextContent( 'Single View' );
+	option.onClick( function () {
+
+		editor.signals.layoutChanged.dispatch('singleView');		
+
+	} );
+	options.add( option );
+
+	// Four view
+
+	var option = new UIRow();
+	option.setClass( 'option' );
+	option.setTextContent( 'Four Views' );
+	option.onClick( function () {
+
+		editor.signals.layoutChanged.dispatch('fourViews');
+
+	} );
+	options.add( option );
+
+
+
+	return container;
+
+}
+
+export { MenubarLayout };

src/ThreeEditor/js/Menubar.js

@@ -6,6 +6,7 @@ import { MenubarView } from './Menubar.View.js';
 import { MenubarFile } from './Menubar.File.js';
 import { MenubarHelp } from './Menubar.Help.js';
 import { MenubarStatus } from './Menubar.Status.js';
+import { MenubarLayout } from './Menubar.Layout.js';
 
 function Menubar( editor ) {
 
@@ -17,6 +18,7 @@ function Menubar( editor ) {
 	container.add( new MenubarAdd( editor ) );
 	container.add( new MenubarView( editor ) );
 	container.add( new MenubarHelp( editor ) );
+	container.add( new MenubarLayout( editor ) );
 
 	container.add( new MenubarStatus( editor ) );