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