First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

1 files changed, 326 insertions, 0 deletions

diff --git a/js/io/document/document-controller.js b/js/io/document/document-controller.js
new file mode 100644
index 00000000..99177de0
--- /dev/null
+++ b/js/io/document/document-controller.js
@@ -0,0 +1,326 @@
+/* <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> */
+
+/**
+@module js/document/documentManager
+@requires montage/core/core
+@requires montage/ui/component
+@requires js/document/html-document
+@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;
+
+var DocumentController = exports.DocumentController = Montage.create(Component, {
+    hasTemplate: { value: false },
+
+    _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},
+
+    _codeEditor: {
+        value: {
+            "editor": {
+                value: null,
+                enumerable: false
+            },
+            "hline": {
+                value: null,
+                enumerable: false
+            }
+        }
+    },
+
+    activeDocument: {
+        get: function() {
+            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._documents.indexOf(doc) === -1) {
+                //this._documentsHash[doc.uuid] = this._documents.push(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);
+        }
+    },
+
+    handleAppLoaded: {
+        value: function() {
+            this.openDocument({"type": "html"});
+        }
+    },
+
+    /** Open a Document **/
+    openDocument: {
+        value: function(doc) {
+            var d;
+
+            if(!doc) return false;
+
+            try {
+                if (doc.type === 'html' || doc.type === 'htm') {
+                    d = Montage.create(HTMLDocument);
+                    d.initialize(doc, Uuid.generate(), this._createIframeElement(), this._onOpenDocument);
+                } else {
+                    d = Montage.create(TextDocument);
+                    d.initialize(doc, Uuid.generate(), this._createTextAreaElement(), this._onOpenTextDocument);
+                }
+
+            } catch (err) {
+                console.log("Could not open Document ",  err);
+            }
+        }
+    },
+
+    closeDocument: {
+        value: function(id) {
+            var doc = this._findDocumentByUUID(id);
+            this._removeDocumentView(doc.container);
+
+            this._documents.splice(this._findIndexByUUID(id), 1);
+
+            if(this.activeDocument.uuid === id && this._documents.length > 0) {
+                this.switchDocument(this._documents[0].uuid)
+            }
+        }
+    },
+
+    switchDocument: {
+        value: function(id) {
+            this._hideCurrentDocument();
+            this.activeDocument = this._findDocumentByUUID(id);
+
+            this.application.ninja.stage._scrollFlag = false;    // TODO HACK to prevent type error on Hide/Show Iframe
+            this._showCurrentDocument();
+
+            if(this.activeDocument.documentType === "htm" || this.activeDocument.documentType === "html") {
+                this.application.ninja.stage._scrollFlag = true; // TODO HACK to prevent type error on Hide/Show Iframe
+                // TODO dispatch event here
+//                appDelegateModule.MyAppDelegate.onSetActiveDocument();
+            }
+        }
+    },
+
+    switchViews: {
+        value: function() {
+            this.application.ninja.stage.saveScroll();
+            this._hideCurrentDocument();
+
+            if(this.activeDocument.currentView === "design") {
+                this._textHolder.style.display = "none";
+                this.activeDocument.container.style["display"] = "block";
+                this.application.ninja.stage._scrollFlag = true;
+                //this._showCurrentDocument();
+                this.application.ninja.stage.restoreScroll();
+
+            } else {
+                this.application.ninja.stage._scrollFlag = false;    // TODO HACK to prevent type error on Hide/Show Iframe
+                var codeview = this._createTextAreaElement();
+                this._textHolder.style.display = "block";
+                codeview.firstChild.innerHTML = this.activeDocument.iframe.contentWindow.document.body.parentNode.innerHTML;
+
+                this._codeEditor.editor = CodeMirror.fromTextArea(codeview.firstChild, {
+                            lineNumbers: true,
+                            mode: "htmlmixed",
+                            onCursorActivity: function() {
+                                DocumentManager._codeEditor.editor.setLineClass(DocumentManager._codeEditor.hline, null);
+                                DocumentManager._codeEditor.hline = DocumentManager._codeEditor.editor.setLineClass(DocumentManager._codeEditor.editor.getCursor().line, "activeline");
+                            }
+                });
+                this._codeEditor.hline = DocumentManager._codeEditor.editor.setLineClass(0, "activeline");
+            }
+        }
+    },
+
+    // Document has been loaded into the Iframe. Dispatch the event.
+    // Event Detail: Contains the current ActiveDocument
+    _onOpenDocument: {
+        value: function(doc){
+            //var data = DocumentManager.activeDocument;
+            //DocumentManager._hideCurrentDocument();
+
+            //stageManagerModule.stageManager.toggleCanvas();
+
+            DocumentController.activeDocument = doc;
+
+            NJevent("onOpenDocument", doc);
+//            appDelegateModule.MyAppDelegate.onSetActiveDocument();
+
+        }
+    },
+
+    _onOpenTextDocument: {
+        value: function(doc) {
+            DocumentManager._hideCurrentDocument();
+            this.application.ninja.stage._scrollFlag = false;    // TODO HACK to prevent type error on Hide/Show Iframe
+            DocumentManager.activeDocument = doc;
+
+            var type;
+
+            switch(doc.documentType) {
+                case  "css" :
+                    type = "css";
+                    break;
+                case "js" :
+                    type = "javascript";
+                    break;
+            }
+
+            DocumentManager._codeEditor.editor = CodeMirror.fromTextArea(doc.textArea, {
+                        lineNumbers: true,
+                        mode: type,
+                        onCursorActivity: function() {
+                            DocumentManager._codeEditor.editor.setLineClass(DocumentManager._codeEditor.hline, null);
+                            DocumentManager._codeEditor.hline = DocumentManager._codeEditor.editor.setLineClass(DocumentManager._codeEditor.editor.getCursor().line, "activeline");
+                        }
+            });
+            DocumentManager._codeEditor.hline = DocumentManager._codeEditor.editor.setLineClass(0, "activeline");
+
+        }
+    },
+
+    /**
+     * VIEW Related Methods
+     */
+    // PUBLIC
+    ShowActiveDocument: {
+        value: function() {
+            this.activeDocument.iframe.style.opacity = 1.0;
+        }
+    },