aboutsummaryrefslogtreecommitdiff
path: root/js/components/tools-properties
diff options
context:
space:
mode:
authorValerio Virgillito2012-07-23 17:53:03 -0700
committerValerio Virgillito2012-07-23 17:53:03 -0700
commite711a4ffaa87dc368908020d57053cf82eba6f39 (patch)
treea1b7e21b2bf6dadc8eceefbba447a3abb64a8b27 /js/components/tools-properties
parenta3f04ac0a68e428017dc51a1ba28c33f250adaf6 (diff)
parent94ff94677a961504125d5a954008f0063628e900 (diff)
downloadninja-e711a4ffaa87dc368908020d57053cf82eba6f39.tar.gz
Merge branch 'tag-properties-fixes' of https://github.com/mencio/ninja
Diffstat (limited to 'js/components/tools-properties')
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.css18
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.html21
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.js21
3 files changed, 45 insertions, 15 deletions
diff --git a/js/components/tools-properties/tag-properties.reel/tag-properties.css b/js/components/tools-properties/tag-properties.reel/tag-properties.css
index 9d6c37a7..99ddf8e6 100755
--- a/js/components/tools-properties/tag-properties.reel/tag-properties.css
+++ b/js/components/tools-properties/tag-properties.reel/tag-properties.css
@@ -28,3 +28,21 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
28ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE 28ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
29POSSIBILITY OF SUCH DAMAGE. 29POSSIBILITY OF SUCH DAMAGE.
30</copyright> */ 30</copyright> */
31
32.tagRadioButtons select.nj-skinned {
33 visibility: visible;
34 position: relative;
35 margin-top: 1px;
36}
37
38.tag-position select.nj-skinned {
39 border-radius: 0px;
40 padding-left: 5px;
41 height: 18px;
42 width: 100px;
43 border-color: #181818;
44}
45
46input.tag-class {
47 border-color: #181818 !important;
48} \ No newline at end of file
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 7db1b7cf..46568d8b 100755
--- a/js/components/tools-properties/tag-properties.reel/tag-properties.html
+++ b/js/components/tools-properties/tag-properties.reel/tag-properties.html
@@ -53,7 +53,9 @@ POSSIBILITY OF SUCH DAMAGE.
53 "classField": {"#": "className"}, 53 "classField": {"#": "className"},
54 54
55 "customName": {"#": "customTagCB"}, 55 "customName": {"#": "customTagCB"},
56 "customLabel": {"#": "customContainer"} 56 "customLabel": {"#": "customLabel"},
57
58 "elementPosition": {"#": "positionCB"}
57 } 59 }
58 } 60 }
59 } 61 }
@@ -76,12 +78,12 @@ POSSIBILITY OF SUCH DAMAGE.
76 <div class="toolColorChipContainer"><div data-montage-id="fillColorCtrl" class="toolColorChipCtrl"></div></div> 78 <div class="toolColorChipContainer"><div data-montage-id="fillColorCtrl" class="toolColorChipCtrl"></div></div>
77 <div class="nj-divider divider-vertical toolOptionsSpacer">&nbsp;</div> 79 <div class="nj-divider divider-vertical toolOptionsSpacer">&nbsp;</div>
78 80
79 <div id="classNameContainer"> 81 <div>
80 <label class="label"> Class:</label> 82 <label class="label"> Class:</label>
81 <input data-montage-id="className" type="text" name="ClassNameTextBox" class="textBox nj-skinned"/> 83 <input data-montage-id="className" type="text" name="ClassNameTextBox" class="textBox nj-skinned tag-class"/>
82 </div> 84 </div>
83 85
84 <div id="customContainer"> 86 <div data-montage-id="customLabel">
85 <label class="label"> Tag Name:</label> 87 <label class="label"> Tag Name:</label>
86 <select data-montage-id="customTagCB" class="nj-skinned"> 88 <select data-montage-id="customTagCB" class="nj-skinned">
87 <option>article</option> 89 <option>article</option>
@@ -90,14 +92,15 @@ POSSIBILITY OF SUCH DAMAGE.
90 </select> 92 </select>
91 </div> 93 </div>
92 94
93 <div id="positionContainer"> 95 <div class="tag-position">
94 <label class="label"> Position:</label> 96 <label class="label">Position:</label>
95 <select data-montage-id="positionCB" class="nj-skinned"> 97 <select data-montage-id="positionCB" class="nj-skinned">
96 <option>Static</option> 98 <option></option>
97 <option>Absolute</option> 99 <option selected>Absolute</option>
98 <option>Relative</option>
99 <option>Fixed</option> 100 <option>Fixed</option>
100 <option>Inherit</option> 101 <option>Inherit</option>
102 <option>Relative</option>
103 <option>Static</option>
101 </select> 104 </select>
102 </div> 105 </div>
103 </div> 106 </div>
diff --git a/js/components/tools-properties/tag-properties.reel/tag-properties.js b/js/components/tools-properties/tag-properties.reel/tag-properties.js
index 9ff23a41..603d8dbe 100755
--- a/js/components/tools-properties/tag-properties.reel/tag-properties.js
+++ b/js/components/tools-properties/tag-properties.reel/tag-properties.js
@@ -29,9 +29,8 @@ ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
29POSSIBILITY OF SUCH DAMAGE. 29POSSIBILITY OF SUCH DAMAGE.
30</copyright> */ 30</copyright> */
31 31
32var Montage = require("montage/core/core").Montage; 32var Montage = require("montage/core/core").Montage,
33var Component = require("montage/ui/component").Component; 33 ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties;
34var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties;
35 34
36var TagProperties = exports.TagProperties = Montage.create(ToolProperties, { 35var TagProperties = exports.TagProperties = Montage.create(ToolProperties, {
37 divElement: { 36 divElement: {
@@ -71,6 +70,11 @@ var TagProperties = exports.TagProperties = Montage.create(ToolProperties, {
71 } 70 }
72 }, 71 },
73 72
73 elementPosition: {
74 value: null,
75 serializable: true
76 },
77
74 _subPrepare: { 78 _subPrepare: {
75 value: function() { 79 value: function() {
76 this.customName.style["display"] = "none"; 80 this.customName.style["display"] = "none";
@@ -81,6 +85,8 @@ var TagProperties = exports.TagProperties = Montage.create(ToolProperties, {
81 this.videoElement.addEventListener("click", this, false); 85 this.videoElement.addEventListener("click", this, false);
82 this.canvasElement.addEventListener("click", this, false); 86 this.canvasElement.addEventListener("click", this, false);
83 this.customElement.addEventListener("click", this, false); 87 this.customElement.addEventListener("click", this, false);
88
89 this.elementPosition.disabled = true;
84 } 90 }
85 }, 91 },
86 92
@@ -107,7 +113,6 @@ var TagProperties = exports.TagProperties = Montage.create(ToolProperties, {
107 handleFillColorChange: { 113 handleFillColorChange: {
108 value: function (e) { 114 value: function (e) {
109 this.fill = e._event; 115 this.fill = e._event;
110// this.fill.webGlColor = this.application.ninja.colorController.colorModel.colorToWebGl(e._event.color);
111 } 116 }
112 }, 117 },
113 118
@@ -130,8 +135,12 @@ var TagProperties = exports.TagProperties = Montage.create(ToolProperties, {
130 }, 135 },
131 136
132 selectedElement: { 137 selectedElement: {
133 get: function() { return this._selectedElement;}, 138 get: function() {
134 set: function(value) { this._selectedElement = value; } 139 return this._selectedElement;
140 },
141 set: function(value) {
142 this._selectedElement = value;
143 }
135 } 144 }
136 145
137}); 146});