16 files changed, 555 insertions, 8 deletions

diff --git a/js/controllers/color-controller.js b/js/controllers/color-controller.js
index e3b15f1c..e3b15f1c 100644..100755
--- a/js/controllers/color-controller.js
+++ b/js/controllers/color-controller.js
diff --git a/js/controllers/document-controller.js b/js/controllers/document-controller.js
new file mode 100755
index 00000000..84b994ce
--- /dev/null
+++ b/js/controllers/document-controller.js
@@ -0,0 +1,430 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+////////////////////////////////////////////////////////////////////////
+//
+var Montage =           require("montage/core/core").Montage,
+    Component =         require("montage/ui/component").Component,
+    Uuid =                      require("montage/core/uuid").Uuid,
+    HTMLDocument =      require("js/io/document/html-document").HTMLDocument,
+    TextDocument =      require("js/io/document/text-document").TextDocument,
+    DocumentController;
+////////////////////////////////////////////////////////////////////////
+//
+DocumentController = exports.DocumentController = Montage.create(Component, {
+    hasTemplate: {
+        value: false
+    },
+
+    _documents: {
+        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; }"
+            },
+
+    activeDocument: {
+        get: function() {
+            return this._activeDocument;
+        },
+        set: function(doc) {
+            if(this._activeDocument)  this._activeDocument.isActive = false;
+                
+            if(this._documents.indexOf(doc) === -1) this._documents.push(doc);
+
+            this._activeDocument = doc;
+            this._activeDocument.isActive = true;
+
+            if(!!this._activeDocument.editor){
+                this._activeDocument.editor.focus();
+            }
+
+        }
+    },
+
+    deserializedFromTemplate: {
+        value: function() {
+            this.eventManager.addEventListener("appLoaded", this, false);
+            this.eventManager.addEventListener("executeFileOpen", this, false);
+            this.eventManager.addEventListener("executeNewFile", this, false);
+            this.eventManager.addEventListener("executeSave", this, false);
+
+            this.eventManager.addEventListener("recordStyleChanged", this, false);
+
+                        // Temporary testing opening a new file after Ninja has loaded
+                        this.eventManager.addEventListener("executeNewProject", this, false);
+        }
+    },
+
+    handleAppLoaded: {
+        value: function() {
+            //this.openDocument({"type": "html"});
+        }
+    },
+        
+        handleExecuteNewProject: {
+        value: function() {
+            this.openDocument({"type": "html"});
+        }
+    },
+
+    handleExecuteFileOpen: {
+        value: function(event) {
+            var pickerSettings = event._event.settings || {};
+            pickerSettings.callback = this.openFileWithURI.bind(this);
+            pickerSettings.pickerMode = "read";
+            pickerSettings.inFileMode = true;
+            this.application.ninja.filePickerController.showFilePicker(pickerSettings);
+        }
+    },
+
+    handleExecuteNewFile: {
+            value: function(event) {
+                var newFileSettings = event._event.settings || {};
+                newFileSettings.callback = this.createNewFile.bind(this);
+                this.application.ninja.newFileController.showNewFileDialog(newFileSettings);
+            }
+    },
+        
+        
+        ////////////////////////////////////////////////////////////////////
+        //TODO: Check for appropiate structures
+    handleExecuteSave: {
+        value: function(event) {
+                //Text and HTML document classes should return the same save object for fileSave
+                this.application.ninja.ioMediator.fileSave(this.activeDocument.save(), this.clearDocumentDirtyFlag.bind(this));
+                }
+    },
+
+    clearDocumentDirtyFlag:{
+        value: function(){
+            this.activeDocument.dirtyFlag = false;
+        }
+    },
+        ////////////////////////////////////////////////////////////////////
+        
+        
+    createNewFile:{
+        value:function(newFileObj){
+            //console.log(newFileObj);//contains the template uri and the new file uri
+            if(!newFileObj) return;
+            this.application.ninja.ioMediator.fileNew(newFileObj.newFilePath, newFileObj.fileTemplateUri, this.openNewFileCallback.bind(this));
+
+            if((newFileObj.fileExtension !== ".html") && (newFileObj.fileExtension !== ".htm")){//open code view
+
+                } else {
+                //open design view
+                }
+        }
+    },
+
+    /**
+     * Public method
+     * doc contains:
+     *      type : file type, like js, css, etc
+     *      name : file name
+     *      source : file content
+     *      uri : file uri
+     */
+    openNewFileCallback:{
+        value:function(doc){
+            var response = doc || null;//default just for testing
+            if(!!response && response.success && (response.status!== 500) && !!response.uri){
+                this.application.ninja.ioMediator.fileOpen(response.uri, this.openFileCallback.bind(this));
+            }else if(!!response && !response.success){
+                //Todo: restrict directory path to the sandbox, in the dialog itself
+                alert("Unable to create file.\n [Error: Forbidden directory]");
+            }
+        }
+    },
+
+    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){
+                this.application.ninja.ioMediator.fileOpen(uri, this.openFileCallback.bind(this));
+            }
+        }
+    },
+
+    ////////////////////////////////////////////////////////////////////
+    //
+    openFileCallback:{
+        value:function(response){
+            //TODO: Add UI to handle error codes, shouldn't be alert windows
+            if(!!response && (response.status === 204)) {
+                //Sending full response object
+                this.openDocument(response);   
+            } else if (!!response && (response.status === 404)){
+                alert("Unable to open file.\n [Error: File does not exist]");
+            } else if (!!response && (response.status === 500)){
+                alert("Unable to open file.\n Check if Ninja Local Cloud is running.");
+            } else{
+                alert("Unable to open file.");
+            }
+
+        }
+    },
+        ////////////////////////////////////////////////////////////////////
+        //
+        openDocument: {
+                value: function(doc) {
+                        //
+                        switch (doc.extension) {
+                                case 'html': case 'html':
+                                        //Open in designer view
+                                        Montage.create(HTMLDocument).initialize(doc, Uuid.generate(), this._createIframeElement(), this._onOpenDocument);
+                                        break;
+                                default:
+                                        //Open in code view
+                                        var code = Montage.create(TextDocument, {"source": {value: doc.content}}), docuuid = Uuid.generate(), textArea;
+                                        textArea = this.application.ninja.stage.stageView.createTextAreaElement(docuuid);
+                                        code.initialize(doc, docuuid, textArea, textArea.parentNode);
+                                        //code.init(doc.name, doc.uri, doc.extension, null, docuuid);
+                                        code.textArea.value = doc.content;
+                                        this.applicatio