From b89a7ee8b956c96a1dcee995ea840feddc5d4b27 Mon Sep 17 00:00:00 2001 From: Pierre Frisch Date: Thu, 22 Dec 2011 07:25:50 -0800 Subject: First commit of Ninja to ninja-internal Signed-off-by: Valerio Virgillito --- .../shape-properties.reel/shape-properties.css | 9 ++ .../shape-properties.reel/shape-properties.html | 158 +++++++++++++++++++++ .../shape-properties.reel/shape-properties.js | 77 ++++++++++ 3 files changed, 244 insertions(+) create mode 100644 js/components/tools-properties/shape-properties.reel/shape-properties.css create mode 100644 js/components/tools-properties/shape-properties.reel/shape-properties.html create mode 100644 js/components/tools-properties/shape-properties.reel/shape-properties.js (limited to 'js/components/tools-properties/shape-properties.reel') diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.css b/js/components/tools-properties/shape-properties.reel/shape-properties.css new file mode 100644 index 00000000..1e36b0bd --- /dev/null +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.css @@ -0,0 +1,9 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ + +#strokeIcon { + float: left; +} \ No newline at end of file diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.html b/js/components/tools-properties/shape-properties.reel/shape-properties.html new file mode 100644 index 00000000..52502d47 --- /dev/null +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.html @@ -0,0 +1,158 @@ + + + + + + + + + + + + + +

+ + Stroke: +

+ + Style: + + +

+ + Use WebGL + + Material: +

+ + + +

+ + + diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.js b/js/components/tools-properties/shape-properties.reel/shape-properties.js new file mode 100644 index 00000000..b0d674cc --- /dev/null +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.js @@ -0,0 +1,77 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ + +var Montage = require("montage/core/core").Montage, + ShapesController = require("js/controllers/elements/shapes-controller").ShapesController, + ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.ShapeProperties = Montage.create(ToolProperties, { + toolsData: { value: null }, + _use3D: { value: false }, + + _subPrepare: { + value: function() { + this.rectProperties.visible = true; + + ShapesController.DisplayMaterials(this._strokeMaterial); + ShapesController.DisplayMaterials(this._fillMaterial); + + this.handleChange(null); + this._useWebGL.addEventListener("change", this, false); + } + }, + + _selectedSubTool: { value: null, enumerable: false}, + + selectedSubTool : { + get: function() { return this._selectedSubTool;}, + set: function(value) { + if(value) { + + this._selectedSubTool? this[this._selectedSubTool.properties].visible = false : this.rectProperties.visible = false; + + this._selectedSubTool = value; + this[this._selectedSubTool.properties].visible = true; + + if(this._selectedSubTool.id === "LineTool") { + this._fillIcon.style["display"] = "none"; + this._fillMaterial.style["display"] = "none"; + } else { + this._fillIcon.style["display"] = ""; + this._fillMaterial.style["display"] = ""; + } + + } + } + }, + + handleChange: { + value: function(event) { + if(this._useWebGL.checked) + { + this._use3D = true; + this._materialLabel.style["display"] = ""; + this._strokeIcon.style["display"] = ""; + this._strokeMaterial.style["display"] = ""; + if(this.selectedSubTool.id !== "LineTool") + { + this._fillIcon.style["display"] = ""; + this._fillMaterial.style["display"] = ""; + } + } + else + { + this._use3D = false; + this._materialLabel.style["display"] = "none"; + this._strokeIcon.style["display"] = "none"; + this._strokeMaterial.style["display"] = "none"; + this._fillIcon.style["display"] = "none"; + this._fillMaterial.style["display"] = "none"; + } + } + } + +}); -- cgit v1.2.3