aboutsummaryrefslogtreecommitdiff
path: root/js/panels/presets/transitions-presets.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/presets/transitions-presets.reel')
-rw-r--r--js/panels/presets/transitions-presets.reel/transitions-presets.css0
-rw-r--r--js/panels/presets/transitions-presets.reel/transitions-presets.html58
-rw-r--r--js/panels/presets/transitions-presets.reel/transitions-presets.js67
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>
3This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4No 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
7var Montage = require("montage/core/core").Montage,
8 Component = require("montage/ui/component").Component;
9
10exports.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});