3 files changed, 141 insertions, 0 deletions
diff --git a/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css
new file mode 100644
index 00000000..7f1b0f7f
--- /dev/null
+++ b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-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/ink-bottle-properties.reel/ink-bottle-properties.html b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html
new file mode 100644
index 00000000..b98a7b4c
--- /dev/null
+++ b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html
@@ -0,0 +1,97 @@
+<!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="ink-bottle-properties.css">
+        <script type="text/montage-serialization">
+        {
+            "borderWidthHT": {
+                "module": "js/components/hottextunit.reel",
+                "name": "HotTextUnit",
+                "properties": {
+                    "element": {"#": "borderWidth"},
+                    "minValue": 1,
+                    "maxValue": 100,
+                    "value": 1,
+                    "acceptableUnits" : ["px", "pt"]
+                }
+            },
+            "strokeSizeHT": {
+                "module": "js/components/hottextunit.reel",
+                "name": "HotTextUnit",
+                "properties": {
+                    "element": {"#": "strokeSize"},
+                    "minValue": 1,
+                    "maxValue": 100,
+                    "value": 1,
+                    "decimalPlace": 10,
+                    "acceptableUnits" : ["px", "pt"]
+                }
+            },
+            "owner": {
+                "module": "js/components/tools-properties/ink-bottle-properties.reel",
+                "name": "InkBottleProperties",
+                "properties": {
+                    "element": {"#": "inkBottleProperties"},
+                    "_borderWidth": {"@": "borderWidthHT"},
+                    "_borderStyle": {"#": "borderStyleCB"},
+                    "_strokeSize": {"@": "strokeSizeHT"},
+                    "_useWebGL": {"#": "useWebGLCHIB"},
+                    "_materialsContainer": {"#": "materialsContainerIB"},
+                    "_strokeMaterial": {"#": "strokeMaterialIBCB"}
+                }
+            }
+        }
+            </script>
+        
+    </head>
+    <body>
+        <div id="inkBottleProperties" class="subToolHolderPanel">
+            <div id="bordersContainer" class="leftLabel" style="padding-top: 3px;">
+                <label class="label"> Border:</label>
+                <div id="borderWidth" class="label"></div>
+                <label class="label"> Style:</label>
+                <select id="borderStyleCB" class="nj-skinned">
+                    <option value="none">none</option>
+                    <option value="solid" selected>solid</option>
+                    <option value="hidden">hidden</option>
+                    <option value="dotted">dotted</option>
+                    <option value="dashed">dashed</option>
+                    <option value="double">double</option>
+                    <option value="groove">groove</option>
+                    <option value="ridge">ridge</option>
+                    <option value="inset">inset</option>
+                    <option value="outset">outset</option>
+                </select>
+            </div>
+            <div id="strokesContainer" class="leftLabel" style="margin-left:25px; padding-top: 3px;">
+                <label class="label"> Stroke:</label>
+                <div id="strokeSize" class="label"></div>
+            </div>
+            <label class="label subOption"><input id="useWebGLCHIB" type="checkbox" name="useWebGLControl" class="checkBoxAlign"/> Use WebGL</label>
+            <div id="materialsContainerIB" class="leftLabel" style="padding-top: 3px;">
+                <label class="label"> Materials:</label>
+                <div id="strokeIconIB" class="pencilToolUp" style="float: left;"></div>
+                <select id="strokeMaterialIBCB" class="nj-skinned">
+                </select>
+            </div>
+        </div>
+    </body>
+</html>
+\ No newline at end of file
diff --git a/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js
new file mode 100644
index 00000000..61ea808a
--- /dev/null
+++ b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js
@@ -0,0 +1,38 @@
+/* <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,
+    ShapesController = require("js/controllers/elements/shapes-controller").ShapesController,
+    ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties;
+exports.InkBottleProperties = Montage.create(ToolProperties, {
+    _use3D:    { value: false },
+    _subPrepare: {
+        value: function() {
+            ShapesController.DisplayMaterials(this._strokeMaterial);
+            this.handleChange(null);
+            this._useWebGL.addEventListener("change", this, false);
+        }
+    },
+    handleChange: {
+        value: function(event) {
+            if(this._useWebGL.checked)
+            {
+                this._use3D = true;
+                this._materialsContainer.style["display"] = "";
+            }
+            else
+            {
+                this._use3D = false;
+                this._materialsContainer.style["display"] = "none";
+            }
+        }
+    }
+});
+\ No newline at end of file

diff --git a/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-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/ink-bottle-properties.reel/ink-bottle-properties.html b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html new file mode 100644 index 00000000..b98a7b4c --- /dev/null +++ b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html
@@ -0,0 +1,97 @@
	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="ink-bottle-properties.css">
	11
	12	<script type="text/montage-serialization">
	13	{
	14	"borderWidthHT": {
	15	"module": "js/components/hottextunit.reel",
	16	"name": "HotTextUnit",
	17	"properties": {
	18	"element": {"#": "borderWidth"},
	19	"minValue": 1,
	20	"maxValue": 100,
	21	"value": 1,
	22	"acceptableUnits" : ["px", "pt"]
	23	}
	24	},
	25
	26	"strokeSizeHT": {
	27	"module": "js/components/hottextunit.reel",
	28	"name": "HotTextUnit",
	29	"properties": {
	30	"element": {"#": "strokeSize"},
	31	"minValue": 1,
	32	"maxValue": 100,
	33	"value": 1,
	34	"decimalPlace": 10,
	35	"acceptableUnits" : ["px", "pt"]
	36	}
	37	},
	38
	39	"owner": {
	40	"module": "js/components/tools-properties/ink-bottle-properties.reel",
	41	"name": "InkBottleProperties",
	42	"properties": {
	43	"element": {"#": "inkBottleProperties"},
	44
	45	"_borderWidth": {"@": "borderWidthHT"},
	46	"_borderStyle": {"#": "borderStyleCB"},
	47
	48	"_strokeSize": {"@": "strokeSizeHT"},
	49
	50	"_useWebGL": {"#": "useWebGLCHIB"},
	51	"_materialsContainer": {"#": "materialsContainerIB"},
	52	"_strokeMaterial": {"#": "strokeMaterialIBCB"}
	53	}
	54	}
	55	}
	56	</script>
	57
	58	</head>
	59
	60	<body>
	61	<div id="inkBottleProperties" class="subToolHolderPanel">
	62
	63	<div id="bordersContainer" class="leftLabel" style="padding-top: 3px;">
	64	<label class="label"> Border:</label>
	65	<div id="borderWidth" class="label"></div>
	66	<label class="label"> Style:</label>
	67	<select id="borderStyleCB" class="nj-skinned">
	68	<option value="none">none</option>
	69	<option value="solid" selected>solid</option>
	70	<option value="hidden">hidden</option>
	71	<option value="dotted">dotted</option>
	72	<option value="dashed">dashed</option>
	73	<option value="double">double</option>
	74	<option value="groove">groove</option>
	75	<option value="ridge">ridge</option>
	76	<option value="inset">inset</option>
	77	<option value="outset">outset</option>
	78	</select>
	79	</div>
	80
	81	<div id="strokesContainer" class="leftLabel" style="margin-left:25px; padding-top: 3px;">
	82	<label class="label"> Stroke:</label>
	83	<div id="strokeSize" class="label"></div>
	84	</div>
	85
	86	<label class="label subOption"><input id="useWebGLCHIB" type="checkbox" name="useWebGLControl" class="checkBoxAlign"/> Use WebGL</label>
	87
	88	<div id="materialsContainerIB" class="leftLabel" style="padding-top: 3px;">
	89	<label class="label"> Materials:</label>
	90	<div id="strokeIconIB" class="pencilToolUp" style="float: left;"></div>
	91	<select id="strokeMaterialIBCB" class="nj-skinned">
	92	</select>
	93	</div>
	94	</div>
	95	</body>
	96
	97	</html> \ No newline at end of file


diff --git a/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js new file mode 100644 index 00000000..61ea808a --- /dev/null +++ b/js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js
@@ -0,0 +1,38 @@
	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	ShapesController = require("js/controllers/elements/shapes-controller").ShapesController,
	9	ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties;
	10
	11	exports.InkBottleProperties = Montage.create(ToolProperties, {
	12
	13	_use3D: { value: false },
	14
	15	_subPrepare: {
	16	value: function() {
	17	ShapesController.DisplayMaterials(this._strokeMaterial);
	18
	19	this.handleChange(null);
	20	this._useWebGL.addEventListener("change", this, false);
	21	}
	22	},
	23
	24	handleChange: {
	25	value: function(event) {
	26	if(this._useWebGL.checked)
	27	{
	28	this._use3D = true;
	29	this._materialsContainer.style["display"] = "";
	30	}
	31	else
	32	{
	33	this._use3D = false;
	34	this._materialsContainer.style["display"] = "none";
	35	}
	36	}
	37	}
	38	}); \ No newline at end of file