diff options
Diffstat (limited to 'js/panels/presets/transitions-presets.reel')
3 files changed, 125 insertions, 0 deletions
diff --git a/js/panels/presets/transitions-presets.reel/transitions-presets.css b/js/panels/presets/transitions-presets.reel/transitions-presets.css new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/js/panels/presets/transitions-presets.reel/transitions-presets.css | |||
diff --git a/js/panels/presets/transitions-presets.reel/transitions-presets.html b/js/panels/presets/transitions-presets.reel/transitions-presets.html new file mode 100644 index 00000000..e3bf0aba --- /dev/null +++ b/js/panels/presets/transitions-presets.reel/transitions-presets.html | |||
@@ -0,0 +1,58 @@ | |||
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 lang="en"> | ||
8 | <head> | ||
9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
10 | <link rel="stylesheet" href="transitions-presets.css" type="text/css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "owner": { | ||
14 | "module" : "js/panels/presets/transitions-presets.reel", | ||
15 | "name" : "TransitionsLibrary", | ||
16 | "properties" : { | ||
17 | "element" : {"#" : "transitionsLibrary"}, | ||
18 | "treeList" : {"@" : "treeList"} | ||
19 | } | ||
20 | }, | ||
21 | "presetsController" : { | ||
22 | "module": "js/controllers/tree-controller", | ||
23 | "name": "TreeController", | ||
24 | "properties" : { | ||
25 | "rootKey" : "data", | ||
26 | "branchKey" : "children", | ||
27 | "labelKey" : "text", | ||
28 | "delegate": {"@": "owner" } | ||
29 | }, | ||
30 | "bindings": { | ||
31 | "content": { | ||
32 | "boundObject": {"@": "owner"}, | ||
33 | "boundObjectPropertyPath": "data2" | ||
34 | } | ||
35 | } | ||
36 | }, | ||
37 | "presetsContainer" : { | ||
38 | "module" : "js/components/treeview/treeview.reel", | ||
39 | "name" : "Treeview", | ||
40 | "properties" : { | ||
41 | "element" : {"#": "libraryContainer"}, | ||
42 | "branchComponent" : {"@": "branch" }, | ||
43 | "contentController": {"@": "presetsController"} | ||
44 | } | ||
45 | }, | ||
46 | "branch" : { | ||
47 | "module" : "js/components/treeview/ninja-branch.reel", | ||
48 | "name" : "Branch" | ||
49 | } | ||
50 | } | ||
51 | </script> | ||
52 | </head> | ||
53 | <body> | ||
54 | <section id="transitionsLibrary" class="transitionsLibrary"> | ||
55 | <div id="libraryContainer"></div> | ||
56 | </section> | ||
57 | </body> | ||
58 | </html> \ No newline at end of file | ||
diff --git a/js/panels/presets/transitions-presets.reel/transitions-presets.js b/js/panels/presets/transitions-presets.reel/transitions-presets.js new file mode 100644 index 00000000..bc91b3ad --- /dev/null +++ b/js/panels/presets/transitions-presets.reel/transitions-presets.js | |||
@@ -0,0 +1,67 @@ | |||
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 | var Montage = require("montage/core/core").Montage, | ||
8 | Component = require("montage/ui/component").Component; | ||
9 | |||
10 | exports.TransitionsLibrary = Montage.create(Component, { | ||
11 | hasTemplate: { | ||
12 | value: true | ||
13 | }, | ||
14 | contentPanel : { | ||
15 | value: "presets" // get from local storage | ||
16 | }, | ||
17 | templateDidLoad : { | ||
18 | value: function() { | ||
19 | console.log('deserialized'); | ||
20 | } | ||
21 | }, | ||
22 | treeList : { | ||
23 | value : null | ||
24 | }, | ||
25 | data2: { | ||
26 | value: { | ||
27 | "meta": "Blah", | ||
28 | "status": "OK", | ||
29 | "text" : "Root", | ||
30 | "data" : { | ||
31 | "date": "1.1.01", | ||
32 | "text": "Transitions", | ||
33 | "children": [{ | ||
34 | "date": "3.3.01", | ||
35 | "text": "Kid 1" | ||
36 | }, | ||
37 | { | ||
38 | "date": "3.3.01", | ||
39 | "text": "Kid 2", | ||
40 | "children": [{ | ||
41 | "date": "3.4.01", | ||
42 | "text": "Grand Kid 1", | ||
43 | "children": [{ | ||
44 | "date": "4.4.01", | ||
45 | "text": "Great Grand Kid 1" | ||
46 | }] | ||
47 | }] | ||
48 | |||
49 | },{ | ||
50 | "date": "5.5.01", | ||
51 | "text": "Kid 3" | ||
52 | }] | ||
53 | } | ||
54 | } | ||
55 | }, | ||
56 | didDraw: { | ||
57 | value : function() { | ||
58 | console.log('Presets Panel prepare for draw.'); | ||
59 | // this.treeList.items.push({ | ||
60 | // label : "Box Style", | ||
61 | // type : 'leaf' | ||
62 | // }); | ||
63 | } | ||
64 | } | ||
65 | |||
66 | |||
67 | }); | ||