Timeline: Serialization of all Collapser components

author: Jon Reid 2012-03-02 18:17:14 -0800
committer: Jon Reid 2012-03-02 18:17:14 -0800
commit: 5689e3e2deda1b1f7ba32f6007ddab20f6c1fe64 (patch)
tree: 6b2da624d42e9048328554a12bbcb5d4515c882e /js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
parent: e2f581a20a365113d7b9a5126df3660d6d0644b5 (diff)
download: ninja-5689e3e2deda1b1f7ba32f6007ddab20f6c1fe64.tar.gz
1 files changed, 122 insertions, 14 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
index 26d045d6..1cc05f4e 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
@@ -17,7 +17,11 @@
                           "element": {"#": "track"},
                           "tweenRepetition" : {"@" : "tweenRepetition"},
                           "styleTracksRepetition" : {"@" : "styleTracksRepetition"},
-                           "tween": {"@" : "tween"}
+                           "tween": {"@" : "tween"},
+                           "_mainCollapser" : {"@" : "mainCollapser"},
+                           "_positionCollapser" : {"@" : "positionCollapser"},
+                           "_transformCollapser" : {"@" : "transformCollapser"},
+                           "_styleCollapser" : {"@" : "styleCollapser"}
                       }
                   },
@@ -145,6 +149,110 @@
                                                "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
+                                                        }
+                                                }
                                        }
                   
                   
@@ -153,28 +261,28 @@
        </head>
        <body>
-        <div id="track" class="timeline-track">
+        <div data-montage-id="track" class="timeline-track">
-            <div id="track_lanes" class="tracklane">
+            <div data-montage-id="track_lanes" class="tracklane">
-                <div id="track_lane"></div>
+                <div data-montage-id="track_lane"></div>
            </div>
-            <div class="label-main collapsible-label collapsible-collapsed"></div>
+            <div class="label-main collapsible-label collapsible-collapsed" data-montage-id="label-main"></div>
-            <div class="collapsible-content collapsible-collapsed content-main">
+            <div class="collapsible-content collapsible-collapsed content-main" data-montage-id="content-main">
-                <div class="label-position collapsible-label collapsible-collapsed">
+                <div class="label-position collapsible-label collapsible-collapsed" data-montage-id="label-position">
                        
                </div>
-                <div class="content-position collapsible-content collapsible-collapsed" id="content-position-tracks">
+                <div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position-tracks">
-                        <div id="position-track-base"></div>
+                        <div data-montage-id="position-track-base"></div>
                </div>
-                <div class="label-transform collapsible-label collapsible-collapsed">
+                <div class="label-transform collapsible-label collapsible-collapsed" data-montage-id="label-transform">
                        
                </div>
-                <div class="content-transform collapsible-content collapsible-collapsed" id="content-transform-tracks">
+                <div class="content-transform collapsible-content collapsible-collapsed" data-montage-id="content-transform-tracks">
-                        <div id="transform-track-base"></div>
+                        <div data-montage-id="transform-track-base"></div>
                </div>
-                <div class="label-styles collapsible-label collapsible-collapsed">
+                <div class="label-styles collapsible-label collapsible-collapsed" data-montage-id="label-styles">
                        
                </div>
-                <div id="content-styles" class="content-styles collapsible-content collapsible-collapsed">
+                <div data-montage-id="content-styles" class="content-styles collapsible-content collapsible-collapsed">
                        <div class="timeline-track"></div>
                </div>
            </div>
author	Jon Reid	2012-03-02 18:17:14 -0800
committer	Jon Reid	2012-03-02 18:17:14 -0800
commit	5689e3e2deda1b1f7ba32f6007ddab20f6c1fe64 (patch)
tree	6b2da624d42e9048328554a12bbcb5d4515c882e /js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
parent	e2f581a20a365113d7b9a5126df3660d6d0644b5 (diff)
download	ninja-5689e3e2deda1b1f7ba32f6007ddab20f6c1fe64.tar.gz

diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html index 26d045d6..1cc05f4e 100644 --- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.html
@@ -17,7 +17,11 @@
17	"element": {"#": "track"},	17	"element": {"#": "track"},
18	"tweenRepetition" : {"@" : "tweenRepetition"},	18	"tweenRepetition" : {"@" : "tweenRepetition"},
19	"styleTracksRepetition" : {"@" : "styleTracksRepetition"},	19	"styleTracksRepetition" : {"@" : "styleTracksRepetition"},
20	"tween": {"@" : "tween"}	20	"tween": {"@" : "tween"},
		21	"_mainCollapser" : {"@" : "mainCollapser"},
		22	"_positionCollapser" : {"@" : "positionCollapser"},
		23	"_transformCollapser" : {"@" : "transformCollapser"},
		24	"_styleCollapser" : {"@" : "styleCollapser"}
