From 0b18fb2fef124a26204d5dba90cd82c975b69df3 Mon Sep 17 00:00:00 2001
From: Jon Reid
Date: Thu, 23 Feb 2012 17:06:48 -0800
Subject: Timeline: Add hottext fields to layers and serialize them throughout.

---
 js/panels/Timeline/Layer.reel/Layer.html | 153 ++++++++++++++++++++++++++++---
 1 file changed, 141 insertions(+), 12 deletions(-)

(limited to 'js/panels/Timeline/Layer.reel/Layer.html')

diff --git a/js/panels/Timeline/Layer.reel/Layer.html b/js/panels/Timeline/Layer.reel/Layer.html
index e262afe2..df03cbb3 100644
--- a/js/panels/Timeline/Layer.reel/Layer.html
+++ b/js/panels/Timeline/Layer.reel/Layer.html
@@ -87,7 +87,140 @@
 	            			"oneway" : false
 	            		}
 	            	}
-	            }
+	            },
+				"dtext-position-x" : {
+                    "module": "js/components/hottextunit.reel",
+            	    "name": "HotTextUnit",
+            	    "properties": {
+            	        "element": {"#": "position-x"},
+            	        "maxValue" : 100000,
+                        "minValue" : -100000,
+                        "acceptableUnits" : "px",
+                        "units" : "px",
+                        "value" : 0
+            	    },
+	                "bindings": {
+	                    "value": {
+	                        "boundObject": {"@": "owner"},
+	                        "boundObjectPropertyPath": "dtextPositionX",
+	                        "oneway": false
+	                    }
+	                }
+				},
+				"dtext-position-y" : {
+                    "module": "js/components/hottextunit.reel",
+            	    "name": "HotTextUnit",
+            	    "properties": {
+            	        "element": {"#": "position-y"},
+            	        "maxValue" : 100000,
+                        "minValue" : -100000,
+                        "acceptableUnits" : "px",
+                        "units" : "px",
+                        "value" : 0
+            	    },
+	                "bindings": {
+	                    "value": {
+	                        "boundObject": {"@": "owner"},
+	                        "boundObjectPropertyPath": "dtextPositionY",
+	                        "oneway": false
+	                    }
+	                }
+				},
+				"dtext-scale-x" : {
+                    "module": "js/components/hottextunit.reel",
+            	    "name": "HotTextUnit",
+            	    "properties": {
+            	        "element": {"#": "scale-x"},
+            	        "maxValue" : 100,
+                        "minValue" : 0,
+                        "acceptableUnits" : "%",
+                        "units" : "%",
+                        "value" : 0
+            	    },
+	                "bindings": {
+	                    "value": {
+	                        "boundObject": {"@": "owner"},
+	                        "boundObjectPropertyPath": "dtextScaleX",
+	                        "oneway": false
+	                    }
+	                }
+				},
+				"dtext-scale-y" : {
+                    "module": "js/components/hottextunit.reel",
+            	    "name": "HotTextUnit",
+            	    "properties": {
+            	        "element": {"#": "scale-y"},
+            	        "maxValue" : 100,
+                        "minValue" : 0,
+                        "acceptableUnits" : "%",
+                        "units" : "%",
+                        "value" : 0
+            	    },
+	                "bindings": {
+	                    "value": {
+	                        "boundObject": {"@": "owner"},
+	                        "boundObjectPropertyPath": "dtextScaleY",
+	                        "oneway": false
+	                    }
+	                }
+				},
+				"dtext-skew-x" : {
+                    "module": "js/components/hottextunit.reel",
+            	    "name": "HotTextUnit",
+            	    "properties": {
+            	        "element": {"#": "skew-x"},
+            	        "maxValue" : 100,
+                        "minValue" : 0,
+                        "acceptableUnits" : "%",
+                        "units" : "%",
+                        "value" : 0
+            	    },
+	                "bindings": {
+	                    "value": {
+	                        "boundObject": {"@": "owner"},
+	                        "boundObjectPropertyPath": "dtextSkewX",
+	                        "oneway": false
+	                    }
+	                }
+				},
+				"dtext-skew-y" : {
+                    "module": "js/components/hottextunit.reel",
+            	    "name": "HotTextUnit",
+            	    "properties": {
+            	        "element": {"#": "skew-y"},
+            	        "maxValue" : 100,
+                        "minValue" : 0,
+                        "acceptableUnits" : "%",
+                        "units" : "%",
+                        "value" : 0
+            	    },
+	                "bindings": {
+	                    "value": {
+	                        "boundObject": {"@": "owner"},
+	                        "boundObjectPropertyPath": "dtextSkewY",
+	                        "oneway": false
+	                    }
+	                }
+				},
+				"dtext-rotate" : {
+                    "module": "js/components/hottextunit.reel",
+            	    "name": "HotTextUnit",
+            	    "properties": {
+            	        "element": {"#": "rotation"},
+            	        "maxValue" : 360,
+                        "minValue" : -360,
+                        "acceptableUnits" : "degrees",
+                        "units" : "degrees",
+                        "value" : 0
+            	    },
+	                "bindings": {
+	                    "value": {
+	                        "boundObject": {"@": "owner"},
+	                        "boundObjectPropertyPath": "dtextRotate",
+	                        "oneway": false
+	                    }
+	                }
+				}
             }
         </script>
 	</head>
@@ -109,15 +242,11 @@
 					<div class="layout-table">
 						<div class="layout-row">
 							<div class="layout-cell">X</div>
-							<div class="layout-cell">100px</div>
+							<div class="layout-cell"><div id="position-x"></div></div>
 						</div>
 						<div class="layout-row">
 							<div class="layout-cell">Y</div>
-							<div class="layout-cell">100px</div>
-						</div>
-						<div class="layout-row">
-							<div class="layout-cell">Z</div>
-							<div class="layout-cell">100px</div>
+							<div class="layout-cell"><div id="position-y"></div></div>
 						</div>
 					</div>
 				</div>
@@ -129,23 +258,23 @@
 					<div class="layout-table">
 						<div class="layout-row">
 							<div class="layout-cell">Scale X</div>
-							<div class="layout-cell">100px</div>
+							<div class="layout-cell"><div id="scale-x"></div></div>
 						</div>
 						<div class="layout-row">
 							<div class="layout-cell">Scale Y</div>
-							<div class="layout-cell">100px</div>
+							<div class="layout-cell"><div id="scale-y"></div></div>
 						</div>
 						<div class="layout-row">
 							<div class="layout-cell">Skew X</div>
-							<div class="layout-cell">100px</div>
+							<div class="layout-cell"><div id="skew-x"></div></div>
 						</div>
 						<div class="layout-row">
 							<div class="layout-cell">Skew Y</div>
-							<div class="layout-cell">100px</div>
+							<div class="layout-cell"><div id="skew-y"></div></div>
 						</div>
 						<div class="layout-row">
 							<div class="layout-cell">Rotation</div>
-							<div class="layout-cell">100px</div>
+							<div class="layout-cell"><div id="rotation"></div></div>
 						</div>
 					</div>
 					
-- 
cgit v1.2.3