1 files changed, 174 insertions, 0 deletions
diff --git a/js/components/layout/tools-list.reel/tools-list.html b/js/components/layout/tools-list.reel/tools-list.html
new file mode 100644
index 00000000..e12fd59b
--- /dev/null
+++ b/js/components/layout/tools-list.reel/tools-list.html
@@ -0,0 +1,174 @@
+<!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-list.css">
+        <script type="text/montage-serialization">
+        {
+            "toolbutton1": {
+                "module": "js/components/layout/tool-button.reel",
+                "name": "ToolButton",
+                "properties": {
+                    "element": {"#": "toolbutton"}
+                },
+                "bindings": {
+                    "data": {
+                        "boundObject": {"@": "repetition1"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration",
+                        "oneway": true
+                    }
+                }
+            },
+            "repetition1": {
+                "module": "montage/ui/repetition.reel",
+                "name": "Repetition",
+                "properties": {
+                    "element": {"#": "toolscontainer"}
+                },
+                "bindings": {
+                    "objects": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "toolsData.defaultToolsData",
+                        "oneway": true
+                    }
+                }
+            },
+            "SelectionTool1": {
+                "module": "js/tools/SelectionTool",
+                "name": "SelectionTool"
+            },
+            "SubselectionTool1": {
+                "module": "js/tools/SubSelectTool",
+                "name": "SubSelectTool"
+            },
+            "Rotate3DTool1": {
+                "module": "js/tools/RotateObject3DTool",
+                "name": "RotateObject3DTool"
+            },
+            "Translate3DTool1": {
+                "module": "js/tools/TranslateObject3DTool",
+                "name": "TranslateObject3DTool"
+            },
+            "TagTool1": {
+                "module": "js/tools/TagTool",
+                "name": "TagTool"
+            },
+            "PenTool1": {
+                "module": "js/tools/PenTool",
+                "name": "PenTool"
+            },
+            "TextTool1": {
+                "module": "js/tools/TextTool",
+                "name": "TextTool"
+            },
+            "ShapeTool1": {
+                "module": "js/tools/ShapeTool",
+                "name": "ShapeTool"
+            },
+            "OvalTool1": {
+                "module": "js/tools/OvalTool",
+                "name": "OvalTool"
+            },
+            "RectTool1": {
+                "module": "js/tools/RectTool",
+                "name": "RectTool"
+            },
+            "LineTool1": {
+                "module": "js/tools/LineTool",
+                "name": "LineTool"
+            },
+            "PencilTool1": {
+                "module": "js/tools/PencilTool",
+                "name": "PencilTool"
+            },
+            "BrushTool1": {
+                "module": "js/tools/BrushTool",
+                "name": "BrushTool"
+            },
+            "FillTool1": {
+                "module": "js/tools/FillTool",
+                "name": "FillTool"
+            },
+            "InkBottleTool1": {
+                "module": "js/tools/InkBottleTool",
+                "name": "InkBottleTool"
+            },
+            "EyedropperTool1": {
+                "module": "js/tools/EyedropperTool",
+                "name": "EyedropperTool"
+            },
+            "EraserTool1": {
+                "module": "js/tools/EraserTool",
+                "name": "EraserTool"
+            },
+            "RotateStageTool3D1": {
+                "module": "js/tools/RotateStage3DTool",
+                "name": "RotateStage3DTool"
+            },
+            "PanTool1": {
+                "module": "js/tools/PanTool",
+                "name": "PanTool"
+            },
+            "ZoomTool1": {
+                "module": "js/tools/ZoomTool",
+                "name": "ZoomTool"
+            },
+            "owner": {
+                "module": "js/components/layout/tools-list.reel",
+                "name": "ToolsList",
+                "properties": {
+                    "element": {"#": "toolsList"},
+                    "SelectionTool":          {"@": "SelectionTool1"},
+                    "SubselectionTool":       {"@": "SubselectionTool1"},
+                    "Rotate3DTool":           {"@": "Rotate3DTool1"},
+                    "Translate3DTool":        {"@": "Translate3DTool1"},
+                    "TagTool":                {"@": "TagTool1"},
+                    "PenTool":                {"@": "PenTool1"},
+                    "TextTool":               {"@": "TextTool1"},
+                    "ShapeTool":              {"@": "ShapeTool1"},
+                    "OvalTool":               {"@": "OvalTool1"},
+                    "RectTool":               {"@": "RectTool1"},
+                    "LineTool":               {"@": "LineTool1"},
+                    "PencilTool":             {"@": "PencilTool1"},
+                    "BrushTool":              {"@": "BrushTool1"},
+                    "FillTool":               {"@": "FillTool1"},
+                    "InkBottleTool":          {"@": "InkBottleTool1"},
+                    "EyedropperTool":         {"@": "EyedropperTool1"},
+                    "EraserTool":             {"@": "EraserTool1"},
+                    "RotateStageTool3D":      {"@": "RotateStageTool3D1"},
+                    "PanTool":                {"@": "PanTool1"},
+                    "ZoomTool":               {"@": "ZoomTool1"},
+                    "components": [
+                        {"@": "repetition1"}
+                    ]
+                }
+            }
+        }
+            </script>
+    </head>
+    <body>
+        <div id="toolsList" class="toolsList">
+            <div id="toolscontainer" class="toolscontainer">
+                <div id="toolbutton" class="toolbutton"></div>
+            </div>
+            <!-- TODO: Remove and add as a component -->
+            <hr class="toolbar_hr" />
+            <div id="colortoolbar"></div>
+        </div>
+    </body>
+</html>

