1 files changed, 340 insertions, 319 deletions

diff --git a/js/document/views/design.js b/js/document/views/design.js
index 44ed2c65..c7f57e58 100755
--- a/js/document/views/design.js
+++ b/js/document/views/design.js
@@ -30,50 +30,50 @@ POSSIBILITY OF SUCH DAMAGE.
 
 ////////////////////////////////////////////////////////////////////////
 //
-var Montage =                   require("montage/core/core").Montage,
-        BaseDocumentView =      require("js/document/views/base").BaseDocumentView,
+var Montage =           require("montage/core/core").Montage,
+    BaseDocumentView =  require("js/document/views/base").BaseDocumentView,
     ElementModel =      require("js/models/element-model");
 ////////////////////////////////////////////////////////////////////////
-//      
+//
 exports.DesignDocumentView = Montage.create(BaseDocumentView, {
-        ////////////////////////////////////////////////////////////////////
-        //
-        hasTemplate: {
+    ////////////////////////////////////////////////////////////////////
+    //
+    hasTemplate: {
         value: false
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     _callback: {
-        value: null
+        value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     _viewCallback: {
         value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     _template: {
-        value: null
+        value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
-        _bodyFragment: {
+    //
+    _bodyFragment: {
         value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
-        _headFragment: {
+    //
+    _headFragment: {
         value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
-        _observer: {
+    //
+    _observer: {
         value: {head: null, body: null}
     },
     ////////////////////////////////////////////////////////////////////
-        //
-        content: {
+    //
+    content: {
         value: null
     },
     ////////////////////////////////////////////////////////////////////
@@ -92,29 +92,29 @@ exports.DesignDocumentView = Montage.create(BaseDocumentView, {
         value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     baseHref: {
         get: function() {return this._baseHref;},
         set: function(value) {this._baseHref = value;}
     },
     ////////////////////////////////////////////////////////////////////
-        //
-        _document: {
+    //
+    _document: {
         value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     document: {
         get: function() {return this._document;},
         set: function(value) {this._document = value;}
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     _documentRoot: {
         value: null
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     documentRoot: {
         get: function() {return this._documentRoot;},
         set: function(value) {this._documentRoot = value;}
@@ -140,12 +140,12 @@ exports.DesignDocumentView = Montage.create(BaseDocumentView, {
     },
     ////////////////////////////////////////////////////////////////////
     //
-        initialize: {
+    initialize: {
         value: function (parent) {
-                //Creating iFrame for view
-                this.iframe = document.createElement("iframe");
-                //Setting default styles
-                this.iframe.style.border = "none";
+            //Creating iFrame for view
+            this.iframe = document.createElement("iframe");
+            //Setting default styles
+            this.iframe.style.border = "none";
             this.iframe.style.background = "#FFF";
             this.iframe.style.height = "100%";
             this.iframe.style.width = "100%";
@@ -154,190 +154,190 @@ exports.DesignDocumentView = Montage.create(BaseDocumentView, {
         }
     },
     ////////////////////////////////////////////////////////////////////
-        //
-        render: {
+    //
+    render: {
         value: function (callback, template, viewCallback) {
-                //TODO: Remove, this is a temp patch for webRequest API gate
-                this.application.ninja.documentController.redirectRequests = false;
-                //Storing callback for dispatch ready
-                this._callback = callback;
-                this._template = template;
+            //TODO: Remove, this is a temp patch for webRequest API gate
+            this.application.ninja.documentController.redirectRequests = false;
+            //Storing callback for dispatch ready
+            this._callback = callback;
+            this._template = template;
             this._viewCallback = viewCallback;
-                //Adding listener to know when template is loaded to then load user content
-                this.iframe.addEventListener("load", this.onTemplateLoad.bind(this), false);
-                //TODO: Add source parameter and root (optional)
-                        if (template && template.type === 'banner' && template.size) {
-                        this.iframe.src = "js/document/templates/banner/index.html";
-                } else {
-                        this.iframe.src = "js/document/templates/html/index.html";
-                }
+            //Adding listener to know when template is loaded to then load user content
+            this.iframe.addEventListener("load", this.onTemplateLoad.bind(this), false);
+            //TODO: Add source parameter and root (optional)
+            if (template && template.type === 'banner' && template.size) {
+                this.iframe.src = "js/document/templates/banner/index.html";
+            } else {
+                this.iframe.src = "js/document/templates/html/index.html";
+            }
         }
     },
     ////////////////////////////////////////////////////////////////////
-        //
+    //
     onTemplateLoad: {
         value: function (e) {
-                //TODO: Remove, this is a temp patch for webRequest API gate
-                this.application.ninja.documentController.redirectRequests = true;
-                //TODO: Add support to constructing URL with a base HREF
-                var basetag = this.content.document.getElementsByTagName('base');
-                //Removing event
-                this.iframe.removeEventListener("load", this.onTemplateLoad.bind(this), false);
-                //TODO: Improve usage of this reference
-                this.document = this.iframe.contentWindow.document;
-                //Looping through template styles and marking them with ninja data attribute for I/O clean up
-                for (var k in this.document.styleSheets) {
-                if (this.document.styleSheets[k].ownerNode && this.document.styleSheets[k].ownerNode.setAttribute) {
-                        this.document.styleSheets[k].ownerNode.setAttribute('data-ninja-template', 'true');
-                }
+            //TODO: Remove, this is a temp patch for webRequest API gate
+            this.application.ninja.documentController.redirectRequests = true;
+            //TODO: Add support to constructing URL with a base HREF
+            var basetag = this.content.document.getElementsByTagName('base');
+            //Removing event
+            this.iframe.removeEventListener("load", this.onTemplateLoad.bind(this), false);
+            //TODO: Improve usage of this reference
+            this.document = this.iframe.contentWindow.document;
+            //Looping through template styles and marking them with ninja data attribute for I/O clean up
+            for (var k in this.document.styleSheets) {
+                if (this.document.styleSheets[k].ownerNode && this.document.styleSheets[k].ownerNode.setAttribute) {
+                    this.document.styleSheets[k].ownerNode.setAttribute('data-ninja-template', 'true');
+                }
             }
             //Checking for a base URL
             if (basetag.length) {
-                if (basetag[basetag.length-1].getAttribute && basetag[basetag.length-1].getAttribute('href')) {
-                        //Setting base HREF in model
-                                this.baseHref = basetag[basetag.length-1].getAttribute('href');
-                        }
-                }
-                //Checking to content to be template
-                if (this._template) {
-                        if (this._template.type === 'banner') {
-                                //Loading contents into a fragment
-                                this._bodyFragment = this.document.createElement('body');
-                                //Listening for content to be ready
-                                this._observer.body = new WebKitMutationObserver(this.insertBannerContent.bind(this));
+                if (basetag[basetag.length-1].getAttribute && basetag[basetag.length-1].getAttribute('href')) {
+                    //Setting base HREF in model
+                    this.baseHref = basetag[basetag.length-1].getAttribute('href');
+                }
+            }
+            //Checking to content to be template
+            if (this._template) {
+                if (this._template.type === 'banner') {
+                    //Loading contents into a fragment
+                    this._bodyFragment = this.document.createElement('body');
+                    //Listening for content to be ready
+                    this._observer.body = new WebKitMutationObserver(this.insertBannerContent.bind(this));