1 files changed, 196 insertions, 0 deletions
diff --git a/js/components/layout/tools-properties.reel/tools-properties.html b/js/components/layout/tools-properties.reel/tools-properties.html
new file mode 100644
index 00000000..49f2d776
--- /dev/null
+++ b/js/components/layout/tools-properties.reel/tools-properties.html
@@ -0,0 +1,196 @@
+<!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>
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="tools-properties.css">
+        <script type="text/montage-serialization">
+        {
+            "selectionProperties1": {
+                "module": "js/components/tools-properties/selection-properties.reel",
+                "name": "SelectionProperties",
+                "properties": {
+                    "element": {"#": "selectionProperties"}
+                }
+            },
+            "subSelectionProperties1": {
+                "module": "js/components/tools-properties/subselection-properties.reel",
+                "name": "SubSelectionProperties",
+                "properties": {
+                    "element": {"#": "subSelectionProperties"}
+                }
+            },
+            "object3DProperties1": {
+                "module": "js/components/tools-properties/object3d-properties.reel",
+                "name": "Object3DProperties",
+                "properties": {
+                    "element": {"#": "object3DProperties"}
+                }
+            },
+            "tagProperties1": {
+                "module": "js/components/tools-properties/tag-properties.reel",
+                "name": "TagProperties",
+                "properties": {
+                    "element": {"#": "tagProperties"}
+                }
+            },
+            "penProperties1": {
+                "module": "js/components/tools-properties/pen-properties.reel",
+                "name": "PenProperties",
+                "properties": {
+                    "element": {"#": "penProperties"}
+                }
+            },
+            "textProperties1": {
+                "module": "js/components/tools-properties/text-properties.reel",
+                "name": "TextProperties",
+                "properties": {
+                    "element": {"#": "textProperties"}
+                }
+            },
+            "shapeProperties1": {
+                "module": "js/components/tools-properties/shape-properties.reel",
+                "name": "ShapeProperties",
+                "properties": {
+                    "element": {"#": "shapeProperties"}
+                },
+                "bindings": {
+                    "selectedSubTool": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "toolsData.selectedSubTool",
+                        "oneway": true
+                    },
+                    "toolsData": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "toolsData",
+                        "oneway": true
+                    }
+                }
+            },
+            "pencilProperties1": {
+                "module": "js/components/tools-properties/pencil-properties.reel",
+                "name": "PencilProperties",
+                "properties": {
+                    "element": {"#": "pencilProperties"}
+                }
+            },
+            "brushProperties1": {
+                "module": "js/components/tools-properties/brush-properties.reel",
+                "name": "BrushProperties",
+                "properties": {
+                    "element": {"#": "brushProperties"}
+                }
+            },
+            "fillProperties1": {
+                "module": "js/components/tools-properties/fill-properties.reel",
+                "name": "FillProperties",
+                "properties": {
+                    "element": {"#": "fillProperties"}
+                }
+            },
+            "inkbottleProperties1": {
+                "module": "js/components/tools-properties/ink-bottle-properties.reel",
+                "name": "InkBottleProperties",
+                "properties": {
+                    "element": {"#": "inkbottleProperties"}
+                }
+            },
+            "eyedropperProperties1": {
+                "module": "js/components/tools-properties/eyedropper-properties.reel",
+                "name": "EyedropperProperties",
+                "properties": {
+                    "element": {"#": "eyedropperProperties"}
+                }
+            },
+            "eraserProperties1": {
+                "module": "js/components/tools-properties/eraser-properties.reel",
+                "name": "EraserProperties",
+                "properties": {
+                    "element": {"#": "eraserProperties"}
+                }
+            },
+            "rotateStageProperties1": {
+                "module": "js/components/tools-properties/rotate-stage-properties.reel",
+                "name": "RotateStageProperties",
+                "properties": {
+                    "element": {"#": "rotateStageProperties"}
+                }
+            },
+            "panProperties1": {
+                "module": "js/components/tools-properties/pan-properties.reel",
+                "name": "PanProperties",
+                "properties": {
+                    "element": {"#": "panProperties"}
+                }
+            },
+            "zoomProperties1": {
+                "module": "js/components/tools-properties/zoom-properties.reel",
+                "name": "ZoomProperties",
+                "properties": {
+                    "element": {"#": "zoomProperties"}
+                }
+            },
+            
+            "owner": {
+                "module": "js/components/layout/tools-properties.reel",
+                "name": "ToolsProperties",
+                "properties": {
+                    "element": {"#": "toolsProperties"},
+                    "selectionProperties":          {"@": "selectionProperties1"},
+                    "subSelectionProperties":       {"@": "subSelectionProperties1"},
+                    "rotate3DProperties":           {"@": "object3DProperties1"},
+                    "translate3DProperties":        {"@": "object3DProperties1"},
+                    "tagProperties":                {"@": "tagProperties1"},
+                    "penProperties":                {"@": "penProperties1"},
+                    "textProperties":               {"@": "textProperties1"},
+                    "shapeProperties":              {"@": "shapeProperties1"},
+                    "pencilProperties":             {"@": "pencilProperties1"},
+                    "brushProperties":              {"@": "brushProperties1"},
+                    "fillProperties":               {"@": "fillProperties1"},
+                    "inkbottleProperties":          {"@": "inkbottleProperties1"},
+                    "eyedropperProperties":         {"@": "eyedropperProperties1"},
+                    "eraserProperties":             {"@": "eraserProperties1"},
+                    "rotateStageProperties":        {"@": "rotateStageProperties1"},
+                    "panProperties":                {"@": "panProperties1"},
+                    "zoomProperties":               {"@": "zoomProperties1"}
+                },
+                "bindings": {
+                    "currentSelectedTool": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "toolsData.selectedTool",
+                        "oneway": true
+                    }
+                }
+            }
+        }
+            </script>
+        
+    </head>
+    <body>
+        <div id="toolsProperties" class="panelBackground">
+            <div id="selectionProperties"></div>
+            <div id="subSelectionProperties"></div>
+            <div id="object3DProperties"></div>
+            <div id="tagProperties"></div>
+            <div id="penProperties"></div>
+            <div id="textProperties"></div>
+            <div id="shapeProperties"></div>
+            <div id="pencilProperties"></div>
+            <div id="brushProperties"></div>
+            <div id="fillProperties"></div>
+            <div id="inkbottleProperties"></div>
+            <div id="eyedropperProperties"></div>
+            <div id="eraserProperties"></div>
+            <div id="rotateStageProperties"></div>
+            <div id="panProperties"></div>
+            <div id="zoomProperties"></div>
+        </div>
+    </body>
+</html>

