diff options
Diffstat (limited to 'js')
-rw-r--r-- | js/components/combobox.reel/combobox.js | 28 | ||||
-rw-r--r-- | js/components/tools-properties/shape-properties.reel/shape-properties.js | 43 | ||||
-rw-r--r-- | js/components/tools-properties/tag-properties.reel/tag-properties.html | 6 | ||||
-rw-r--r-- | js/components/treeview/branch.reel/branch.css | 6 | ||||
-rw-r--r-- | js/components/treeview/branch.reel/branch.html | 5 | ||||
-rw-r--r-- | js/components/treeview/leaf.reel/leaf.css | 6 | ||||
-rw-r--r-- | js/components/treeview/leaf.reel/leaf.html | 5 | ||||
-rw-r--r-- | js/components/treeview/ninja-branch.reel/ninja-branch.css | 6 | ||||
-rw-r--r-- | js/components/treeview/ninja-branch.reel/ninja-branch.html | 5 | ||||
-rw-r--r-- | js/components/treeview/ninja-leaf.reel/ninja-leaf.css | 6 | ||||
-rw-r--r-- | js/components/treeview/ninja-leaf.reel/ninja-leaf.html | 5 | ||||
-rw-r--r-- | js/components/treeview/treeview.reel/treeview.css | 8 | ||||
-rw-r--r-- | js/components/treeview/treeview.reel/treeview.html | 5 | ||||
-rw-r--r-- | js/controllers/styles-controller.js | 73 | ||||
-rw-r--r-- | js/mediators/drag-drop-mediator.js | 2 | ||||
-rw-r--r-- | js/tools/TagTool.js | 12 |
16 files changed, 181 insertions, 40 deletions
diff --git a/js/components/combobox.reel/combobox.js b/js/components/combobox.reel/combobox.js index 3200b01c..bc433f52 100644 --- a/js/components/combobox.reel/combobox.js +++ b/js/components/combobox.reel/combobox.js | |||
@@ -104,6 +104,26 @@ exports.Combobox = Montage.create(Component, { | |||
104 | } | 104 | } |
105 | }, | 105 | }, |
106 | 106 | ||
107 | _visible: { | ||
108 | enumerable: false, | ||
109 | value: true | ||
110 | }, | ||
111 | |||
112 | visible: { | ||
113 | enumerable: true, | ||
114 | serializable: true, | ||
115 | get: function() { | ||
116 | return this._visible; | ||
117 | }, | ||
118 | set: function(value) { | ||
119 | if(value !== this._visible) | ||
120 | { | ||
121 | this._visible = value; | ||
122 | this.needsDraw = true; | ||
123 | } | ||
124 | } | ||
125 | }, | ||
126 | |||
107 | handleChange: | 127 | handleChange: |
108 | { | 128 | { |
109 | value:function(event) | 129 | value:function(event) |
@@ -158,6 +178,14 @@ exports.Combobox = Montage.create(Component, { | |||
158 | this.element.appendChild(optionItem); | 178 | this.element.appendChild(optionItem); |
159 | } | 179 | } |
160 | this.element.disabled = !this._enabled; | 180 | this.element.disabled = !this._enabled; |
181 | if(this._visible) | ||
182 | { | ||
183 | this.element.style.visibility = "visible"; | ||
184 | } | ||
185 | else | ||
186 | { | ||
187 | this.element.style.visibility = "hidden"; | ||
188 | } | ||
161 | } | 189 | } |
162 | } | 190 | } |
163 | }, | 191 | }, |
diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.js b/js/components/tools-properties/shape-properties.reel/shape-properties.js index 345e361c..79567453 100644 --- a/js/components/tools-properties/shape-properties.reel/shape-properties.js +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.js | |||
@@ -45,13 +45,16 @@ exports.ShapeProperties = Montage.create(ToolProperties, { | |||
45 | this._selectedSubTool = value; | 45 | this._selectedSubTool = value; |
46 | this[this._selectedSubTool.properties].visible = true; | 46 | this[this._selectedSubTool.properties].visible = true; |
47 | 47 | ||
48 | // if(this._selectedSubTool.id === "LineTool") { | 48 | if(this._useWebGL.checked) |
49 | // this._fillIcon.style["display"] = "none"; | 49 | { |
50 | // this._fillMaterial.style["display"] = "none"; | 50 | if(this._selectedSubTool.id === "LineTool") { |
51 | // } else { | 51 | this._fillIcon.style["display"] = "none"; |
52 | // this._fillIcon.style["display"] = ""; | 52 | this._fillMaterial.visible = false; |
53 | // this._fillMaterial.style["display"] = ""; | 53 | } else { |
54 | // } | 54 | this._fillIcon.style["display"] = ""; |
55 | this._fillMaterial.visible = true; | ||
56 | } | ||
57 | } | ||
55 | 58 | ||
56 | } | 59 | } |
57 | } | 60 | } |
@@ -62,23 +65,23 @@ exports.ShapeProperties = Montage.create(ToolProperties, { | |||
62 | if(this._useWebGL.checked) | 65 | if(this._useWebGL.checked) |
63 | { | 66 | { |
64 | this._use3D = true; | 67 | this._use3D = true; |
65 | // this._materialLabel.style["display"] = ""; | 68 | this._materialLabel.style["display"] = ""; |
66 | // this._strokeIcon.style["display"] = ""; | 69 | this._strokeIcon.style["display"] = ""; |
67 | // this._strokeMaterial.style["display"] = ""; | 70 | this._strokeMaterial.visible = true; |
68 | // if(this.selectedSubTool.id !== "LineTool") | 71 | if(this.selectedSubTool.id !== "LineTool") |
69 | // { | 72 | { |
70 | // this._fillIcon.style["display"] = ""; | 73 | this._fillIcon.style["display"] = ""; |
71 | // this._fillMaterial.style["display"] = ""; | 74 | this._fillMaterial.visible = true; |
72 | // } | 75 | } |
73 | } | 76 | } |
74 | else | 77 | else |
75 | { | 78 | { |
76 | this._use3D = false; | 79 | this._use3D = false; |
77 | // this._materialLabel.style["display"] = "none"; | 80 | this._materialLabel.style["display"] = "none"; |
78 | // this._strokeIcon.style["display"] = "none"; | 81 | this._strokeIcon.style["display"] = "none"; |
79 | // this._strokeMaterial.style["display"] = "none"; | 82 | this._strokeMaterial.visible = false; |
80 | // this._fillIcon.style["display"] = "none"; | 83 | this._fillIcon.style["display"] = "none"; |
81 | // this._fillMaterial.style["display"] = "none"; | 84 | this._fillMaterial.visible = false; |
82 | } | 85 | } |
83 | } | 86 | } |
84 | } | 87 | } |
diff --git a/js/components/tools-properties/tag-properties.reel/tag-properties.html b/js/components/tools-properties/tag-properties.reel/tag-properties.html index c7588b9e..2b81bb71 100644 --- a/js/components/tools-properties/tag-properties.reel/tag-properties.html +++ b/js/components/tools-properties/tag-properties.reel/tag-properties.html | |||
@@ -56,9 +56,9 @@ | |||
56 | <label class="label"> Tag Name:</label> | 56 | <label class="label"> Tag Name:</label> |
57 | 57 | ||
58 | <select id="customTagCB" class="nj-skinned"> | 58 | <select id="customTagCB" class="nj-skinned"> |
59 | <option>Article</option> | 59 | <option>article</option> |
60 | <option>Aside</option> | 60 | <option>aside</option> |
61 | <option>Section</option> | 61 | <option>section</option> |
62 | </select> | 62 | </select> |
63 | </div> | 63 | </div> |
64 | 64 | ||
diff --git a/js/components/treeview/branch.reel/branch.css b/js/components/treeview/branch.reel/branch.css index 5998e0f0..0f4e4a87 100644 --- a/js/components/treeview/branch.reel/branch.css +++ b/js/components/treeview/branch.reel/branch.css | |||
@@ -1,3 +1,9 @@ | |||
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 | |||
1 | .treeRoot > .branch > ul { | 7 | .treeRoot > .branch > ul { |
2 | margin-top: 0; | 8 | margin-top: 0; |
3 | } | 9 | } |
diff --git a/js/components/treeview/branch.reel/branch.html b/js/components/treeview/branch.reel/branch.html index 31a4cf18..b44a54c5 100644 --- a/js/components/treeview/branch.reel/branch.html +++ b/js/components/treeview/branch.reel/branch.html | |||
@@ -1,4 +1,9 @@ | |||
1 | <!DOCTYPE html> | 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> --> | ||
2 | <html lang="en"> | 7 | <html lang="en"> |
3 | <head> | 8 | <head> |
4 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
diff --git a/js/components/treeview/leaf.reel/leaf.css b/js/components/treeview/leaf.reel/leaf.css index fea5a2c4..41fb02ff 100644 --- a/js/components/treeview/leaf.reel/leaf.css +++ b/js/components/treeview/leaf.reel/leaf.css | |||
@@ -1,3 +1,9 @@ | |||
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 | |||
1 | .leaf > .leaf-label { | 7 | .leaf > .leaf-label { |
2 | opacity: 0.8; | 8 | opacity: 0.8; |
3 | cursor: pointer; | 9 | cursor: pointer; |
diff --git a/js/components/treeview/leaf.reel/leaf.html b/js/components/treeview/leaf.reel/leaf.html index 991a4323..cf0b4e40 100644 --- a/js/components/treeview/leaf.reel/leaf.html +++ b/js/components/treeview/leaf.reel/leaf.html | |||
@@ -1,4 +1,9 @@ | |||
1 | <!DOCTYPE html> | 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> --> | ||
2 | <html lang="en"> | 7 | <html lang="en"> |
3 | <head> | 8 | <head> |
4 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 9 |