Editor: Started implementing sortable.

editor/index.html

@@ -42,6 +42,7 @@
 		<script src="js/libs/codemirror/mode/javascript.js"></script>
 
 		<script src="js/libs/jszip.min.js"></script>
+		<script src="js/libs/sortable.min.js"></script>
 		<script src="js/libs/signals.min.js"></script>
 		<script src="js/libs/ui.js"></script>
 		<script src="js/libs/ui.three.js"></script>
@@ -213,7 +214,12 @@
 			document.addEventListener( 'drop', function ( event ) {
 
 				event.preventDefault();
-				editor.loader.loadFile( event.dataTransfer.files[ 0 ] );
+
+				if ( event.dataTransfer.files.length > 0 ) {
+
+					editor.loader.loadFile( event.dataTransfer.files[ 0 ] );
+
+				}
 
 			}, false );
 

editor/js/libs/ui.js

@@ -15,7 +15,7 @@ UI.Element.prototype = {
 	setId: function ( id ) {
 
 		this.dom.id = id;
-		
+
 		return this;
 
 	},
@@ -137,7 +137,7 @@ UI.Panel.prototype.add = function () {
 UI.Panel.prototype.remove = function () {
 
 	for ( var i = 0; i < arguments.length; i ++ ) {
-	
+
 		var argument = arguments[ i ];
 
 		if ( argument instanceof UI.Element ) {
@@ -515,6 +515,12 @@ UI.FancySelect = function () {
 	dom.className = 'FancySelect';
 	dom.tabIndex = 0;	// keyup event is ignored without setting tabIndex
 
+	Sortable.create( dom, {
+		onUpdate: function ( event ) {
+			console.log( event );
+		}
+	} );
+
 	// Broadcast for object selection after arrow navigation
 	var changeEvent = document.createEvent('HTMLEvents');
 	changeEvent.initEvent( 'change', true, true );
@@ -1154,7 +1160,7 @@ UI.Button.prototype.setLabel = function ( value ) {
 UI.Dialog = function ( value ) {
 
 	var scope = this;
-	
+
 	var dom = document.createElement( 'dialog' );
 
 	if ( dom.showModal === undefined ) {