diff options
Diffstat (limited to 'js/stage')
-rwxr-xr-x[-rw-r--r--] | js/stage/layout.js | 0 | ||||
-rwxr-xr-x[-rw-r--r--] | js/stage/stage-deps.js | 0 | ||||
-rwxr-xr-x | js/stage/stage-view.reel/stage-view.css | 36 | ||||
-rwxr-xr-x | js/stage/stage-view.reel/stage-view.html | 31 | ||||
-rwxr-xr-x | js/stage/stage-view.reel/stage-view.js | 216 | ||||
-rwxr-xr-x[-rw-r--r--] | js/stage/stage.reel/stage.css | 0 | ||||
-rwxr-xr-x[-rw-r--r--] | js/stage/stage.reel/stage.html | 14 | ||||
-rwxr-xr-x[-rw-r--r--] | js/stage/stage.reel/stage.js | 0 | ||||
-rwxr-xr-x[-rw-r--r--] | js/stage/tool-handle.js | 0 |
9 files changed, 294 insertions, 3 deletions
diff --git a/js/stage/layout.js b/js/stage/layout.js index dd5be081..dd5be081 100644..100755 --- a/js/stage/layout.js +++ b/js/stage/layout.js | |||
diff --git a/js/stage/stage-deps.js b/js/stage/stage-deps.js index 7c6d58b4..7c6d58b4 100644..100755 --- a/js/stage/stage-deps.js +++ b/js/stage/stage-deps.js | |||
diff --git a/js/stage/stage-view.reel/stage-view.css b/js/stage/stage-view.reel/stage-view.css new file mode 100755 index 00000000..f15f74a0 --- /dev/null +++ b/js/stage/stage-view.reel/stage-view.css | |||
@@ -0,0 +1,36 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | .codeViewContainer { | ||
8 | position: absolute; | ||
9 | top: 0px; | ||
10 | left: 0px; | ||
11 | margin: 0px; | ||
12 | padding: 0px; | ||
13 | background: black; | ||
14 | width: 100%; | ||
15 | height: 100%; | ||
16 | /*display: none;*/ | ||
17 | } | ||
18 | |||
19 | /* OLD CSS for reference | ||
20 | #mainContent #codeMirror_1 { | ||
21 | height:100%; | ||
22 | } | ||
23 | */ | ||
24 | |||
25 | .CodeMirror { | ||
26 | width: 100%; | ||
27 | height: 100%; | ||
28 | background: white; | ||
29 | } | ||
30 | |||
31 | .CodeMirror .CodeMirror-scroll { | ||
32 | height: 100%; | ||
33 | overflow: scroll; | ||
34 | overflow-x: auto; | ||
35 | overflow-y: auto; | ||
36 | } | ||
diff --git a/js/stage/stage-view.reel/stage-view.html b/js/stage/stage-view.reel/stage-view.html new file mode 100755 index 00000000..ee8fa315 --- /dev/null +++ b/js/stage/stage-view.reel/stage-view.html | |||
@@ -0,0 +1,31 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
7 | <html> | ||
8 | <head> | ||
9 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
10 | <link rel="stylesheet" type="text/css" href="stage-view.css"> | ||
11 | |||
12 | <script type="text/montage-serialization"> | ||
13 | { | ||
14 | "owner": { | ||
15 | "module": "js/stage/stage-view.reel", | ||
16 | "name": "StageView", | ||
17 | "properties": { | ||
18 | "element": {"#": "codeViewContainer"} | ||
19 | } | ||
20 | } | ||
21 | } | ||
22 | </script> | ||
23 | |||
24 | </head> | ||
25 | <body> | ||
26 | |||
27 | |||
28 | <section id="codeViewContainer" class="codeViewContainer"></section> | ||
29 | |||
30 | </body> | ||
31 | </html> | ||
diff --git a/js/stage/stage-view.reel/stage-view.js b/js/stage/stage-view.reel/stage-view.js new file mode 100755 index 00000000..d8e1e46b --- /dev/null +++ b/js/stage/stage-view.reel/stage-view.js | |||
@@ -0,0 +1,216 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | /** | ||
8 | @requires montage/core/core | ||
9 | @requires montage/ui/component | ||
10 | */ | ||
11 | var Montage = require("montage/core/core").Montage, | ||
12 | Component = require("montage/ui/component").Component; | ||
13 | |||
14 | exports.StageView = Montage.create(Component, { | ||
15 | _documents: { | ||
16 | value : [] | ||
17 | }, | ||
18 | |||
19 | docs: { | ||
20 | get: function() { | ||
21 | return this._documents; | ||
22 | }, | ||
23 | set: function(value) { | ||
24 | //console.log(value); | ||
25 | } | ||
26 | }, | ||
27 | |||
28 | templateDidLoad: { | ||
29 | value: function() { | ||
30 | this.eventManager.addEventListener("appLoaded", this, false); | ||
31 | } | ||
32 | }, | ||
33 | |||
34 | didDraw:{ | ||
35 | value: function() { | ||
36 | if(!this.application.ninja.documentController._textHolder) this.application.ninja.documentController._textHolder = this.element; | ||
37 | } | ||
38 | }, | ||
39 | |||
40 | handleAppLoaded: { | ||
41 | value: function() { | ||
42 | |||
43 | // Don't bind for now | ||
44 | /* | ||
45 | Object.defineBinding(this, "docs", { | ||
46 | boundObject: this.application.ninja.documentController, | ||
47 | boundObjectPropertyPath: "_documents" | ||
48 | }); | ||
49 | */ | ||
50 | |||
51 | } | ||
52 | }, | ||
53 | |||
54 | /** | ||
55 | * Creates a text area which will contain the content of the opened text document. | ||
56 | */ | ||
57 | createTextAreaElement: { | ||
58 | value: function(uuid) { | ||
59 | |||
60 | |||
61 | var codeMirrorDiv = document.createElement("div"); | ||
62 | codeMirrorDiv.id = "codeMirror_" + uuid; | ||
63 | codeMirrorDiv.style.display = "block"; | ||
64 | this.element.appendChild(codeMirrorDiv); | ||
65 | |||
66 | var textArea = document.createElement("textarea"); | ||
67 | textArea.id = "code"; | ||
68 | textArea.name = "code"; | ||
69 | |||
70 | codeMirrorDiv.appendChild(textArea); | ||
71 | |||
72 | return textArea; | ||
73 | } | ||
74 | }, | ||
75 | |||
76 | // Temporary function to create a Codemirror text view | ||
77 | createTextView: { | ||
78 | value: function(doc) { | ||
79 | var documentController = this.application.ninja.documentController; | ||
80 | |||
81 | this.application.ninja.documentController._hideCurrentDocument(); | ||
82 | |||
83 | this.application.ninja.currentDocument.container.parentNode.style["display"] = "none"; | ||
84 | |||
85 | this.application.ninja.stage._scrollFlag = false; // TODO HACK to prevent type error on Hide/Show Iframe | ||
86 | this.application.ninja.documentController.activeDocument = doc; | ||
87 | |||
88 | var type; | ||
89 | |||
90 | switch(doc.documentType) { | ||
91 | case "css" : | ||
92 | type = "css"; | ||
93 | break; | ||
94 | case "js" : | ||
95 | type = "javascript"; | ||
96 | break; | ||
97 | } | ||
98 | |||
99 | //hide other Codemirror divs | ||
100 | this.hideOtherCodeView(doc.uuid); | ||
101 | |||
102 | |||
103 | //fix hack | ||
104 | document.getElementById("codeMirror_"+doc.uuid).style.display="block"; | ||
105 | |||
106 | |||
107 | |||
108 | doc.editor = CodeMirror.fromTextArea(doc.textArea, { | ||
109 | lineNumbers: true, | ||
110 | mode: type, | ||
111 | onCursorActivity: function() { | ||
112 | //documentController._codeEditor.editor.setLineClass(documentController._codeEditor.hline, null); | ||
113 | //documentController._codeEditor.hline = documentController._codeEditor.editor.setLineClass(documentController._codeEditor.editor.getCursor().line, "activeline"); | ||
114 | } | ||
115 | }); | ||
116 | |||
117 | //this.application.ninja.documentController._codeEditor.hline = this.application.ninja.documentController._codeEditor.editor.setLineClass(0, "activeline"); | ||
118 | |||
119 | this.application.ninja.stage.hideCanvas(true); | ||
120 | |||
121 | } | ||
122 | }, | ||
123 | |||
124 | |||
125 | |||
126 | switchCodeView:{ | ||
127 | value: function(doc){ | ||
128 | |||
129 | //if dirty SAVE codemirror into textarea | ||
130 | //this.application.ninja.documentController.activeDocument.editor.save(); | ||
131 | |||
132 | //remove the codemirror div | ||
133 | var codemirrorDiv = this.application.ninja.documentController.activeDocument.container.querySelector(".CodeMirror"); | ||
134 | if(!!codemirrorDiv){ | ||
135 | codemirrorDiv.parentNode.removeChild(codemirrorDiv); | ||
136 | this.application.ninja.documentController.activeDocument.editor = null; | ||
137 | } | ||
138 | |||
139 | this.application.ninja.documentController._hideCurrentDocument(); | ||
140 | |||
141 | this.application.ninja.documentController.activeDocument = doc; | ||
142 | |||
143 | this.application.ninja.stage._scrollFlag = false; // TODO HACK to prevent type error on Hide/Show Iframe | ||
144 | this.application.ninja.documentController._showCurrentDocument(); | ||