4 files changed, 195 insertions, 86 deletions

diff --git a/js/io/document/base-document.js b/js/io/document/base-document.js
index 44f54f78..d3601de5 100644..100755
--- a/js/io/document/base-document.js
+++ b/js/io/document/base-document.js
@@ -31,6 +31,11 @@ var BaseDocument = exports.BaseDocument = Montage.create(Montage, {
         set: function(value) { this._uri = value; }
     },
 
+    externalUri: {
+        get: function() { return this._externalUri; },
+        set: function(value) { this._externalUri = value; }
+    },
+
     documentType: {
         get: function() { return this._documentType; },
         set: function(value) { this._documentType = value;  }
diff --git a/js/io/document/document-controller.js b/js/io/document/document-controller.js
index 99177de0..d7a19e35 100644..100755
--- a/js/io/document/document-controller.js
+++ b/js/io/document/document-controller.js
@@ -12,26 +12,34 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 @requires js/document/text-document
 */
 
-// TODO : Fix deps from Montage V4 Archi
-
 var Montage = require("montage/core/core").Montage,
     Component = require("montage/ui/component").Component,
-    Uuid = require("montage/core/uuid").Uuid;
-
-var HTMLDocument = require("js/io/document/html-document").HTMLDocument;
-var TextDocument = require("js/io/document/text-document").TextDocument;
+    Uuid = require("montage/core/uuid").Uuid,
+    //nj= ("js/lib/NJUtils.js").NJUtils,
+    HTMLDocument = require("js/io/document/html-document").HTMLDocument,
+    TextDocument = require("js/io/document/text-document").TextDocument;
 
 var DocumentController = exports.DocumentController = Montage.create(Component, {
-    hasTemplate: { value: false },
+    hasTemplate: {
+        value: false
+    },
+
+    _documents: {
+        value: []
+    },
 
-    _documents: { value: [] },
-    _documentsHash: { value: {} },
     _activeDocument: { value: null },
     _iframeCounter: { value: 1, enumerable: false },
     _iframeHolder: { value: null, enumerable: false },
     _textHolder: { value: null, enumerable: false },
     _codeMirrorCounter: {value: 1, enumerable: false},
 
+    tmpSourceForTesting: {
+        value: "function CodeMirror(place, givenOptions) {" +
+                "// Determine effective options based on given values and defaults." +
+                "var options = {}, defaults = CodeMirror.defaults; }"
+    },
+
     _codeEditor: {
         value: {
             "editor": {
@@ -50,33 +58,21 @@ var DocumentController = exports.DocumentController = Montage.create(Component,
             return this._activeDocument;
         },
         set: function(doc) {
-            if(this._activeDocument) {
-                if(this.activeDocument.documentType === "htm" || this.activeDocument.documentType === "html") {
-                    // TODO selection should use the document own selectionModel
-                    //this._activeDocument.selectionModel = selectionManagerModule.selectionManager._selectedItems;
-                }
-                
-                this._activeDocument.isActive = false;
-            }
+            if(this._activeDocument)  this._activeDocument.isActive = false;
 
-            if(this._documents.indexOf(doc) === -1) {
-                //this._documentsHash[doc.uuid] = this._documents.push(doc) - 1;
-                this._documents.push(doc);
-            }
+            if(this._documents.indexOf(doc) === -1) this._documents.push(doc);
 
             this._activeDocument = doc;
             this._activeDocument.isActive = true;
 
-            if(this.activeDocument.documentType === "htm" || this.activeDocument.documentType === "html") {
-                // TODO selection should use the document own selectionModel
-                //selectionManagerModule.selectionManager._selectedItems = this._activeDocument.selectionModel;
-            }
         }
     },
 
     deserializedFromTemplate: {
         value: function() {
             this.eventManager.addEventListener("appLoaded", this, false);
+
+            this.eventManager.addEventListener("executeFileOpen", this, false);
         }
     },
 
@@ -86,37 +82,146 @@ var DocumentController = exports.DocumentController = Montage.create(Component,
         }
     },
 
+    handleExecuteFileOpen: {
+        value: function(event) {
+            var pickerSettings = event._event.settings || {};
+            pickerSettings.callback = this.openFileWithURI;
+            pickerSettings.callbackScope = this;
+            this.application.ninja.filePickerController.showFilePicker(pickerSettings);
+
+            //this.openDocument({"type": "js", "source": this.tmpSourceForTesting});
+        }
+    },
+
+    openFileWithURI: {
+        value: function(uriArrayObj) {
+            var uri = "", fileContent = "", response=null, filename="", fileType="js";
+            if(!!uriArrayObj && !!uriArrayObj.uri && (uriArrayObj.uri.length > 0)){
+                uri = uriArrayObj.uri[0];
+            }
+            //console.log("URI is: ", uri);
+
+            if(!!uri){
+                response = this.application.ninja.coreIoApi.openFile({"uri":uri});
+                if((response.success === true) && ((response.status === 200) || (response.status === 304))){
+                    fileContent = response.content;
+                }
+
+                //console.log("$$$ "+uri+"\n content = \n\n\n"+ fileContent+"\n\n\n");
+                filename = nj.getFileNameFromPath(uri);
+                if(uri.indexOf('.') != -1){
+                    fileType = uri.substr(uri.lastIndexOf('.') + 1);
+                }
+                this.openDocument({"type": ""+fileType, "name": ""+filename, "source": fileContent, "uri": uri});
+            }
+
+        }
+    },
+
+
+    openProjectWithURI: {
+        value: function(uri) {
+            console.log("URI is: ", uri);
+
+        }
+    },
+
     /** Open a Document **/
     openDocument: {
         value: function(doc) {
-            var d;
+            var newDoc;
 
             if(!doc) return false;
 
-            try {
+           // try {
                 if (doc.type === 'html' || doc.type === 'htm') {
-                    d = Montage.create(HTMLDocument);
-                    d.initialize(doc, Uuid.generate(), this._createIframeElement(), this._onOpenDocument);
+                    newDoc = Montage.create(HTMLDocument);
+                    newDoc.initialize(doc, Uuid.generate(), this._createIframeElement(), this._onOpenDocument);
                 } else {
-                    d = Montage.create(TextDocument);
-                    d.initialize(doc, Uuid.generate(), this._createTextAreaElement(), this._onOpenTextDocument);
+                    newDoc = Montage.create(TextDocument, {
+                        "source": { value: doc.source }
+                    });
+                    var docUuid = Uuid.generate();
+                    var textArea = this.application.ninja.stage.stageView.createTextAreaElement(docUuid);
+                    newDoc.initialize(doc, docUuid, textArea, textArea.parentNode);
+
+                    // Tmp this will be filled with the real content
+                    newDoc.textArea.innerHTML = doc.source; //this.tmpSourceForTesting;
+
+                    this.textDocumentOpened(newDoc);
+
                 }
 
-            } catch (err) {
-                console.log("Could not open Document ",  err);
-            }
+           // } catch (err) {
+           //     console.log("Could not open Document ",  err);
+           // }
         }
     },
 
+    textDocumentOpened: {
+       value: function(doc) {
+
+           this.activeDocument = doc;
+
+           this.application.ninja.stage.stageView.createTextView(doc);
+
+           /*
+           DocumentManager._hideCurrentDocument();
+           stageManagerModule.stageManager._scrollFlag = false;    // TODO HACK to prevent type error on Hide/Show Iframe
+           DocumentManager.activeDocument = doc;
+
+           var type;
+
+           switch(doc.documentType) {
+               case  "css" :