diff options
author | Valerio Virgillito | 2012-02-14 11:22:21 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-02-14 11:22:21 -0800 |
commit | ab1466b2627e40f58afcaa3d425d4145fa47525a (patch) | |
tree | 5c0de8b4db67b07b0e745e776e99eabff989d804 /js/io | |
parent | 33c805d441abb2f83fd1ac9ee2d3d4282acc009f (diff) | |
parent | df898049b2990f456a305eb18434b887468225cf (diff) | |
download | ninja-ab1466b2627e40f58afcaa3d425d4145fa47525a.tar.gz |
Merge branch 'components' of https://github.com/mencio/ninja-internal into integration
Conflicts:
js/io/document/html-document.js
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'js/io')
-rwxr-xr-x | js/io/document/html-document.js | 74 |
1 files changed, 41 insertions, 33 deletions
diff --git a/js/io/document/html-document.js b/js/io/document/html-document.js index ac556c2d..88cfec67 100755 --- a/js/io/document/html-document.js +++ b/js/io/document/html-document.js | |||
@@ -6,9 +6,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
6 | 6 | ||
7 | //////////////////////////////////////////////////////////////////////// | 7 | //////////////////////////////////////////////////////////////////////// |
8 | // | 8 | // |
9 | var Montage = require("montage/core/core").Montage, | 9 | var Montage = require("montage/core/core").Montage, |
10 | BaseDocument = require("js/io/document/base-document").BaseDocument, | 10 | BaseDocument = require("js/io/document/base-document").BaseDocument, |
11 | NJUtils = require("js/lib/NJUtils").NJUtils; | 11 | NJUtils = require("js/lib/NJUtils").NJUtils; |
12 | //////////////////////////////////////////////////////////////////////// | 12 | //////////////////////////////////////////////////////////////////////// |
13 | // | 13 | // |
14 | exports.HTMLDocument = Montage.create(BaseDocument, { | 14 | exports.HTMLDocument = Montage.create(BaseDocument, { |
@@ -31,6 +31,7 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
31 | _userDocument: { value: null, enumerable: false }, | 31 | _userDocument: { value: null, enumerable: false }, |
32 | _htmlSource: {value: "<html></html>", enumerable: false}, | 32 | _htmlSource: {value: "<html></html>", enumerable: false}, |
33 | _glData: {value: null, enumerable: false }, | 33 | _glData: {value: null, enumerable: false }, |
34 | _userComponents: { value: {}, enumarable: false}, | ||
34 | 35 | ||
35 | _elementCounter: { value: 1, enumerable: false }, | 36 | _elementCounter: { value: 1, enumerable: false }, |
36 | _snapping : { value: true, enumerable: false }, | 37 | _snapping : { value: true, enumerable: false }, |
@@ -137,23 +138,11 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
137 | } | 138 | } |
138 | }, | 139 | }, |
139 | 140 | ||
140 | _userComponentSet: { | 141 | userComponents: { |
141 | value: {}, | 142 | get: function() { |
142 | writable: true, | 143 | return this._userComponents; |
143 | enumerable:true | 144 | } |
144 | }, | 145 | }, |
145 | |||
146 | // userComponentSet:{ | ||
147 | // enumerable: true, | ||
148 | // get: function() { | ||
149 | // return this._userComponentSet; | ||
150 | // }, | ||
151 | // set: function(value) { | ||
152 | // this._userComponentSet = value; | ||
153 | // this._drawUserComponentsOnOpen(); | ||
154 | // } | ||
155 | // }, | ||
156 | // | ||
157 | // _drawUserComponentsOnOpen:{ | 146 | // _drawUserComponentsOnOpen:{ |
158 | // value:function(){ | 147 | // value:function(){ |
159 | // for(var i in this._userComponentSet){ | 148 | // for(var i in this._userComponentSet){ |
@@ -220,22 +209,45 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
220 | set: function(value) { this._zoomFactor = value; } | 209 | set: function(value) { this._zoomFactor = value; } |
221 | }, | 210 | }, |
222 | 211 | ||
212 | /** | ||
213 | * Add a reference to a component instance to the userComponents hash using the | ||
214 | * element UUID | ||
215 | */ | ||
216 | setComponentInstance: { | ||
217 | value: function(instance, el) { | ||
218 | this.userComponents[el.uuid] = instance; | ||
219 | } | ||
220 | }, | ||
221 | |||
222 | /** | ||
223 | * Returns the component instance obj from the element | ||
224 | */ | ||
225 | getComponentFromElement: { | ||
226 | value: function(el) { | ||
227 | if(el) { | ||
228 | if(el.uuid) return this.userComponents[el.uuid]; | ||
229 | } else { | ||
230 | return null; | ||
231 | } | ||
232 | } | ||
233 | }, | ||
234 | |||
223 | //****************************************// | 235 | //****************************************// |
224 | // PUBLIC METHODS | 236 | // PUBLIC METHODS |
225 | 237 | ||
226 | 238 | ||
227 | //////////////////////////////////////////////////////////////////// | 239 | //////////////////////////////////////////////////////////////////// |
228 | // | 240 | // |
229 | initialize: { | 241 | initialize: { |
230 | value: function(file, uuid, iframe, callback) { | 242 | value: function(file, uuid, iframe, callback) { |
231 | // | 243 | // |
232 | this._userDocument = file; | 244 | this._userDocument = file; |
233 | // | 245 | // |
234 | this.init(file.name, file.uri, file.extension, iframe, uuid, callback); | 246 | this.init(file.name, file.uri, file.extension, iframe, uuid, callback); |
235 | // | 247 | // |
236 | this.iframe = iframe; | 248 | this.iframe = iframe; |
237 | this.selectionExclude = ["HTML", "BODY", "Viewport", "UserContent", "stageBG"]; | 249 | this.selectionExclude = ["HTML", "BODY", "Viewport", "UserContent", "stageBG"]; |
238 | this.currentView = "design"; | 250 | this.currentView = "design"; |
239 | // | 251 | // |
240 | this.iframe.src = this._htmlTemplateUrl; | 252 | this.iframe.src = this._htmlTemplateUrl; |
241 | this.iframe.addEventListener("load", this, true); | 253 | this.iframe.addEventListener("load", this, true); |
@@ -347,7 +359,7 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
347 | }, | 359 | }, |
348 | 360 | ||
349 | /* | 361 | /* |
350 | // Private | 362 | // Private |
351 | _loadDocument: { | 363 | _loadDocument: { |
352 | value: function(uri) { | 364 | value: function(uri) { |
353 | // Load the document into the Iframe | 365 | // Load the document into the Iframe |
@@ -356,7 +368,7 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
356 | } | 368 | } |
357 | }, | 369 | }, |
358 | */ | 370 | */ |
359 | 371 | ||
360 | 372 | ||
361 | 373 | ||
362 | //////////////////////////////////////////////////////////////////// | 374 | //////////////////////////////////////////////////////////////////// |
@@ -368,7 +380,7 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
368 | this._templateDocument.head = this.iframe.contentWindow.document.getElementById("userHead");; | 380 | this._templateDocument.head = this.iframe.contentWindow.document.getElementById("userHead");; |
369 | this._templateDocument.body = this.iframe.contentWindow.document.getElementById("UserContent");; | 381 | this._templateDocument.body = this.iframe.contentWindow.document.getElementById("UserContent");; |
370 | // | 382 | // |
371 | this.documentRoot = this.iframe.contentWindow.document.getElementById("UserContent"); | 383 | this.documentRoot = this.iframe.contentWindow.document.getElementById("UserContent"); |
372 | this.stageBG = this.iframe.contentWindow.document.getElementById("stageBG"); | 384 | this.stageBG = this.iframe.contentWindow.document.getElementById("stageBG"); |
373 | this.stageBG.onclick = null; | 385 | this.stageBG.onclick = null; |
374 | this._document = this.iframe.contentWindow.document; | 386 | this._document = this.iframe.contentWindow.document; |
@@ -376,10 +388,10 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
376 | // | 388 | // |
377 | if(!this.documentRoot.Ninja) this.documentRoot.Ninja = {}; | 389 | if(!this.documentRoot.Ninja) this.documentRoot.Ninja = {}; |
378 | // | 390 | // |
379 | 391 | ||
380 | this.documentRoot.innerHTML = this._userDocument.content.body; | 392 | this.documentRoot.innerHTML = this._userDocument.content.body; |
381 | this.iframe.contentWindow.document.getElementById("userHead").innerHTML = this._userDocument.content.head; | 393 | this.iframe.contentWindow.document.getElementById("userHead").innerHTML = this._userDocument.content.head; |
382 | 394 | ||
383 | 395 | ||
384 | //TODO: Look at code below and clean up | 396 | //TODO: Look at code below and clean up |
385 | 397 | ||
@@ -395,10 +407,6 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
395 | this.callback(this); | 407 | this.callback(this); |
396 | } | 408 | } |
397 | }.bind(this), 50); | 409 | }.bind(this), 50); |
398 | |||
399 | // TODO - Not sure where this goes | ||
400 | this._userComponentSet = {}; | ||
401 | |||
402 | 410 | ||
403 | this._styles = this._document.styleSheets[this._document.styleSheets.length - 1]; | 411 | this._styles = this._document.styleSheets[this._document.styleSheets.length - 1]; |
404 | this._stylesheets = this._document.styleSheets; // Entire stlyesheets array | 412 | this._stylesheets = this._document.styleSheets; // Entire stlyesheets array |
@@ -449,7 +457,7 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
449 | 457 | ||
450 | this.callback(this); | 458 | this.callback(this); |
451 | 459 | ||
452 | } | 460 | } |
453 | }, | 461 | }, |
454 | 462 | ||
455 | _setSWFObjectScript: { | 463 | _setSWFObjectScript: { |
@@ -484,7 +492,7 @@ exports.HTMLDocument = Montage.create(BaseDocument, { | |||
484 | //TODO: Would this get call when we are in code of HTML? | 492 | //TODO: Would this get call when we are in code of HTML? |
485 | } else { | 493 | } else { |
486 | //Error | 494 | //Error |
487 | } | 495 | } |
488 | } | 496 | } |
489 | } | 497 | } |
490 | //////////////////////////////////////////////////////////////////// | 498 | //////////////////////////////////////////////////////////////////// |