1 files changed, 105 insertions, 18 deletions

diff --git a/js/stage/stage-view.reel/stage-view.js b/js/stage/stage-view.reel/stage-view.js
index 727c16eb..d8e1e46b 100755
--- a/js/stage/stage-view.reel/stage-view.js
+++ b/js/stage/stage-view.reel/stage-view.js
@@ -28,7 +28,12 @@ exports.StageView = Montage.create(Component, {
     templateDidLoad: {
         value: function() {
             this.eventManager.addEventListener("appLoaded", this, false);
-            //console.log(this.application.ninja.documentController._documents);
+        }
+    },
+
+    didDraw:{
+        value: function() {
+            if(!this.application.ninja.documentController._textHolder) this.application.ninja.documentController._textHolder = this.element;
         }
     },
 
@@ -46,9 +51,33 @@ exports.StageView = Montage.create(Component, {
         }
     },
 
+    /**
+     * Creates a text area which will contain the content of the opened text document.
+     */
+    createTextAreaElement: {
+        value: function(uuid) {
+
+
+            var codeMirrorDiv = document.createElement("div");
+            codeMirrorDiv.id = "codeMirror_"  + uuid;
+            codeMirrorDiv.style.display = "block";
+            this.element.appendChild(codeMirrorDiv);
+
+            var textArea = document.createElement("textarea");
+            textArea.id = "code";
+            textArea.name = "code";
+
+            codeMirrorDiv.appendChild(textArea);
+
+            return textArea;
+        }
+    },
+
     // Temporary function to create a Codemirror text view
     createTextView: {
         value: function(doc) {
+            var documentController = this.application.ninja.documentController;
+
             this.application.ninja.documentController._hideCurrentDocument();
 
             this.application.ninja.currentDocument.container.parentNode.style["display"] = "none";
@@ -56,8 +85,6 @@ exports.StageView = Montage.create(Component, {
             this.application.ninja.stage._scrollFlag = false;    // TODO HACK to prevent type error on Hide/Show Iframe
             this.application.ninja.documentController.activeDocument = doc;
 
-            this.element.appendChild(doc.textArea);
-
             var type;
 
             switch(doc.documentType) {
@@ -69,18 +96,21 @@ exports.StageView = Montage.create(Component, {
                     break;
             }
 
-            //remove any previous Codemirror div
-            var codemirrorDiv = this.element.querySelector(".CodeMirror");
-            if(!!codemirrorDiv){
-                codemirrorDiv.parentNode.removeChild(codemirrorDiv);
-            }
+            //hide other Codemirror divs
+            this.hideOtherCodeView(doc.uuid);
 
-            var codeM = CodeMirror.fromTextArea(doc.textArea, {
+
+            //fix hack
+            document.getElementById("codeMirror_"+doc.uuid).style.display="block";
+
+
+
+            doc.editor = CodeMirror.fromTextArea(doc.textArea, {
                 lineNumbers: true,
                        mode: type,
                        onCursorActivity: function() {
-                           this.application.ninja.documentController._codeEditor.editor.setLineClass(this.application.ninja.documentController._codeEditor.hline, null);
-                           this.application.ninja.documentController._codeEditor.hline = this.application.ninja.documentController._codeEditor.editor.setLineClass(this.application.ninja.documentController._codeEditor.editor.getCursor().line, "activeline");
+                           //documentController._codeEditor.editor.setLineClass(documentController._codeEditor.hline, null);
+                           //documentController._codeEditor.hline = documentController._codeEditor.editor.setLineClass(documentController._codeEditor.editor.getCursor().line, "activeline");
                        }
            });
 
@@ -91,19 +121,61 @@ exports.StageView = Montage.create(Component, {
         }
     },
 
+
+
     switchCodeView:{
         value: function(doc){
 
-            this.application.ninja.documentController._hideCurrentDocument();
+            //if dirty SAVE codemirror into textarea
+            //this.application.ninja.documentController.activeDocument.editor.save();
 
-            //remove any previous Codemirror div
-            var codemirrorDiv = this.element.querySelector(".CodeMirror");
+            //remove the codemirror div
+            var codemirrorDiv = this.application.ninja.documentController.activeDocument.container.querySelector(".CodeMirror");
             if(!!codemirrorDiv){
                 codemirrorDiv.parentNode.removeChild(codemirrorDiv);
+                this.application.ninja.documentController.activeDocument.editor = null;
             }
 
+            this.application.ninja.documentController._hideCurrentDocument();
+
+            this.application.ninja.documentController.activeDocument = doc;
+
+            this.application.ninja.stage._scrollFlag = false;    // TODO HACK to prevent type error on Hide/Show Iframe
+            this.application.ninja.documentController._showCurrentDocument();
+
             var type;
+            switch(doc.documentType) {
+                case  "css" :
+                    type = "css";
+                    break;
+                case "js" :
+                    type = "javascript";
+                    break;
+            }
+
+            //add the codemirror div again for editting
+            doc.editor = CodeMirror.fromTextArea(doc.textArea, {
+                            lineNumbers: true,
+                                   mode: type,
+                                   onCursorActivity: function() {
+                                       //documentController._codeEditor.editor.setLineClass(documentController._codeEditor.hline, null);
+                                       //documentController._codeEditor.hline = documentController._codeEditor.editor.setLineClass(documentController._codeEditor.editor.getCursor().line, "activeline");
+                                   }
+                       });
+
+            //this.application.ninja.documentController._codeEditor.hline = this.application.ninja.documentController._codeEditor.editor.setLineClass(0, "activeline");
+
 
+        }
+    },
+    refreshCodeDocument:{
+        value:function(doc){
+
+        }
+    },
+    addCodeDocument:{
+        value:function(doc){
+            var type;
             switch(doc.documentType) {
                 case  "css" :
                     type = "css";
@@ -117,13 +189,28 @@ exports.StageView = Montage.create(Component, {
                 lineNumbers: true,
                        mode: type,
                        onCursorActivity: function() {
-                           this.application.ninja.documentController._codeEditor.editor.setLineClass(this.application.ninja.documentController._codeEditor.hline, null);
-                           this.application.ninja.documentController._codeEditor.hline = this.application.ninja.documentController._codeEditor.editor.setLineClass(this.application.ninja.documentController._codeEditor.editor.getCursor().line, "activeline");
+                           //documentController._codeEditor.editor.setLineClass(documentController._codeEditor.hline, null);
+                           //documentController._codeEditor.hline = documentController._codeEditor.editor.setLineClass(documentController._codeEditor.editor.getCursor().line, "activeline");
                        }
            });
+        }
+    },
+    hideCodeDocument:{
+        value:function(docUuid){
+            //hide the previous Codemirror div
 
-           //this.application.ninja.documentController._codeEditor.hline = this.application.ninja.documentController._codeEditor.editor.setLineClass(0, "activeline");
-
+        }
+    },
+    hideOtherCodeView:{
+        value:function(docUuid){
+            var i=0;
+            if(this.element.hasChildNodes()){
+                for(i=0;i<this.element.childNodes.length;i++){
+                    if(this.element.childNodes[i].id !== ("codeMirror_"+docUuid)){
+                        this.element.childNodes[i].style.display = "none";
+                    }
+                }
+            }
         }
     }
 });
\ No newline at end of file