diff --git a/js/components/layout/tools-list.reel/tools-list.html b/js/components/layout/tools-list.reel/tools-list.html new file mode 100644 index 00000000..e12fd59b --- /dev/null +++ b/js/components/layout/tools-list.reel/tools-list.html
@@ -0,0 +1,174 @@
	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-list.css">
	11	<script type="text/montage-serialization">
	12	{
	13	"toolbutton1": {
	14	"module": "js/components/layout/tool-button.reel",
	15	"name": "ToolButton",
	16	"properties": {
	17	"element": {"#": "toolbutton"}
	18	},
	19	"bindings": {
	20	"data": {
	21	"boundObject": {"@": "repetition1"},
	22	"boundObjectPropertyPath": "objectAtCurrentIteration",
	23	"oneway": true
	24	}
	25	}
	26	},
	27
	28	"repetition1": {
	29	"module": "montage/ui/repetition.reel",
	30	"name": "Repetition",
	31	"properties": {
	32	"element": {"#": "toolscontainer"}
	33	},
	34	"bindings": {
	35	"objects": {
	36	"boundObject": {"@": "owner"},
	37	"boundObjectPropertyPath": "toolsData.defaultToolsData",
	38	"oneway": true
	39	}
	40	}
	41	},
	42
	43	"SelectionTool1": {
	44	"module": "js/tools/SelectionTool",
	45	"name": "SelectionTool"
	46	},
	47	"SubselectionTool1": {
	48	"module": "js/tools/SubSelectTool",
	49	"name": "SubSelectTool"
	50	},
	51	"Rotate3DTool1": {
	52	"module": "js/tools/RotateObject3DTool",
	53	"name": "RotateObject3DTool"
	54	},
	55	"Translate3DTool1": {
	56	"module": "js/tools/TranslateObject3DTool",
	57	"name": "TranslateObject3DTool"
	58	},
	59	"TagTool1": {
	60	"module": "js/tools/TagTool",
	61	"name": "TagTool"
	62	},
	63	"PenTool1": {
	64	"module": "js/tools/PenTool",
	65	"name": "PenTool"
	66	},
	67	"TextTool1": {
	68	"module": "js/tools/TextTool",
	69	"name": "TextTool"
	70	},
	71	"ShapeTool1": {
	72	"module": "js/tools/ShapeTool",
	73	"name": "ShapeTool"
	74	},
	75	"OvalTool1": {
	76	"module": "js/tools/OvalTool",
	77	"name": "OvalTool"
	78	},
	79	"RectTool1": {
	80	"module": "js/tools/RectTool",
	81	"name": "RectTool"
	82	},
	83	"LineTool1": {
	84	"module": "js/tools/LineTool",
	85	"name": "LineTool"
	86	},
	87	"PencilTool1": {
	88	"module": "js/tools/PencilTool",
	89	"name": "PencilTool"
	90	},
	91	"BrushTool1": {
	92	"module": "js/tools/BrushTool",
	93	"name": "BrushTool"
	94	},
	95	"FillTool1": {
	96	"module": "js/tools/FillTool",
	97	"name": "FillTool"
	98	},
	99	"InkBottleTool1": {
	100	"module": "js/tools/InkBottleTool",
	101	"name": "InkBottleTool"
	102	},
	103	"EyedropperTool1": {
	104	"module": "js/tools/EyedropperTool",
	105	"name": "EyedropperTool"
	106	},
	107	"EraserTool1": {
	108	"module": "js/tools/EraserTool",
	109	"name": "EraserTool"
	110	},
	111	"RotateStageTool3D1": {
	112	"module": "js/tools/RotateStage3DTool",
	113	"name": "RotateStage3DTool"
	114	},
	115	"PanTool1": {
	116	"module": "js/tools/PanTool",
	117	"name": "PanTool"
	118	},
	119	"ZoomTool1": {
	120	"module": "js/tools/ZoomTool",
	121	"name": "ZoomTool"
	122	},
	123
	124	"owner": {
	125	"module": "js/components/layout/tools-list.reel",
	126	"name": "ToolsList",
	127	"properties": {
	128	"element": {"#": "toolsList"},
	129	"SelectionTool": {"@": "SelectionTool1"},
	130	"SubselectionTool": {"@": "SubselectionTool1"},
	131	"Rotate3DTool": {"@": "Rotate3DTool1"},
	132	"Translate3DTool": {"@": "Translate3DTool1"},
	133	"TagTool": {"@": "TagTool1"},
	134	"PenTool": {"@": "PenTool1"},
	135	"TextTool": {"@": "TextTool1"},
	136	"ShapeTool": {"@": "ShapeTool1"},
	137	"OvalTool": {"@": "OvalTool1"},
	138	"RectTool": {"@": "RectTool1"},
	139	"LineTool": {"@": "LineTool1"},
	140	"PencilTool": {"@": "PencilTool1"},
	141	"BrushTool": {"@": "BrushTool1"},
	142	"FillTool": {"@": "FillTool1"},
	143	"InkBottleTool": {"@": "InkBottleTool1"},
	144	"EyedropperTool": {"@": "EyedropperTool1"},
	145	"EraserTool": {"@": "EraserTool1"},
	146	"RotateStageTool3D": {"@": "RotateStageTool3D1"},
	147	"PanTool": {"@": "PanTool1"},
	148	"ZoomTool": {"@": "ZoomTool1"},
	149	"components": [
	150	{"@": "repetition1"}
	151	]
	152	}
	153	}
	154
	155
	156
	157	}
	158	</script>
	159
	160	</head>
	161
	162	<body>
	163	<div id="toolsList" class="toolsList">
	164	<div id="toolscontainer" class="toolscontainer">
	165	<div id="toolbutton" class="toolbutton"></div>
	166	</div>
	167	<!-- TODO: Remove and add as a component -->
	168	<hr class="toolbar_hr" />
	169	<div id="colortoolbar"></div>
	170	</div>
	171
	172	</body>
	173
	174	</html>