aboutsummaryrefslogtreecommitdiff
path: root/js/components
diff options
context:
space:
mode:
authorAnanya Sen2012-06-07 11:59:32 -0700
committerAnanya Sen2012-06-07 11:59:32 -0700
commit7378b6846f140106490f10c02cd7cec6a19023aa (patch)
tree90b60c007696b4a73c29abbae82562f69f15c11a /js/components
parentaea0e6879abfef02a827ed239ef091c3b96d6eb2 (diff)
parentb75fe9369f7caec0351d298f7106c8d59572b440 (diff)
downloadninja-7378b6846f140106490f10c02cd7cec6a19023aa.tar.gz
Merge branch 'refs/heads/ninja-internal-master' into cut-copy-paste
Diffstat (limited to 'js/components')
-rw-r--r--js/components/converter/string-units-converter.js2
-rw-r--r--js/components/converter/string-value-converter.js2
-rwxr-xr-xjs/components/tools-properties/fill-properties.reel/fill-properties.html41
-rwxr-xr-xjs/components/tools-properties/fill-properties.reel/fill-properties.js19
-rwxr-xr-xjs/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css15
-rwxr-xr-xjs/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html116
-rwxr-xr-xjs/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js28
-rwxr-xr-xjs/components/tools-properties/pen-properties.reel/pen-properties.js27
8 files changed, 123 insertions, 127 deletions
diff --git a/js/components/converter/string-units-converter.js b/js/components/converter/string-units-converter.js
index 6b97d5c5..9f6e4112 100644
--- a/js/components/converter/string-units-converter.js
+++ b/js/components/converter/string-units-converter.js
@@ -9,7 +9,6 @@ var Montage = require("montage").Montage,
9 9
10exports.StringUnitsConverter = Montage.create(Converter, { 10exports.StringUnitsConverter = Montage.create(Converter, {
11 11
12 // convert fahrenheit to celsius (showing our non-metric heritage here)
13 convert: { 12 convert: {
14 value: function(value) { 13 value: function(value) {
15 if(value) { 14 if(value) {
@@ -20,7 +19,6 @@ exports.StringUnitsConverter = Montage.create(Converter, {
20 } 19 }
21 }, 20 },
22 21
23 // revert celsius to fahrenheit
24 revert: { 22 revert: {
25 value: function(value) { 23 value: function(value) {
26 console.log("revert string to unit ", value); 24 console.log("revert string to unit ", value);
diff --git a/js/components/converter/string-value-converter.js b/js/components/converter/string-value-converter.js
index 28d7dd29..f397f731 100644
--- a/js/components/converter/string-value-converter.js
+++ b/js/components/converter/string-value-converter.js
@@ -9,7 +9,6 @@ var Montage = require("montage").Montage,
9 9
10exports.StringValueConverter = Montage.create(Converter, { 10exports.StringValueConverter = Montage.create(Converter, {
11 11
12 // convert fahrenheit to celsius (showing our non-metric heritage here)
13 convert: { 12 convert: {
14 value: function(value) { 13 value: function(value) {
15 console.log(value); 14 console.log(value);
@@ -18,7 +17,6 @@ exports.StringValueConverter = Montage.create(Converter, {
18 } 17 }
19 }, 18 },
20 19
21 // revert celsius to fahrenheit
22 revert: { 20 revert: {
23 value: function(value) { 21 value: function(value) {
24 console.log("revert string to value ", value); 22 console.log("revert string to value ", value);
diff --git a/js/components/tools-properties/fill-properties.reel/fill-properties.html b/js/components/tools-properties/fill-properties.reel/fill-properties.html
index 734966dc..ca447b8b 100755
--- a/js/components/tools-properties/fill-properties.reel/fill-properties.html
+++ b/js/components/tools-properties/fill-properties.reel/fill-properties.html
@@ -11,10 +11,35 @@
11 11
12 <script type="text/montage-serialization"> 12 <script type="text/montage-serialization">
13 { 13 {
14 "_fillMaterialCB": { 14 "useFillColor": {
15 "prototype": "montage/ui/checkbox.reel",
16 "properties": {
17 "element": {"#": "useFillColor"},
18 "identifier": "useFillColor",
19 "checked": true
20 }
21 },
22
23 "useWebGL": {
24 "prototype": "montage/ui/checkbox.reel",
25 "properties": {
26 "element": {"#": "useWebGL"},
27 "identifier": "useWebGL",
28 "checked": false
29 },
30 "listeners": [
31 {
32 "type": "action",
33 "listener": {"@": "owner"},
34 "capture": false
35 }
36 ]
37 },
38
39 "fillMaterial": {
15 "prototype": "js/components/combobox.reel", 40 "prototype": "js/components/combobox.reel",
16 "properties": { 41 "properties": {
17 "element": {"#": "fillMaterialCB"}, 42 "element": {"#": "fillMaterial"},
18 "labelField": "_name", 43 "labelField": "_name",
19 "dataField": "_name" 44 "dataField": "_name"
20 } 45 }
@@ -24,11 +49,12 @@
24 "properties": { 49 "properties": {
25 "element": {"#": "fillProperties"}, 50 "element": {"#": "fillProperties"},
26 51
52 "useFillColor": {"@": "useFillColor"},
27 "_fillColorCtrl": {"#": "fillColorCtrl"}, 53 "_fillColorCtrl": {"#": "fillColorCtrl"},
28 54
29 "_useWebGL": {"#": "useWebGLCH"}, 55 "useWebGL": {"@": "useWebGL"},
30 "_materialsContainer": {"#": "materialsContainer"}, 56 "_materialsContainer": {"#": "materialsContainer"},
31 "_fillMaterial": {"@": "_fillMaterialCB"} 57 "fillMaterial": {"@": "fillMaterial"}
32 } 58 }
33 } 59 }
34 } 60 }
@@ -38,16 +64,17 @@
38 64
39 <body> 65 <body>
40 <div data-montage-id="fillProperties" class="subToolHolderPanel optionsFillTool toolOptionsFloatChildren"> 66 <div data-montage-id="fillProperties" class="subToolHolderPanel optionsFillTool toolOptionsFloatChildren">
67 <input data-montage-id="useFillColor" type="checkbox" name="useFillColorControl" class="nj-skinned"/>
41 <div class="toolColorChipIcon FillTool"></div> 68 <div class="toolColorChipIcon FillTool"></div>
42 <div data-montage-id="fillColorCtrl" class="toolColorChipCtrl"></div> 69 <div data-montage-id="fillColorCtrl" class="toolColorChipCtrl"></div>
43 <div class="nj-divider divider-vertical toolOptionsSpacer">&nbsp;</div> 70 <div class="nj-divider divider-vertical toolOptionsSpacer">&nbsp;</div>
44 71
45 <input data-montage-id="useWebGLCH" type="checkbox" name="useWebGLControl" class="nj-skinned"/> 72 <input data-montage-id="useWebGL" type="checkbox" name="useWebGLControl" class="nj-skinned"/>
46 <label class="label">Use WebGL</label> 73 <label class="label">Use WebGL</label>
47 <div data-montage-id="materialsContainer" class="materialsContainerOptions toolOptionsFloatChildren"> 74 <div data-montage-id="materialsContainer" class="materialsContainerOptions toolOptionsFloatChildren" style="display:none;">
48 <label class="label">Material:</label> 75 <label class="label">Material:</label>
49 <div data-montage-id="fillIcon" class="toolColorChipIcon FillTool"></div> 76 <div data-montage-id="fillIcon" class="toolColorChipIcon FillTool"></div>
50 <select data-montage-id="fillMaterialCB" class="nj-skinned"> 77 <select data-montage-id="fillMaterial" class="nj-skinned">
51 </select> 78 </select>
52 </div> 79 </div>
53 </div> 80 </div>
diff --git a/js/components/tools-properties/fill-properties.reel/fill-properties.js b/js/components/tools-properties/fill-properties.reel/fill-properties.js
index ae136956..7331b375 100755
--- a/js/components/tools-properties/fill-properties.reel/fill-properties.js
+++ b/js/components/tools-properties/fill-properties.reel/fill-properties.js
@@ -10,7 +10,6 @@ var Montage = require("montage/core/core").Montage,
10 10
11var FillProperties = exports.FillProperties = Montage.create(ToolProperties, { 11var FillProperties = exports.FillProperties = Montage.create(ToolProperties, {
12 12
13 _use3D: { value: false },
14 addedColorChips: { value: false }, 13 addedColorChips: { value: false },
15 14
16 _fill: { 15 _fill: {
@@ -59,29 +58,17 @@ var FillProperties = exports.FillProperties = Montage.create(ToolProperties, {
59 58
60 _subPrepare: { 59 _subPrepare: {
61 value: function() { 60 value: function() {
62 Object.defineBinding(this._fillMaterial, "items", { 61 Object.defineBinding(this.fillMaterial, "items", {
63 boundObject: this.application.ninja.appModel, 62 boundObject: this.application.ninja.appModel,
64 boundObjectPropertyPath: "materials", 63 boundObjectPropertyPath: "materials",
65 oneway: false 64 oneway: false
66 }); 65 });
67
68 this.handleChange(null);
69 this._useWebGL.addEventListener("change", this, false);
70 } 66 }
71 }, 67 },
72 68
73 handleChange: { 69 handleAction: {
74 value: function(event) { 70 value: function(event) {
75 if(this._useWebGL.checked) 71 (this.useWebGL.checked) ? this._materialsContainer.style["display"] = "" : this._materialsContainer.style["display"] = "none";
76 {
77 this._use3D = true;
78 this._materialsContainer.style["display"] = "";
79 }
80 else
81 {
82 this._use3D = false;
83 this._materialsContainer.style["display"] = "none";
84 }
85 } 72 }
86 } 73 }
87}