3 files changed, 89 insertions, 0 deletions
diff --git a/js/components/tools-properties/zoom-properties.reel/zoom-properties.css b/js/components/tools-properties/zoom-properties.reel/zoom-properties.css
new file mode 100644
index 00000000..7f1b0f7f
--- /dev/null
+++ b/js/components/tools-properties/zoom-properties.reel/zoom-properties.css
@@ -0,0 +1,6 @@
+/* <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> */
diff --git a/js/components/tools-properties/zoom-properties.reel/zoom-properties.html b/js/components/tools-properties/zoom-properties.reel/zoom-properties.html
new file mode 100644
index 00000000..a154bac1
--- /dev/null
+++ b/js/components/tools-properties/zoom-properties.reel/zoom-properties.html
@@ -0,0 +1,40 @@
+<!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="zoom-properties.css">
+        <script type="text/montage-serialization">
+        {
+            "owner": {
+                "module": "js/components/tools-properties/zoom-properties.reel",
+                "name": "ZoomProperties",
+                "properties": {
+                    "element": {"#": "zoomProperties"},
+                    "zoomIn": {"#": "zoomInTool"},
+                    "zoomOut": {"#": "zoomOutTool"}
+                }
+            }
+        }
+            </script>
+      
+    </head>
+    <body>
+        <div id="zoomProperties" class="subToolHolderPanel">
+            <div id="zoomToolOptionHolder" class="subToolButton">
+                    <input id="zoomInTool" type="radio" name="zoomRadio" class="zoom-option" title="Zoom In"checked/>
+                    <input id="zoomOutTool" type="radio" name="zoomRadio" title="Zoom Out" class="zoom-option"/>
+            </div>
+        </div>
+    </body>
+</html>
+        
+\ No newline at end of file
diff --git a/js/components/tools-properties/zoom-properties.reel/zoom-properties.js b/js/components/tools-properties/zoom-properties.reel/zoom-properties.js
new file mode 100644
index 00000000..b8d6eb6b
--- /dev/null
+++ b/js/components/tools-properties/zoom-properties.reel/zoom-properties.js
@@ -0,0 +1,43 @@
+/* <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> */
+var Montage = require("montage/core/core").Montage;
+var Component = require("montage/ui/component").Component;
+var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties;
+exports.ZoomProperties = Montage.create(ToolProperties, {
+    zoomIn:     { value: null },
+    zoomOut:    { value: null },
+    zoomInCursor:{value:"url('images/cursors/zoom.png'), default"},
+    zoomOutCursor:{value:"url('images/cursors/zoom_minus.png'), default"},
+    _subPrepare: {
+        value: function() {
+            this.zoomIn.addEventListener("click", this, false);
+            this.zoomOut.addEventListener("click", this, false);
+        }
+    },
+    handleClick: {
+        value: function(event) {
+            this.selectedElement = event._event.target.id;
+            if(this.selectedElement==="zoomInTool"){
+                this.application.ninja.stage.drawingCanvas.style.cursor = this.zoomInCursor;
+            }else{
+                this.application.ninja.stage.drawingCanvas.style.cursor = this.zoomOutCursor;
+            }
+        }
+    },
+    _selectedElement: {
+        value: "zoomInTool", enumerable: false
+    },
+    selectedElement: {
+        get: function() { return this._selectedElement;},
+        set: function(value) { this._selectedElement = value; }
+    }
+});
+\ No newline at end of file

diff --git a/js/components/tools-properties/zoom-properties.reel/zoom-properties.css b/js/components/tools-properties/zoom-properties.reel/zoom-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/zoom-properties.reel/zoom-properties.css
@@ -0,0 +1,6 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6


diff --git a/js/components/tools-properties/zoom-properties.reel/zoom-properties.html b/js/components/tools-properties/zoom-properties.reel/zoom-properties.html new file mode 100644 index 00000000..a154bac1 --- /dev/null +++ b/js/components/tools-properties/zoom-properties.reel/zoom-properties.html
@@ -0,0 +1,40 @@
	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="zoom-properties.css">
	11
	12	<script type="text/montage-serialization">
	13	{
	14
	15	"owner": {
	16	"module": "js/components/tools-properties/zoom-properties.reel",
	17	"name": "ZoomProperties",
	18	"properties": {
	19	"element": {"#": "zoomProperties"},
	20	"zoomIn": {"#": "zoomInTool"},
	21	"zoomOut": {"#": "zoomOutTool"}
	22	}
	23	}
	24	}
	25	</script>
	26
	27	</head>
	28
	29	<body>
	30	<div id="zoomProperties" class="subToolHolderPanel">
	31	<div id="zoomToolOptionHolder" class="subToolButton">
	32	<input id="zoomInTool" type="radio" name="zoomRadio" class="zoom-option" title="Zoom In"checked/>
	33	<input id="zoomOutTool" type="radio" name="zoomRadio" title="Zoom Out" class="zoom-option"/>
	34	</div>
	35	</div>
	36	</body>
	37
	38	</html>
	39
	40	\ No newline at end of file


diff --git a/js/components/tools-properties/zoom-properties.reel/zoom-properties.js b/js/components/tools-properties/zoom-properties.reel/zoom-properties.js new file mode 100644 index 00000000..b8d6eb6b --- /dev/null +++ b/js/components/tools-properties/zoom-properties.reel/zoom-properties.js
@@ -0,0 +1,43 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	var Montage = require("montage/core/core").Montage;
	8	var Component = require("montage/ui/component").Component;
	9	var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties;
	10
	11	exports.ZoomProperties = Montage.create(ToolProperties, {
	12
	13	zoomIn: { value: null },
	14	zoomOut: { value: null },
	15	zoomInCursor:{value:"url('images/cursors/zoom.png'), default"},
	16	zoomOutCursor:{value:"url('images/cursors/zoom_minus.png'), default"},
	17	_subPrepare: {
	18	value: function() {
	19	this.zoomIn.addEventListener("click", this, false);
	20	this.zoomOut.addEventListener("click", this, false);
	21	}
	22	},
	23
	24	handleClick: {
	25	value: function(event) {
	26	this.selectedElement = event._event.target.id;
	27	if(this.selectedElement==="zoomInTool"){
	28	this.application.ninja.stage.drawingCanvas.style.cursor = this.zoomInCursor;
	29	}else{
	30	this.application.ninja.stage.drawingCanvas.style.cursor = this.zoomOutCursor;
	31	}
	32	}
	33	},
	34
	35	_selectedElement: {
	36	value: "zoomInTool", enumerable: false
	37	},
	38
	39	selectedElement: {
	40	get: function() { return this._selectedElement;},
	41	set: function(value) { this._selectedElement = value; }
	42	}
	43	}); \ No newline at end of file