2 files changed, 142 insertions, 7 deletions

diff --git a/js/document/views/base.js b/js/document/views/base.js
index 50c0a78d..d1c65b5e 100755
--- a/js/document/views/base.js
+++ b/js/document/views/base.js
@@ -7,15 +7,57 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 ////////////////////////////////////////////////////////////////////////
 //
 var Montage =   require("montage/core/core").Montage,
-        Component = require("montage/ui/component").Component;
+        Component = require("montage/ui/component").Component,
+        UrlParser = require("js/document/helpers/url-parser").UrlParser;
 ////////////////////////////////////////////////////////////////////////
 //      
 exports.BaseDocumentView = Montage.create(Component, {
         ////////////////////////////////////////////////////////////////////
         //
         hasTemplate: {
-                enumerable: false,
         value: false
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        urlParser: {
+        value: UrlParser
+    },
+        ////////////////////////////////////////////////////////////////////
+        //
+        _iframe: {
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        iframe: {
+                get: function() {return this._iframe;},
+        set: function(value) {this._iframe= value;}
+    },
+        ////////////////////////////////////////////////////////////////////
+        //
+        show: {
+        value: function (callback) {
+                if (this.iframe) {
+                        this.iframe.style.display = 'block';
+                } else {
+                        console.log('Error: View has no iframe to show!');
+                }
+                //
+                if (callback) callback();
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        hide: {
+        value: function (callback) {
+                if (this.iframe) {
+                        this.iframe.style.display = 'none';
+                } else {
+                        console.log('Error: View has no iframe to hide!');
+                }
+                //
+                if (callback) callback();
+        }
     }
         ////////////////////////////////////////////////////////////////////
         ////////////////////////////////////////////////////////////////////
diff --git a/js/document/views/design.js b/js/document/views/design.js
index 84871257..10963cab 100755
--- a/js/document/views/design.js
+++ b/js/document/views/design.js
@@ -7,17 +7,110 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 ////////////////////////////////////////////////////////////////////////
 //
 var Montage =                   require("montage/core/core").Montage,
-        Component =             require("montage/ui/component").Component,
-        CodeDocumentView =      require("js/document/views/code").CodeDocumentView;
+        BaseDocumentView =      require("js/document/views/base").BaseDocumentView;
 ////////////////////////////////////////////////////////////////////////
 //      
-exports.DesignDocumentView = Montage.create(CodeDocumentView, {
+exports.DesignDocumentView = Montage.create(BaseDocumentView, {
         ////////////////////////////////////////////////////////////////////
         //
         hasTemplate: {
-                enumerable: false,
         value: false
-    }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+    _callback: {
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        _document: {
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        content: {
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+    document: {
+        get: function() {return this._document;},
+        set: function(value) {this._document = value;}
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        initiliaze: {
+        value: function (parent) {
+                //
+                this.iframe = document.createElement("iframe");
+                //
+                this.iframe.style.border = "none";
+            this.iframe.style.background = "#FFF";
+            this.iframe.style.height = "100%";
+            this.iframe.style.width = "100%";
+            //
+            return parent.appendChild(this.iframe);
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        render: {
+        value: function (callback) {
+                //
+                this._callback = callback;
+                this.iframe.addEventListener("load", this.onTemplateLoad.bind(this), true);
+                this.iframe.src = "js/document/templates/montage-web/index.html";
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+    onTemplateLoad: {
+        value: function (e) {
+                //
+                this.document = this.iframe.contentWindow.document;
+                //
+                
+                
+                
+                
+                //this.document.head.innerHTML += this.content.head;
+                this.document.body.innerHTML = this.content.head + this.content.body;
+                
+                
+                
+                
+                //
+                if (this._callback) this._callback();
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+    initCss: {
+        value: function () {
+                //
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+    initWebGl: {
+        value: function () {
+                //
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+    initMontage: {
+        value: function () {
+                //
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+    getElementFromPoint: {
+        value: function(x, y) {
+            return this.iframe.contentWindow.getElement(x,y);
+        }
+    },
         ////////////////////////////////////////////////////////////////////
         ////////////////////////////////////////////////////////////////////
 });