21	}	25	}
22	},	26	},
23		27
@@ -145,6 +149,110 @@
145	"properties" : {	149	"properties" : {
146	"element":{"#": "transform-track-base"}	150	"element":{"#": "transform-track-base"}
147	}	151	}
		152	},
		153
		154	"mainCollapser" : {
		155	"module" : "js/panels/timeline/Collapser.js",
		156	"name" : "Collapser",
		157	"properties" : {
		158	"element" : {"#" : "content-main"},
		159	"myContent" : {"#":"content-main"},
		160	"contentHeight" : 60,
		161	"isLabelClickable" : false,
		162	"clicker" : {"#" : "label-main"},
		163	"isCollapsed" : true,
		164	"isAnimated" : true
		165	},
		166	"bindings" : {
		167	"isToggling" : {
		168	"boundObject" : {"@" : "owner" },
		169	"boundObjectPropertyPath" : "isMainCollapsed",
		170	"oneway" : false
		171	},
		172	"bypassAnimation" : {
		173	"boundObject" : {"@": "owner"},
		174	"boundObjectPropertyPath" : "bypassAnimation",
		175	"oneway" : false
		176	}
		177	}
		178	},
		179
		180	"positionCollapser" : {
		181	"module" : "js/panels/timeline/Collapser.js",
		182	"name" : "Collapser",
		183	"properties" : {
		184	"element" : {"#" : "content-position-tracks"},
		185	"myContent" : {"#":"content-position-tracks"},
		186	"contentHeight" : 40,
		187	"isLabelClickable" : false,
		188	"clicker" : {"#" : "label-position"},
		189	"isCollapsed" : true,
		190	"isAnimated" : true
		191	},
		192	"bindings" : {
		193	"isToggling" : {
		194	"boundObject" : {"@" : "owner" },
		195	"boundObjectPropertyPath" : "isPositionCollapsed",
		196	"oneway" : false
		197	},
		198	"bypassAnimation" : {
		199	"boundObject" : {"@": "owner"},
		200	"boundObjectPropertyPath" : "bypassAnimation",
		201	"oneway" : false
		202	}
		203	}
		204	},
		205
		206	"transformCollapser" : {
		207	"module" : "js/panels/timeline/Collapser.js",
		208	"name" : "Collapser",
		209	"properties" : {
		210	"element" : {"#" : "content-transform-tracks"},
		211	"myContent" : {"#":"content-transform-tracks"},
		212	"contentHeight" : 40,
		213	"isLabelClickable" : false,
		214	"clicker" : {"#" : "label-transform"},
		215	"isCollapsed" : true,
		216	"isAnimated" : true
		217	},
		218	"bindings" : {
		219	"isToggling" : {
		220	"boundObject" : {"@" : "owner" },
		221	"boundObjectPropertyPath" : "isTransformCollapsed",
		222	"oneway" : false
		223	},
		224	"bypassAnimation" : {
		225	"boundObject" : {"@": "owner"},
		226	"boundObjectPropertyPath" : "bypassAnimation",
		227	"oneway" : false
		228	}
		229	}
		230	},
		231
		232	"styleCollapser" : {
		233	"module" : "js/panels/timeline/Collapser.js",
		234	"name" : "Collapser",
		235	"properties" : {
		236	"element" : {"#" : "content-styles"},
		237	"myContent" : {"#":"content-styles"},
		238	"contentHeight" : 40,
		239	"isLabelClickable" : false,
		240	"clicker" : {"#" : "label-styles"},
		241	"isCollapsed" : true,
		242	"isAnimated" : true
		243	},
		244	"bindings" : {
		245	"isToggling" : {
		246	"boundObject" : {"@" : "owner" },
		247	"boundObjectPropertyPath" : "isStyleCollapsed",
		248	"oneway" : false
		249	},
		250	"bypassAnimation" : {
		251	"boundObject" : {"@": "owner"},
		252	"boundObjectPropertyPath" : "bypassAnimation",
		253	"oneway" : false
		254	}
		255	}
148	}	256	}
149		257
150		258
@@ -153,28 +261,28 @@
153	</head>	261	</head>
154	<body>	262	<body>
155		263
156	<div id="track" class="timeline-track">	264	<div data-montage-id="track" class="timeline-track">
157	<div id="track_lanes" class="tracklane">	265	<div data-montage-id="track_lanes" class="tracklane">
158	<div id="track_lane"></div>	266	<div data-montage-id="track_lane"></div>
159	</div>	267	</div>
160	<div class="label-main collapsible-label collapsible-collapsed"></div>	268	<div class="label-main collapsible-label collapsible-collapsed" data-montage-id="label-main"></div>
161	<div class="collapsible-content collapsible-collapsed content-main">	269	<div class="collapsible-content collapsible-collapsed content-main" data-montage-id="content-main">
162	<div class="label-position collapsible-label collapsible-collapsed">	270	<div class="label-position collapsible-label collapsible-collapsed" data-montage-id="label-position">
163		271
164	</div>	272	</div>
165	<div class="content-position collapsible-content collapsible-collapsed" id="content-position-tracks">	273	<div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position-tracks">
166	<div id="position-track-base"></div>	274	<div data-montage-id="position-track-base"></div>
167	</div>	275	</div>
168	<div class="label-transform collapsible-label collapsible-collapsed">	276	<div class="label-transform collapsible-label collapsible-collapsed" data-montage-id="label-transform">
169		277
170	</div>	278	</div>
171	<div class="content-transform collapsible-content collapsible-collapsed" id="content-transform-tracks">	279	<div class="content-transform collapsible-content collapsible-collapsed" data-montage-id="content-transform-tracks">
172	<div id="transform-track-base"></div>	280	<div data-montage-id="transform-track-base"></div>
173	</div>	281	</div>
174	<div class="label-styles collapsible-label collapsible-collapsed">	282	<div class="label-styles collapsible-label collapsible-collapsed" data-montage-id="label-styles">
175		283
176	</div>	284	</div>
177	<div id="content-styles" class="content-styles collapsible-content collapsible-collapsed">	285	<div data-montage-id="content-styles" class="content-styles collapsible-content collapsible-collapsed">
178	<div class="timeline-track"></div>	286	<div class="timeline-track"></div>
179	</div>	287	</div>
180	</div>	288	</div>