<!DOCTYPE html> <!-- <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> --> <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"}, "styleTracksRepetition" : {"@" : "styleTracksRepetition"}, "tween": {"@" : "tween"}, "_mainCollapser" : {"@" : "mainCollapser"}, "_positionCollapser" : {"@" : "positionCollapser"}, "_transformCollapser" : {"@" : "transformCollapser"}, "_styleCollapser" : {"@" : "styleCollapser"} } }, "tween" : { "module" : "js/panels/timeline/Tween.reel", "name" : "Tween", "properties" : { "element":{"#": "track_lane"} }, "bindings" : { "tweenData" : { "boundObject" : {"@": "tweenRepetition"}, "boundObjectPropertyPath" : "objectAtCurrentIteration.tweenData", "oneway" : false } } }, "tweenRepetition": { "module": "montage/ui/repetition.reel", "name": "Repetition", "properties": { "element": {"#": "track_lanes"}, "isSelectionEnabled" : false }, "bindings": { "objects": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "tweens", "oneway": false } } }, "styleTrackRepetition": { "module": "montage/ui/repetition.reel", "name": "Repetition", "properties": { "element": {"#": "content-styles"}, "isSelectionEnabled" : false }, "bindings": { "objects": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "arrStyleTracks", "oneway": false } } }, "positionTracksRepetition": { "module": "montage/ui/repetition.reel", "name": "Repetition", "properties": { "element": {"#": "content-position-tracks"}, "isSelectionEnabled" : false }, "bindings": { "objects": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "arrPositionTracks", "oneway": false } } }, "positionPropertyTrack" : { "module" : "js/panels/Timeline/PropertyTrack.reel", "name" : "PropertyTrack", "properties" : { "element":{"#": "position-track-base"} } }, "transformTracksRepetition": { "module": "montage/ui/repetition.reel", "name": "Repetition", "properties": { "element": {"#": "content-transform-tracks"}, "isSelectionEnabled" : false }, "bindings": { "objects": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "arrTransformTracks", "oneway": false } } }, "transformPropertyTrack" : { "module" : "js/panels/Timeline/PropertyTrack.reel", "name" : "PropertyTrack", "properties" : { "element":{"#": "transform-track-base"} } }, "mainCollapser" : { "module" : "js/panels/timeline/Collapser.js", "name" : "Collapser", "properties" : { "element" : {"#" : "content-main"}, "myContent" : {"#":"content-main"}, "contentHeight" : 60, "isLabelClickable" : false, "clicker" : {"#" : "label-main"}, "isCollapsed" : true, "isAnimated" : true }, "bindings" : { "isToggling" : { "boundObject" : {"@" : "owner" }, "boundObjectPropertyPath" : "isMainCollapsed", "oneway" : false }, "bypassAnimation" : { "boundObject" : {"@": "owner"}, "boundObjectPropertyPath" : "bypassAnimation", "oneway" : false } } }, "positionCollapser" : { "module" : "js/panels/timeline/Collapser.js", "name" : "Collapser", "properties" : { "element" : {"#" : "content-position-tracks"}, "myContent" : {"#":"content-position-tracks"}, "contentHeight" : 40, "isLabelClickable" : false, "clicker" : {"#" : "label-position"}, "isCollapsed" : true, "isAnimated" : true }, "bindings" : { "isToggling" : { "boundObject" : {"@" : "owner" }, "boundObjectPropertyPath" : "isPositionCollapsed", "oneway" : false }, "bypassAnimation" : { "boundObject" : {"@": "owner"}, "boundObjectPropertyPath" : "bypassAnimation", "oneway" : false } } }, "transformCollapser" : { "module" : "js/panels/timeline/Collapser.js", "name" : "Collapser", "properties" : { "element" : {"#" : "content-transform-tracks"}, "myContent" : {"#":"content-transform-tracks"}, "contentHeight" : 40, "isLabelClickable" : false, "clicker" : {"#" : "label-transform"}, "isCollapsed" : true, "isAnimated" : true }, "bindings" : { "isToggling" : { "boundObject" : {"@" : "owner" }, "boundObjectPropertyPath" : "isTransformCollapsed", "oneway" : false }, "bypassAnimation" : { "boundObject" : {"@": "owner"}, "boundObjectPropertyPath" : "bypassAnimation", "oneway" : false } } }, "styleCollapser" : { "module" : "js/panels/timeline/Collapser.js", "name" : "Collapser", "properties" : { "element" : {"#" : "content-styles"}, "myContent" : {"#":"content-styles"}, "contentHeight" : 40, "isLabelClickable" : false, "clicker" : {"#" : "label-styles"}, "isCollapsed" : true, "isAnimated" : true }, "bindings" : { "isToggling" : { "boundObject" : {"@" : "owner" }, "boundObjectPropertyPath" : "isStyleCollapsed", "oneway" : false }, "bypassAnimation" : { "boundObject" : {"@": "owner"}, "boundObjectPropertyPath" : "bypassAnimation", "oneway" : false } } } } </script> </head> <body> <div data-montage-id="track" class="timeline-track"> <div data-montage-id="track_lanes" class="tracklane"> <div data-montage-id="track_lane"></div> </div> <div class="label-main collapsible-label collapsible-collapsed" data-montage-id="label-main"></div> <div class="collapsible-content collapsible-collapsed content-main" data-montage-id="content-main"> <div class="label-position collapsible-label collapsible-collapsed" data-montage-id="label-position"> </div> <div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position-tracks"> <div data-montage-id="position-track-base"></div> </div> <div class="label-transform collapsible-label collapsible-collapsed" data-montage-id="label-transform"> </div> <div class="content-transform collapsible-content collapsible-collapsed" data-montage-id="content-transform-tracks"> <div data-montage-id="transform-track-base"></div> </div> <div class="label-styles collapsible-label collapsible-collapsed" data-montage-id="label-styles"> </div> <div data-montage-id="content-styles" class="content-styles collapsible-content collapsible-collapsed"> <div class="timeline-track"></div> </div> </div> </div> </body> </html>