10 files changed, 241 insertions, 15 deletions

diff --git a/js/controllers/document-controller.js b/js/controllers/document-controller.js
index b1a22c1b..9785d824 100755
--- a/js/controllers/document-controller.js
+++ b/js/controllers/document-controller.js
@@ -56,12 +56,37 @@ DocumentController = exports.DocumentController = Montage.create(Component, {
             this.eventManager.addEventListener("executeSave", this, false);
 
             this.eventManager.addEventListener("recordStyleChanged", this, false);
+            
+            
+            
         }
     },
+    
+    
+    handleWebRequest: {
+        value: function (request) {
+                if (request.url.indexOf('js/document/templates/montage-html') !== -1) {
+                        
+                        console.log(request);
+                        
+                        //TODO: Figure out why active document is not available here
+                        
+                                /*
+if (request.url.indexOf('calculator.css') !== -1) {
+                                        return {redirectUrl: this.application.ninja.coreIoApi.rootUrl+'/calculator/components/calculator.reel/calculator.css'};
+                                }
+*/
+                        }
+        }
+    },
+    
 
     handleAppLoaded: {
         value: function() {
             //
+            
+            chrome.webRequest.onBeforeRequest.addListener(this.handleWebRequest.bind(this), {urls: ["<all_urls>"]}, ["blocking"]);
+            
         }
     },
 
diff --git a/js/document/html-document.js b/js/document/html-document.js
index 0c8695fb..16595d14 100755
--- a/js/document/html-document.js
+++ b/js/document/html-document.js
@@ -14,7 +14,7 @@ var Montage = 		require("montage/core/core").Montage,
 exports.HTMLDocument = Montage.create(TextDocument, {
     
     _selectionExclude: { value: null, enumerable: false },
-    _htmlTemplateUrl: { value: "user-document-templates/montage-application-cloud/index.html", enumerable: false},
+    _htmlTemplateUrl: { value: "js/document/templates/montage-html/index.html", enumerable: false},
     _iframe: { value: null, enumerable: false },
     _server: { value: null, enumerable: false },
     _templateDocument: { value: null, enumerable: false },
@@ -235,6 +235,7 @@ exports.HTMLDocument = Montage.create(TextDocument, {
         //
     initialize: {
                 value: function(file, uuid, iframe, callback) {
+                        //console.log('allow');
                         //
                         this._userDocument = file;
                         //
@@ -354,11 +355,15 @@ exports.HTMLDocument = Montage.create(TextDocument, {
     },
     
     
+    
+    
+    
         
         ////////////////////////////////////////////////////////////////////
         //
     handleEvent: {
         value: function(event){
+                        
                 //TODO: Clean up, using for prototyping save
                 this._templateDocument = {};
                 this._templateDocument.head = this.iframe.contentWindow.document.getElementById("userHead");;
@@ -389,6 +394,8 @@ exports.HTMLDocument = Montage.create(TextDocument, {
                         this._stylesheets = this._document.styleSheets; // Entire stlyesheets array
 
                         this.callback(this);
+                        
+                        //console.log('file content end');
                     }
                 }.bind(this), 50);
             
@@ -440,7 +447,9 @@ exports.HTMLDocument = Montage.create(TextDocument, {
                 }
 
                 // Remving this callback and using the callback from the css load
-                // this.callback(this);
+                //this.callback(this);
+                
+                
             
             }
     },
diff --git a/js/document/templates/montage-html/default_html.css b/js/document/templates/montage-html/default_html.css
new file mode 100755
index 00000000..68300edf
--- /dev/null
+++ b/js/document/templates/montage-html/default_html.css
@@ -0,0 +1,75 @@
+/* <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> */
+
+* {
+    -webkit-transition-duration: 0s !important;
+    -webkit-animation-duration: 0s !important;
+    -webkit-animation-name: none !important;
+}
+
+html{
+    overflow:hidden;
+}
+
+body
+{
+        background: #808080;
+}
+
+#Viewport 
+{
+        margin: 0px;
+        padding: 0px;
+        top: 200px;
+        left: 700px;
+    /*position: absolute;*/
+        /*height: 600px;*/
+        /*width: 800px;*/
+        opacity: 0.99;
+        z-index:2;
+}
+
+#stageBG
+{
+        background: #ffffff;
+        top: 200px;
+        left: 700px;
+        z-index:1;
+}
+        
+.stageDimension
+{
+        position: absolute;
+    height: 600px;
+    width: 800px;
+}
+
+.stageView
+{
+    border:  1px solid black;
+    -webkit-transform-style: preserve-3d;
+    -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+}
+
+.stageContentShadow {
+        -webkit-box-shadow: 3px 5px 4px rgba(0,0,0,.5);
+        -moz-box-shadow: 3px 5px 4px rgba(0,0,0,.5);
+        box-shadow: 3px 5px 4px rgba(0,0,0,.5);
+}
+
+#userHead
+{
+        display: none;
+}
+
+.global3DSettings {
+  -webkit-transform-style: preserve-3d;
+  -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+}
+
+.elem-red-outline {
+  outline: red solid thin;
+}
\ No newline at end of file
diff --git a/js/document/templates/montage-html/index.html b/js/document/templates/montage-html/index.html
new file mode 100755
index 00000000..8b3d73bb
--- /dev/null
+++ b/js/document/templates/montage-html/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<!-- <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> -->
+ 
+<html>
+
+        <head>
+        
+                <title>Ninja Prototype</title>
+
+        <link href="default_html.css" id="nj-stage-stylesheet" rel="stylesheet" type="text/css" media="screen"/>
+        <link href="styles.css" id="nj-default-stylesheet" rel="stylesheet" type="text/css" media="screen"/>
+    
+        <script type="text/javascript" data-package="." src="../../../../node_modules/montage/montage.js"></script>
+    
+        <script type="text/javascript">
+                function getElement(x,y) {
+                return document.elementFromPoint(x,y);
+                }