diff --git a/js/components/layout/tools-properties.reel/tools-properties.html b/js/components/layout/tools-properties.reel/tools-properties.html new file mode 100644 index 00000000..49f2d776 --- /dev/null +++ b/js/components/layout/tools-properties.reel/tools-properties.html
@@ -0,0 +1,196 @@
	1	<!DOCTYPE HTML>
	2	<!-- <copyright>
	3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	4	No 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>
	8	<head>
	9	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	10	<link rel="stylesheet" type="text/css" href="tools-properties.css">
	11
	12	<script type="text/montage-serialization">
	13	{
	14
	15	"selectionProperties1": {
	16	"module": "js/components/tools-properties/selection-properties.reel",
	17	"name": "SelectionProperties",
	18	"properties": {
	19	"element": {"#": "selectionProperties"}
	20	}
	21	},
	22	"subSelectionProperties1": {
	23	"module": "js/components/tools-properties/subselection-properties.reel",
	24	"name": "SubSelectionProperties",
	25	"properties": {
	26	"element": {"#": "subSelectionProperties"}
	27	}
	28	},
	29	"object3DProperties1": {
	30	"module": "js/components/tools-properties/object3d-properties.reel",
	31	"name": "Object3DProperties",
	32	"properties": {
	33	"element": {"#": "object3DProperties"}
	34	}
	35	},
	36	"tagProperties1": {
	37	"module": "js/components/tools-properties/tag-properties.reel",
	38	"name": "TagProperties",
	39	"properties": {
	40	"element": {"#": "tagProperties"}
	41	}
	42	},
	43	"penProperties1": {
	44	"module": "js/components/tools-properties/pen-properties.reel",
	45	"name": "PenProperties",
	46	"properties": {
	47	"element": {"#": "penProperties"}
	48	}
	49	},
	50	"textProperties1": {
	51	"module": "js/components/tools-properties/text-properties.reel",
	52	"name": "TextProperties",
	53	"properties": {
	54	"element": {"#": "textProperties"}
	55	}
	56	},
	57	"shapeProperties1": {
	58	"module": "js/components/tools-properties/shape-properties.reel",
	59	"name": "ShapeProperties",
	60	"properties": {
	61	"element": {"#": "shapeProperties"}
	62	},
	63	"bindings": {
	64	"selectedSubTool": {
	65	"boundObject": {"@": "owner"},
	66	"boundObjectPropertyPath": "toolsData.selectedSubTool",
	67	"oneway": true
	68	},
	69	"toolsData": {
	70	"boundObject": {"@": "owner"},
	71	"boundObjectPropertyPath": "toolsData",
	72	"oneway": true
	73	}
	74	}
	75	},
	76	"pencilProperties1": {
	77	"module": "js/components/tools-properties/pencil-properties.reel",
	78	"name": "PencilProperties",
	79	"properties": {
	80	"element": {"#": "pencilProperties"}
	81	}
	82	},
	83	"brushProperties1": {
	84	"module": "js/components/tools-properties/brush-properties.reel",
	85	"name": "BrushProperties",
	86	"properties": {
	87	"element": {"#": "brushProperties"}
	88	}
	89	},
	90	"fillProperties1": {
	91	"module": "js/components/tools-properties/fill-properties.reel",
	92	"name": "FillProperties",
	93	"properties": {
	94	"element": {"#": "fillProperties"}
	95	}
	96	},
	97	"inkbottleProperties1": {
	98	"module": "js/components/tools-properties/ink-bottle-properties.reel",
	99	"name": "InkBottleProperties",
	100	"properties": {
	101	"element": {"#": "inkbottleProperties"}
	102	}
	103	},
	104	"eyedropperProperties1": {
	105	"module": "js/components/tools-properties/eyedropper-properties.reel",
	106	"name": "EyedropperProperties",
	107	"properties": {
	108	"element": {"#": "eyedropperProperties"}
	109	}
	110	},
	111	"eraserProperties1": {
	112	"module": "js/components/tools-properties/eraser-properties.reel",
	113	"name": "EraserProperties",
	114	"properties": {
	115	"element": {"#": "eraserProperties"}
	116	}
	117	},
	118	"rotateStageProperties1": {
	119	"module": "js/components/tools-properties/rotate-stage-properties.reel",
	120	"name": "RotateStageProperties",
	121	"properties": {
	122	"element": {"#": "rotateStageProperties"}
	123	}
	124	},
	125	"panProperties1": {
	126	"module": "js/components/tools-properties/pan-properties.reel",
	127	"name": "PanProperties",
	128	"properties": {
	129	"element": {"#": "panProperties"}
	130	}
	131	},
	132	"zoomProperties1": {
	133	"module": "js/components/tools-properties/zoom-properties.reel",
	134	"name": "ZoomProperties",
	135	"properties": {
	136	"element": {"#": "zoomProperties"}
	137	}
	138	},
	139
	140	"owner": {
	141	"module": "js/components/layout/tools-properties.reel",
	142	"name": "ToolsProperties",
	143	"properties": {
	144	"element": {"#": "toolsProperties"},
	145	"selectionProperties": {"@": "selectionProperties1"},
	146	"subSelectionProperties": {"@": "subSelectionProperties1"},
	147	"rotate3DProperties": {"@": "object3DProperties1"},
	148	"translate3DProperties": {"@": "object3DProperties1"},
	149	"tagProperties": {"@": "tagProperties1"},
	150	"penProperties": {"@": "penProperties1"},
	151	"textProperties": {"@": "textProperties1"},
	152	"shapeProperties": {"@": "shapeProperties1"},
	153	"pencilProperties": {"@": "pencilProperties1"},
	154	"brushProperties": {"@": "brushProperties1"},
	155	"fillProperties": {"@": "fillProperties1"},
	156	"inkbottleProperties": {"@": "inkbottleProperties1"},
	157	"eyedropperProperties": {"@": "eyedropperProperties1"},
	158	"eraserProperties": {"@": "eraserProperties1"},
	159	"rotateStageProperties": {"@": "rotateStageProperties1"},
	160	"panProperties": {"@": "panProperties1"},
	161	"zoomProperties": {"@": "zoomProperties1"}
	162	},
	163	"bindings": {
	164	"currentSelectedTool": {
	165	"boundObject": {"@": "owner"},
	166	"boundObjectPropertyPath": "toolsData.selectedTool",
	167	"oneway": true
	168	}
	169	}
	170	}
	171	}
	172	</script>
	173
	174	</head>
	175
	176	<body>
	177	<div id="toolsProperties" class="panelBackground">
	178	<div id="selectionProperties"></div>
	179	<div id="subSelectionProperties"></div>
	180	<div id="object3DProperties"></div>
	181	<div id="tagProperties"></div>
	182	<div id="penProperties"></div>
	183	<div id="textProperties"></div>
	184	<div id="shapeProperties"></div>
	185	<div id="pencilProperties"></div>
	186	<div id="brushProperties"></div>
	187	<div id="fillProperties"></div>
	188	<div id="inkbottleProperties"></div>
	189	<div id="eyedropperProperties"></div>
	190	<div id="eraserProperties"></div>
	191	<div id="rotateStageProperties"></div>
	192	<div id="panProperties"></div>
	193	<div id="zoomProperties"></div>
	194	</div>
	195	</body>
	196	</html>