diff options
Diffstat (limited to 'js/ninja.reel/ninja.html')
-rwxr-xr-x | js/ninja.reel/ninja.html | 892 |
1 files changed, 448 insertions, 444 deletions
diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html index 258f1686..f80acdca 100755 --- a/js/ninja.reel/ninja.html +++ b/js/ninja.reel/ninja.html | |||
@@ -32,482 +32,486 @@ POSSIBILITY OF SUCH DAMAGE. | |||
32 | </copyright> --> | 32 | </copyright> --> |
33 | 33 | ||
34 | <html> | 34 | <html> |
35 | <head> | ||
36 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
37 | 35 | ||
38 | <link href="../../css/ninja.css" rel="stylesheet" type="text/css" media="screen"/> | 36 | <head> |
37 | |||
38 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
39 | 39 | ||
40 | <title>Main Ninja Component</title> | 40 | <link href="../../css/ninja.css" rel="stylesheet" type="text/css" media="screen"/> |
41 | 41 | ||
42 | <script type="text/montage-serialization"> | 42 | <title>Main Ninja Component</title> |
43 | { | ||
44 | "localStorage": { | ||
45 | "prototype": "js/controllers/local-storage-controller[LocalStorage]" | ||
46 | }, | ||
47 | 43 | ||
48 | "toolsData1": { | 44 | <script type="text/montage-serialization"> |
49 | "prototype": "js/data/tools-data" | 45 | { |
50 | }, | 46 | "localStorage": { |
51 | 47 | "prototype": "js/controllers/local-storage-controller[LocalStorage]" | |
52 | "appModel": { | ||
53 | "prototype": "js/models/app-model", | ||
54 | "bindings": { | ||
55 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
56 | } | ||
57 | }, | ||
58 | |||
59 | "materialsModel": { | ||
60 | "prototype": "js/models/materials-model" | ||
61 | }, | ||
62 | |||
63 | "menu": { | ||
64 | "prototype": "js/components/menu/menu.reel", | ||
65 | "properties": { | ||
66 | "element": {"#": "mainMenuBar"} | ||
67 | }, | 48 | }, |
68 | "bindings": { | 49 | |
69 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | 50 | "toolsData1": { |
70 | } | 51 | "prototype": "js/data/tools-data" |
71 | }, | 52 | }, |
72 | 53 | ||
73 | "splitter1": { | 54 | "appModel": { |
74 | "prototype": "js/panels/Splitter", | 55 | "prototype": "js/models/app-model", |
75 | "properties": { | 56 | "bindings": { |
76 | "element": {"#": "topSplitter"}, | 57 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} |
77 | "panel": {"#": "topPanelContainer"} | 58 | } |
78 | } | 59 | }, |
79 | }, | 60 | |
80 | 61 | "materialsModel": { | |
81 | "splitter2": { | 62 | "prototype": "js/models/materials-model" |
82 | "prototype": "js/panels/Splitter", | 63 | }, |
83 | "properties": { | 64 | |
84 | "element": {"#": "leftSplitter"}, | 65 | "menu": { |
85 | "panel": {"#": "leftPanelContainer"} | 66 | "prototype": "js/components/menu/menu.reel", |
86 | } | 67 | "properties": { |
87 | }, | 68 | "element": {"#": "mainMenuBar"} |
88 | 69 | }, | |
89 | "splitter3": { | 70 | "bindings": { |
90 | "prototype": "js/panels/Splitter", | 71 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} |
91 | "properties": { | 72 | } |
92 | "element": {"#": "rightSplitter"}, | 73 | }, |
93 | "panel": {"#": "rightPanelContainer"}, | 74 | |
94 | "resizeBar": {"#": "rightPanelResizer"} | 75 | "splitter1": { |
95 | } | 76 | "prototype": "js/panels/Splitter", |
96 | }, | 77 | "properties": { |
97 | 78 | "element": {"#": "topSplitter"}, | |
98 | "splitter4": { | 79 | "panel": {"#": "topPanelContainer"} |
99 | "prototype": "js/panels/Splitter", | 80 | } |
100 | "properties": { | 81 | }, |
101 | "element": {"#": "bottomSplitter"}, | 82 | |
102 | "panel": {"@": "timeline"} | 83 | "splitter2": { |
103 | } | 84 | "prototype": "js/panels/Splitter", |
104 | }, | 85 | "properties": { |
105 | 86 | "element": {"#": "leftSplitter"}, | |
106 | "resizer1": { | 87 | "panel": {"#": "leftPanelContainer"} |
107 | "prototype": "js/panels/resize-composer", | 88 | } |
108 | "properties": { | 89 | }, |
109 | "element": {"#": "rightPanelResizer"}, | 90 | |
110 | "component": {"@": "owner"}, | 91 | "splitter3": { |
111 | "yAxis": false | 92 | "prototype": "js/panels/Splitter", |
112 | }, | 93 | "properties": { |
113 | "listeners": [ | 94 | "element": {"#": "rightSplitter"}, |
114 | { | 95 | "panel": {"#": "rightPanelContainer"}, |
115 | "type": "resizeStart", | 96 | "resizeBar": {"#": "rightPanelResizer"} |
116 | "listener": {"@": "owner"} | 97 | } |
98 | }, | ||
99 | |||
100 | "splitter4": { | ||
101 | "prototype": "js/panels/Splitter", | ||
102 | "properties": { | ||
103 | "element": {"#": "bottomSplitter"}, | ||
104 | "panel": {"@": "timeline"} | ||
105 | } | ||
106 | }, | ||
107 | |||
108 | "resizer1": { | ||
109 | "prototype": "js/panels/resize-composer", | ||
110 | "properties": { | ||
111 | "element": {"#": "rightPanelResizer"}, | ||
112 | "component": {"@": "owner"}, | ||
113 | "yAxis": false | ||
114 | }, | ||
115 | "listeners": [ | ||
116 | { | ||
117 | "type": "resizeStart", | ||
118 | "listener": {"@": "owner"} | ||
119 | }, | ||
120 | { | ||
121 | "type": "resizeMove", | ||
122 | "listener": {"@": "owner"} | ||
123 | }, | ||
124 | { | ||
125 | "type": "resizeEnd", | ||
126 | "listener": {"@": "owner"} | ||
127 | } | ||
128 | ] | ||
129 | }, | ||
130 | |||
131 | "resizer2": { | ||
132 | "prototype": "js/panels/resize-composer", | ||
133 | "properties": { | ||
134 | "element": {"#": "timelineResizer"}, | ||
135 | "component": {"@": "owner"}, | ||
136 | "xAxis": false | ||
117 | }, | 137 | }, |
118 | { | 138 | "listeners": [ |
119 | "type": "resizeMove", | 139 | { |
120 | "listener": {"@": "owner"} | 140 | "type": "resizeStart", |
141 | "listener": {"@": "owner"} | ||
142 | }, | ||
143 | { | ||
144 | "type": "resizeMove", | ||
145 | "listener": {"@": "owner"} | ||
146 | }, | ||
147 | { | ||
148 | "type": "resizeEnd", | ||
149 | "listener": {"@": "owner"} | ||
150 | } | ||
151 | ] | ||
152 | }, | ||
153 | |||
154 | "resizer3": { | ||
155 | "prototype": "js/panels/resize-composer", | ||
156 | "properties": { | ||
157 | "element": {"#": "pasteboardResizer"}, | ||
158 | "component": {"@": "owner"} | ||
121 | }, | 159 | }, |
122 | { | 160 | "listeners": [ |
123 | "type": "resizeEnd", | 161 | { |
124 | "listener": {"@": "owner"} | 162 | "type": "resizeStart", |
163 | "listener": {"@": "owner"} | ||
164 | }, | ||
165 | { | ||
166 | "type": "resizeMove", | ||
167 | "listener": {"@": "owner"} | ||
168 | }, | ||
169 | { | ||
170 | "type": "resizeEnd", | ||
171 | "listener": {"@": "owner"} | ||
172 | }, | ||
173 | { | ||
174 | "type": "resizeReset", | ||
175 | "listener": {"@": "owner"} | ||
176 | } | ||
177 | ] | ||
178 | }, | ||
179 | |||
180 | "stylesController": { | ||
181 | "prototype": "js/controllers/styles-controller", | ||
182 | "bindings": { | ||
183 | "currentDocument": {"<-": "@documentList.selectedObjects.0"} | ||
125 | } | 184 | } |
126 | ] | 185 | }, |
127 | }, | 186 | |
128 | 187 | "stageMode": { | |
129 | "resizer2": { | 188 | "prototype": "js/components/layout/stage-mode.reel", |
130 | "prototype": "js/panels/resize-composer", | 189 | "properties": { |
131 | "properties": { | 190 | "element": {"#": "stageMode"} |
132 | "element": {"#": "timelineResizer"}, | ||
133 | "component": {"@": "owner"}, | ||
134 | "xAxis": false | ||
135 | }, | ||
136 | "listeners": [ | ||
137 | { | ||
138 | "type": "resizeStart", | ||
139 | "listener": {"@": "owner"} | ||
140 | }, | 191 | }, |
141 | { | 192 | "bindings" : { |
142 | "type": "resizeMove", | 193 | "chromePreview": {"<->": "@appModel.chromePreview"} |
143 | "listener": {"@": "owner"} | 194 |