aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
blob: b0d191c2d8b8247903a6d852c79400e7da05a0f3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    	<link rel="stylesheet" type="text/css" href="css/TimelineTrack.css">
        <script type="text/montage-serialization">
               {
                   "owner": {
                       "module": "js/panels/Timeline/TimelineTrack.reel",
                       "name": "Track",
                       "properties": {
                           "element": {"#": "track"},
                           "tweenRepetition" : {"@" : "tweenRepetition"},
                           "track_lane": {"#": "track_lanes"}
                       }
                   },

                   "tween" : {
                   		"module" : "js/panels/timeline/Tween.reel",
                   		"name" : "Tween",
                   		"properties" : {
                   			"element":{"#": "track_lane"}
                   		},
						"bindings" : {
                           "spanWidth" : {
                               "boundObject" : {"@": "tweenRepetition"},
                               "boundObjectPropertyPath" : "objectAtCurrentIteration.spanWidth",
                               "oneway" : false
                           },
                           "keyFramePosition" : {
                               "boundObject" : {"@": "tweenRepetition"},
                               "boundObjectPropertyPath" : "objectAtCurrentIteration.keyFramePosition",
                               "oneway" : false
                           },
                           "spanPosition" : {
                               "boundObject" : {"@": "tweenRepetition"},
                               "boundObjectPropertyPath" : "objectAtCurrentIteration.spanPosition",
                               "oneway" : false
                           },
                           "timelineTrack" : {
                               "boundObject" : {"@": "tweenRepetition"},
                               "boundObjectPropertyPath" : "objectAtCurrentIteration.timelineTrack",
                               "oneway" : false
                           },
                           "keyFrameMillisec" : {
                               "boundObject" : {"@": "tweenRepetition"},
                               "boundObjectPropertyPath" : "objectAtCurrentIteration.keyFrameMillisec",
                               "oneway" : false
                           },
                           "keyframeID" : {
                               "boundObject" : {"@": "tweenRepetition"},
                               "boundObjectPropertyPath" : "objectAtCurrentIteration.keyframeID",
                               "oneway" : false
                           }
                       }
                   },

                   "tweenRepetition": {
                       "module": "montage/ui/repetition.reel",
                   	   "name": "Repetition",
                   	   "properties": {
                   	       "element": {"#": "track_lanes"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "tweens",
                   	           "oneway": false
                   	       }
                   	   }
                   }
               }
           </script>
	</head>
	<body>

    	<div id="track" class="timeline-track">
            <div id="track_lanes" class="tracklane">
                <div id="track_lane"></div>
            </div>
            <div class="label-main collapsible-label collapsible-collapsed"></div>
            <div class="collapsible-content collapsible-collapsed content-main">
            	<div class="label-position collapsible-label collapsible-collapsed">
            		
            	</div>
            	<div class="content-position collapsible-content collapsible-collapsed">
            		<div class="timeline-track"></div>
            		<div class="timeline-track"></div>
            		<div class="timeline-track"></div>
            	</div>
            	<div class="label-transform collapsible-label collapsible-collapsed">
            		
            	</div>
            	<div class="content-transform collapsible-content collapsible-collapsed">
            		<div class="timeline-track"></div>
            		<div class="timeline-track"></div>
            		<div class="timeline-track"></div>
            		<div class="timeline-track"></div>
            		<div class="timeline-track"></div>
            	</div>
            	<div class="label-styles collapsible-label collapsible-collapsed">
            		
            	</div>
            	<div class="content-styles collapsible-content collapsible-collapsed">
            		
            	</div>
            </div>
    	</div>

    </body>
</html>