aboutsummaryrefslogtreecommitdiff
path: root/js/components/tools-properties/ink-bottle-properties.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/tools-properties/ink-bottle-properties.reel')
-rw-r--r--js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css6
-rw-r--r--js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html97
-rw-r--r--js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js38
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 @@
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>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No 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
7var 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
11exports.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