1 files changed, 126 insertions, 25 deletions
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
index 1602e793..010e77b2 100755
--- 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
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML>
+<!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/>
@@ -11,9 +11,32 @@
        <script type="text/montage-serialization">
        {
+            "borderWidthCh": {
+                "prototype": "montage/ui/checkbox.reel",
+                "properties": {
+                    "element": {"#": "useBorderWidthCh"},
+                    "identifier": "useBorderWidth",
+                    "checked": true
+                },
+                "listeners": [
+                    {
+                        "type": "action",
+                        "listener": {"@": "owner"},
+                        "capture": false
+                    }
+                ]
+            },
+            "borderWidthLabel": {
+                "prototype": "montage/ui/dynamic-text.reel",
+                "properties": {
+                    "element": {"#": "borderWidthLabel"},
+                    "value": "Border:"
+                }
+            },
            "borderWidthHT": {
-                "module": "js/components/hottextunit.reel",
+                "prototype": "js/components/hottextunit.reel[HotTextUnit]",
-                "name": "HotTextUnit",
                "properties": {
                    "element": {"#": "borderWidth"},
                    "minValue": 1,
@@ -23,9 +46,56 @@
                }
            },
+            "borderStyleCh": {
+                "prototype": "montage/ui/checkbox.reel",
+                "properties": {
+                    "element": {"#": "useBorderStyleCh"},
+                    "identifier": "useBorderStyle",
+                    "checked": true
+                },
+                "listeners": [
+                    {
+                        "type": "action",
+                        "listener": {"@": "owner"},
+                        "capture": false
+                    }
+                ]
+            },
+            "borderStyleLabel": {
+                "prototype": "montage/ui/dynamic-text.reel",
+                "properties": {
+                    "element": {"#": "borderStyleLabel"},
+                    "value": "Style:"
+                }
+            },
+            "strokeSizeCh": {
+                "prototype": "montage/ui/checkbox.reel",
+                "properties": {
+                    "element": {"#": "useStrokeSizeCh"},
+                    "identifier": "useStrokeSize",
+                    "checked": true
+                },
+                "listeners": [
+                    {
+                        "type": "action",
+                        "listener": {"@": "owner"},
+                        "capture": false
+                    }
+                ]
+            },
+            "strokeSizeLabel": {
+                "prototype": "montage/ui/dynamic-text.reel",
+                "properties": {
+                    "element": {"#": "strokeSizeLabel"},
+                    "value": "Stroke:"
+                }
+            },
            "strokeSizeHT": {
-                "module": "js/components/hottextunit.reel",
+                "prototype": "js/components/hottextunit.reel[HotTextUnit]",
-                "name": "HotTextUnit",
                "properties": {
                    "element": {"#": "strokeSize"},
                    "minValue": 1,
@@ -36,9 +106,24 @@
                }
            },
+            "webGlCh": {
+                "prototype": "montage/ui/checkbox.reel",
+                "properties": {
+                    "element": {"#": "useWebGLCHIB"},
+                    "identifier": "useWebGl",
+                    "checked": true
+                },
+                "listeners": [
+                    {
+                        "type": "action",
+                        "listener": {"@": "owner"},
+                        "capture": false
+                    }
+                ]
+            },
            "_strokeMaterialCB": {
-                "module": "js/components/combobox.reel",
+                "prototype": "js/components/combobox.reel",
-                "name": "Combobox",
                "properties": {
                    "element": {"#": "strokeMaterialIBCB"},
                    "labelField": "_name",
@@ -47,17 +132,23 @@
            },
            "owner": {
-                "module": "js/components/tools-properties/ink-bottle-properties.reel",
+                "prototype": "js/components/tools-properties/ink-bottle-properties.reel",
-                "name": "InkBottleProperties",
                "properties": {
                    "element": {"#": "inkBottleProperties"},
+                    "useBorderWidth": {"@": "borderWidthCh"},
+                    "borderWidthLabel": {"@": "borderWidthLabel"},
                    "_borderWidth": {"@": "borderWidthHT"},
+                    "useBorderStyle": {"@": "borderStyleCh"},
+                    "borderStyleLabel": {"@": "borderStyleLabel"},
                    "_borderStyle": {"#": "borderStyleCB"},
+                    "useStrokeSize": {"@": "strokeSizeCh"},
+                    "strokeSizeLabel": {"@": "strokeSizeLabel"},
                    "_strokeSize": {"@": "strokeSizeHT"},
-                    "_useWebGL": {"#": "useWebGLCHIB"},
+                    "_useWebGL": {"@": "webGlCh"},
                    "_materialsContainer": {"#": "materialsContainerIB"},
                    "_strokeMaterial": {"@": "_strokeMaterialCB"}
                }
@@ -68,13 +159,15 @@
    </head>
    <body>
-        <div id="inkBottleProperties" class="subToolHolderPanel">
+        <div data-montage-id="inkBottleProperties" class="subToolHolderPanel inkBottleProperties">
-            <div id="bordersContainer" class="leftLabel" style="padding-top: 3px;">
+            <div data-montage-id="elementInkOptions" class="leftLabel" style="padding-top: 3px;">
-                <label class="label"> Border:</label>
+                <input data-montage-id="useBorderWidthCh" type="checkbox" name="useBorderWidthControl" class="nj-skinned" title="Apply border-width"/>
-                <div id="borderWidth" class="label"></div>
+                <label data-montage-id="borderWidthLabel" class="label"> Border:</label>
-                <label class="label"> Style:</label>
+                <div data-montage-id="borderWidth" class="label"></div>
-                <select id="borderStyleCB" class="nj-skinned">
+                <input data-montage-id="useBorderStyleCh" type="checkbox"

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 index 1602e793..010e77b2 100755 --- 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
@@ -1,4 +1,4 @@
1	<!DOCTYPE HTML>	1	<!DOCTYPE HTML>
2	<!-- <copyright>	2	<!-- <copyright>
3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>	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/>	4	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
@@ -11,9 +11,32 @@
11		11
12	<script type="text/montage-serialization">	12	<script type="text/montage-serialization">
13	{	13	{
		14	"borderWidthCh": {
		15	"prototype": "montage/ui/checkbox.reel",
		16	"properties": {
		17	"element": {"#": "useBorderWidthCh"},
		18	"identifier": "useBorderWidth",
		19	"checked": true
		20	},
		21	"listeners": [
		22	{
		23	"type": "action",
		24	"listener": {"@": "owner"},
		25	"capture": false
		26	}
		27	]
		28	},
		29
		30	"borderWidthLabel": {
		31	"prototype": "montage/ui/dynamic-text.reel",
		32	"properties": {
		33	"element": {"#": "borderWidthLabel"},
		34	"value": "Border:"
		35	}
		36	},
		37
14	"borderWidthHT": {	38	"borderWidthHT": {
15	"module": "js/components/hottextunit.reel",	39	"prototype": "js/components/hottextunit.reel[HotTextUnit]",
16	"name": "HotTextUnit",
17	"properties": {	40	"properties": {
18	"element": {"#": "borderWidth"},	41	"element": {"#": "borderWidth"},
19	"minValue": 1,	42	"minValue": 1,
@@ -23,9 +46,56 @@
23	}	46	}
24	},	47	},
25		48
		49	"borderStyleCh": {
		50	"prototype": "montage/ui/checkbox.reel",
		51	"properties": {
		52	"element": {"#": "useBorderStyleCh"},
		53	"identifier": "useBorderStyle",
		54	"checked": true
		55	},
		56	"listeners": [
		57	{
		58	"type": "action",
		59	"listener": {"@": "owner"},
		60	"capture": false
		61	}
		62	]
		63	},
		64
		65	"borderStyleLabel": {
		66	"prototype": "montage/ui/dynamic-text.reel",
		67	"properties": {
		68	"element": {"#": "borderStyleLabel"},
		69	"value": "Style:"
		70	}
		71	},
		72
		73	"strokeSizeCh": {
		74	"prototype": "montage/ui/checkbox.reel",
		75	"properties": {
		76	"element": {"#": "useStrokeSizeCh"},
		77	"identifier": "useStrokeSize",
		78	"checked": true
		79	},
		80	"listeners": [
		81	{
		82	"type": "action",
		83	"listener": {"@": "owner"},
		84	"capture": false
		85	}
		86	]
		87	},
		88
		89	"strokeSizeLabel": {
		90	"prototype": "montage/ui/dynamic-text.reel",
		91	"properties": {
		92	"element": {"#": "strokeSizeLabel"},
		93	"value": "Stroke:"
		94	}
		95	},
		96
26	"strokeSizeHT": {	97	"strokeSizeHT": {
27	"module": "js/components/hottextunit.reel",	98	"prototype": "js/components/hottextunit.reel[HotTextUnit]",
28	"name": "HotTextUnit",
29	"properties": {	99	"properties": {
30	"element": {"#": "strokeSize"},	100	"element": {"#": "strokeSize"},
31	"minValue": 1,	101	"minValue": 1,
@@ -36,9 +106,24 @@
36	}	106	}
37	},	107	},
38		108
		109	"webGlCh": {
		110	"prototype": "montage/ui/checkbox.reel",
		111	"properties": {
		112	"element": {"#": "useWebGLCHIB"},
		113	"identifier": "useWebGl",
		114	"checked": true
		115	},
		116	"listeners": [
		117	{
		118	"type": "action",
		119	"listener": {"@": "owner"},
		120	"capture": false
		121	}
		122	]
		123	},
		124
39	"_strokeMaterialCB": {	125	"_strokeMaterialCB": {
40	"module": "js/components/combobox.reel",	126	"prototype": "js/components/combobox.reel",
41	"name": "Combobox",
42	"properties": {	127	"properties": {
43	"element": {"#": "strokeMaterialIBCB"},	128	"element": {"#": "strokeMaterialIBCB"},
44	"labelField": "_name",	129	"labelField": "_name",
@@ -47,17 +132,23 @@
47	},	132	},
48		133
49	"owner": {	134	"owner": {
50	"module": "js/components/tools-properties/ink-bottle-properties.reel",	135	"prototype": "js/components/tools-properties/ink-bottle-properties.reel",
51	"name": "InkBottleProperties",
52	"properties": {	136	"properties": {
53	"element": {"#": "inkBottleProperties"},	137	"element": {"#": "inkBottleProperties"},
54		138
		139	"useBorderWidth": {"@": "borderWidthCh"},
		140	"borderWidthLabel": {"@": "borderWidthLabel"},
55	"_borderWidth": {"@": "borderWidthHT"},	141	"_borderWidth": {"@": "borderWidthHT"},
		142
		143	"useBorderStyle": {"@": "borderStyleCh"},
		144	"borderStyleLabel": {"@": "borderStyleLabel"},
56	"_borderStyle": {"#": "borderStyleCB"},	145	"_borderStyle": {"#": "borderStyleCB"},
57		146
		147	"useStrokeSize": {"@": "strokeSizeCh"},
		148	"strokeSizeLabel": {"@": "strokeSizeLabel"},
58	"_strokeSize": {"@": "strokeSizeHT"},	149	"_strokeSize": {"@": "strokeSizeHT"},
59		150
60	"_useWebGL": {"#": "useWebGLCHIB"},	151	"_useWebGL": {"@": "webGlCh"},
61	"_materialsContainer": {"#": "materialsContainerIB"},	152	"_materialsContainer": {"#": "materialsContainerIB"},
62	"_strokeMaterial": {"@": "_strokeMaterialCB"}	153	"_strokeMaterial": {"@": "_strokeMaterialCB"}
63	}	154	}
@@ -68,13 +159,15 @@
68	</head>	159	</head>
69		160
70	<body>	161	<body>
71	<div id="inkBottleProperties" class="subToolHolderPanel">	162	<div data-montage-id="inkBottleProperties" class="subToolHolderPanel inkBottleProperties">
72		163
73	<div id="bordersContainer" class="leftLabel" style="padding-top: 3px;">	164	<div data-montage-id="elementInkOptions" class="leftLabel" style="padding-top: 3px;">
74	<label class="label"> Border:</label>	165	<input data-montage-id="useBorderWidthCh" type="checkbox" name="useBorderWidthControl" class="nj-skinned" title="Apply border-width"/>
75	<div id="borderWidth" class="label"></div>	166	<label data-montage-id="borderWidthLabel" class="label"> Border:</label>
76	<label class="label"> Style:</label>	167	<div data-montage-id="borderWidth" class="label"></div>
77	<select id="borderStyleCB" class="nj-skinned">	168	<input data-montage-id="useBorderStyleCh" type="checkbox"