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 --- .../brush-properties.reel/brush-properties.css | 6 + .../brush-properties.reel/brush-properties.html | 32 +++ .../brush-properties.reel/brush-properties.js | 25 +++ .../eraser-properties.reel/eraser-properties.css | 6 + .../eraser-properties.reel/eraser-properties.html | 32 +++ .../eraser-properties.reel/eraser-properties.js | 25 +++ .../eyedropper-properties.css | 6 + .../eyedropper-properties.html | 32 +++ .../eyedropper-properties.js | 25 +++ .../fill-properties.reel/fill-properties.css | 6 + .../fill-properties.reel/fill-properties.html | 42 ++++ .../fill-properties.reel/fill-properties.js | 38 ++++ .../ink-bottle-properties.css | 6 + .../ink-bottle-properties.html | 97 +++++++++ .../ink-bottle-properties.js | 38 ++++ .../line-properties.reel/line-properties.css | 6 + .../line-properties.reel/line-properties.html | 30 +++ .../line-properties.reel/line-properties.js | 50 +++++ .../object3d-properties.html | 41 ++++ .../object3d-properties.js | 41 ++++ .../oval-properties.reel/oval-properties.css | 6 + .../oval-properties.reel/oval-properties.html | 46 ++++ .../oval-properties.reel/oval-properties.js | 52 +++++ .../pan-properties.reel/pan-properties.css | 6 + .../pan-properties.reel/pan-properties.html | 32 +++ .../pan-properties.reel/pan-properties.js | 25 +++ .../pen-properties.reel/pen-properties.css | 6 + .../pen-properties.reel/pen-properties.html | 34 +++ .../pen-properties.reel/pen-properties.js | 28 +++ .../pencil-properties.reel/pencil-properties.css | 6 + .../pencil-properties.reel/pencil-properties.html | 32 +++ .../pencil-properties.reel/pencil-properties.js | 25 +++ .../rect-properties.reel/rect-properties.css | 40 ++++ .../rect-properties.reel/rect-properties.html | 84 ++++++++ .../rect-properties.reel/rect-properties.js | 128 +++++++++++ .../rotate-stage-properties.css | 6 + .../rotate-stage-properties.html | 32 +++ .../rotate-stage-properties.js | 25 +++ .../selection-properties.css | 9 + .../selection-properties.html | 49 +++++ .../selection-properties.js | 29 +++ .../shape-properties.reel/shape-properties.css | 9 + .../shape-properties.reel/shape-properties.html | 158 ++++++++++++++ .../shape-properties.reel/shape-properties.js | 77 +++++++ .../subselection-properties.html | 33 +++ .../subselection-properties.js | 14 ++ .../tag-properties.reel/tag-properties.css | 6 + .../tag-properties.reel/tag-properties.html | 86 ++++++++ .../tag-properties.reel/tag-properties.js | 57 +++++ .../text-properties.reel/text-properties.css | 33 +++ .../text-properties.reel/text-properties.html | 235 +++++++++++++++++++++ .../text-properties.reel/text-properties.js | 59 ++++++ js/components/tools-properties/tool-properties.js | 47 +++++ .../zoom-properties.reel/zoom-properties.css | 6 + .../zoom-properties.reel/zoom-properties.html | 40 ++++ .../zoom-properties.reel/zoom-properties.js | 43 ++++ 56 files changed, 2187 insertions(+) create mode 100644 js/components/tools-properties/brush-properties.reel/brush-properties.css create mode 100644 js/components/tools-properties/brush-properties.reel/brush-properties.html create mode 100644 js/components/tools-properties/brush-properties.reel/brush-properties.js create mode 100644 js/components/tools-properties/eraser-properties.reel/eraser-properties.css create mode 100644 js/components/tools-properties/eraser-properties.reel/eraser-properties.html create mode 100644 js/components/tools-properties/eraser-properties.reel/eraser-properties.js create mode 100644 js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.css create mode 100644 js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.html create mode 100644 js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.js create mode 100644 js/components/tools-properties/fill-properties.reel/fill-properties.css create mode 100644 js/components/tools-properties/fill-properties.reel/fill-properties.html create mode 100644 js/components/tools-properties/fill-properties.reel/fill-properties.js create mode 100644 js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css create mode 100644 js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.html create mode 100644 js/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.js create mode 100644 js/components/tools-properties/line-properties.reel/line-properties.css create mode 100644 js/components/tools-properties/line-properties.reel/line-properties.html create mode 100644 js/components/tools-properties/line-properties.reel/line-properties.js create mode 100644 js/components/tools-properties/object3d-properties.reel/object3d-properties.html create mode 100644 js/components/tools-properties/object3d-properties.reel/object3d-properties.js create mode 100644 js/components/tools-properties/oval-properties.reel/oval-properties.css create mode 100644 js/components/tools-properties/oval-properties.reel/oval-properties.html create mode 100644 js/components/tools-properties/oval-properties.reel/oval-properties.js create mode 100644 js/components/tools-properties/pan-properties.reel/pan-properties.css create mode 100644 js/components/tools-properties/pan-properties.reel/pan-properties.html create mode 100644 js/components/tools-properties/pan-properties.reel/pan-properties.js create mode 100644 js/components/tools-properties/pen-properties.reel/pen-properties.css create mode 100644 js/components/tools-properties/pen-properties.reel/pen-properties.html create mode 100644 js/components/tools-properties/pen-properties.reel/pen-properties.js create mode 100644 js/components/tools-properties/pencil-properties.reel/pencil-properties.css create mode 100644 js/components/tools-properties/pencil-properties.reel/pencil-properties.html create mode 100644 js/components/tools-properties/pencil-properties.reel/pencil-properties.js create mode 100644 js/components/tools-properties/rect-properties.reel/rect-properties.css create mode 100644 js/components/tools-properties/rect-properties.reel/rect-properties.html create mode 100644 js/components/tools-properties/rect-properties.reel/rect-properties.js create mode 100644 js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.css create mode 100644 js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.html create mode 100644 js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.js create mode 100644 js/components/tools-properties/selection-properties.reel/selection-properties.css create mode 100644 js/components/tools-properties/selection-properties.reel/selection-properties.html create mode 100644 js/components/tools-properties/selection-properties.reel/selection-properties.js 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 create mode 100644 js/components/tools-properties/subselection-properties.reel/subselection-properties.html create mode 100644 js/components/tools-properties/subselection-properties.reel/subselection-properties.js create mode 100644 js/components/tools-properties/tag-properties.reel/tag-properties.css create mode 100644 js/components/tools-properties/tag-properties.reel/tag-properties.html create mode 100644 js/components/tools-properties/tag-properties.reel/tag-properties.js create mode 100644 js/components/tools-properties/text-properties.reel/text-properties.css create mode 100644 js/components/tools-properties/text-properties.reel/text-properties.html create mode 100644 js/components/tools-properties/text-properties.reel/text-properties.js create mode 100644 js/components/tools-properties/tool-properties.js create mode 100644 js/components/tools-properties/zoom-properties.reel/zoom-properties.css create mode 100644 js/components/tools-properties/zoom-properties.reel/zoom-properties.html create mode 100644 js/components/tools-properties/zoom-properties.reel/zoom-properties.js (limited to 'js/components/tools-properties') diff --git a/js/components/tools-properties/brush-properties.reel/brush-properties.css b/js/components/tools-properties/brush-properties.reel/brush-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/brush-properties.reel/brush-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/brush-properties.reel/brush-properties.html b/js/components/tools-properties/brush-properties.reel/brush-properties.html new file mode 100644 index 00000000..38f7f856 --- /dev/null +++ b/js/components/tools-properties/brush-properties.reel/brush-properties.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/brush-properties.reel/brush-properties.js b/js/components/tools-properties/brush-properties.reel/brush-properties.js new file mode 100644 index 00000000..92da98cc --- /dev/null +++ b/js/components/tools-properties/brush-properties.reel/brush-properties.js @@ -0,0 +1,25 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.BrushProperties = Montage.create(ToolProperties, { + + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/eraser-properties.reel/eraser-properties.css b/js/components/tools-properties/eraser-properties.reel/eraser-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/eraser-properties.reel/eraser-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/eraser-properties.reel/eraser-properties.html b/js/components/tools-properties/eraser-properties.reel/eraser-properties.html new file mode 100644 index 00000000..f6a58a10 --- /dev/null +++ b/js/components/tools-properties/eraser-properties.reel/eraser-properties.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/eraser-properties.reel/eraser-properties.js b/js/components/tools-properties/eraser-properties.reel/eraser-properties.js new file mode 100644 index 00000000..ed461d3a --- /dev/null +++ b/js/components/tools-properties/eraser-properties.reel/eraser-properties.js @@ -0,0 +1,25 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.EraserProperties = Montage.create(ToolProperties, { + + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.css b/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.html b/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.html new file mode 100644 index 00000000..3718c5c5 --- /dev/null +++ b/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.js b/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.js new file mode 100644 index 00000000..e1a1f8b5 --- /dev/null +++ b/js/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.js @@ -0,0 +1,25 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.EyedropperProperties = Montage.create(ToolProperties, { + + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/fill-properties.reel/fill-properties.css b/js/components/tools-properties/fill-properties.reel/fill-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/fill-properties.reel/fill-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/fill-properties.reel/fill-properties.html b/js/components/tools-properties/fill-properties.reel/fill-properties.html new file mode 100644 index 00000000..d09b7f44 --- /dev/null +++ b/js/components/tools-properties/fill-properties.reel/fill-properties.html @@ -0,0 +1,42 @@ + + + + + + + + + + + + +
+ + +
+ +
+ +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/fill-properties.reel/fill-properties.js b/js/components/tools-properties/fill-properties.reel/fill-properties.js new file mode 100644 index 00000000..3b77d72e --- /dev/null +++ b/js/components/tools-properties/fill-properties.reel/fill-properties.js @@ -0,0 +1,38 @@ +/* +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.FillProperties = Montage.create(ToolProperties, { + + _use3D: { value: false }, + + _subPrepare: { + value: function() { + ShapesController.DisplayMaterials(this._fillMaterial); + + this.handleChange(null); + this._useWebGL.addEventListener("change", this, false); + } + }, + + handleChange: { + value: function(event) { + if(this._useWebGL.checked) + { + this._use3D = true; + this._materialsContainer.style["display"] = ""; + } + else + { + this._use3D = false; + this._materialsContainer.style["display"] = "none"; + } + } + } +}); \ No newline at end of file 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 @@ +/* + 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. + */ + 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 @@ + + + + + + + + + + + + +
+ +
+ +
+ + +
+ +
+ +
+
+ + + +
+ +
+ +
+
+ + + \ 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 @@ +/* +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.InkBottleProperties = Montage.create(ToolProperties, { + + _use3D: { value: false }, + + _subPrepare: { + value: function() { + ShapesController.DisplayMaterials(this._strokeMaterial); + + this.handleChange(null); + this._useWebGL.addEventListener("change", this, false); + } + }, + + handleChange: { + value: function(event) { + if(this._useWebGL.checked) + { + this._use3D = true; + this._materialsContainer.style["display"] = ""; + } + else + { + this._use3D = false; + this._materialsContainer.style["display"] = "none"; + } + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/line-properties.reel/line-properties.css b/js/components/tools-properties/line-properties.reel/line-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/line-properties.reel/line-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/line-properties.reel/line-properties.html b/js/components/tools-properties/line-properties.reel/line-properties.html new file mode 100644 index 00000000..1ec14cca --- /dev/null +++ b/js/components/tools-properties/line-properties.reel/line-properties.html @@ -0,0 +1,30 @@ + + + + + + + + + + + + +
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/line-properties.reel/line-properties.js b/js/components/tools-properties/line-properties.reel/line-properties.js new file mode 100644 index 00000000..694e4326 --- /dev/null +++ b/js/components/tools-properties/line-properties.reel/line-properties.js @@ -0,0 +1,50 @@ +/* +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, + ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.LineProperties = Montage.create(ToolProperties, { + + base: { value: null }, + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + }, + + // Public API + use3D: { + get: function() { return this.base._use3D; } + }, + + strokeSize: { + get: function() { return this.base._strokeSize; } + }, + + strokeStyle : { + get: function() { return this.base._strokeStyle.options[this.base._strokeStyle.value].text; } + }, + + strokeStyleIndex : { + get: function() { return this.base._strokeStyle.options[this.base._strokeStyle.value].value; } + }, + + strokeMaterial: { + get: function() { return this.base._strokeMaterial.options[this.base._strokeMaterial.value].value; } + }, + + fillMaterial: { + get: function() { return this.base._fillMaterial.options[this.base._fillMaterial.value].value; } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/object3d-properties.reel/object3d-properties.html b/js/components/tools-properties/object3d-properties.reel/object3d-properties.html new file mode 100644 index 00000000..3f882850 --- /dev/null +++ b/js/components/tools-properties/object3d-properties.reel/object3d-properties.html @@ -0,0 +1,41 @@ + + + + + + + + + + + + + +
+
+ + +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/object3d-properties.reel/object3d-properties.js b/js/components/tools-properties/object3d-properties.reel/object3d-properties.js new file mode 100644 index 00000000..afcb2400 --- /dev/null +++ b/js/components/tools-properties/object3d-properties.reel/object3d-properties.js @@ -0,0 +1,41 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.Object3DProperties = Montage.create(ToolProperties, { + rotateLocally: { value: null, enumerable: false }, + rotateGlobally: { value: null, enumerable: false }, + + _subPrepare: { + value: function() { + this.rotateLocally.addEventListener("click", this, false); + this.rotateGlobally.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + this.selectedMode = event._event.target.id; + + NJevent("toolOptionsChange", {source: "Object3DProperties", mode: (this.selectedMode === "rotateLocally")}); + } + }, + + _selectedMode: { + value: "rotateLocally", enumerable: false + }, + + selectedMode: { + get: function() { return this._selectedMode;}, + set: function(value) { this._selectedMode = value; } + } + + +}); \ No newline at end of file diff --git a/js/components/tools-properties/oval-properties.reel/oval-properties.css b/js/components/tools-properties/oval-properties.reel/oval-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/oval-properties.reel/oval-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/oval-properties.reel/oval-properties.html b/js/components/tools-properties/oval-properties.reel/oval-properties.html new file mode 100644 index 00000000..942ba9b0 --- /dev/null +++ b/js/components/tools-properties/oval-properties.reel/oval-properties.html @@ -0,0 +1,46 @@ + + + + + + + + + + + +
+ +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/oval-properties.reel/oval-properties.js b/js/components/tools-properties/oval-properties.reel/oval-properties.js new file mode 100644 index 00000000..c88f7799 --- /dev/null +++ b/js/components/tools-properties/oval-properties.reel/oval-properties.js @@ -0,0 +1,52 @@ +/* +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, + ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.OvalProperties = Montage.create(ToolProperties, { + base: { value: null }, + innerRadius: { value: null }, + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + }, + + // Public API + use3D: { + get: function() { return this.base._use3D; } + }, + + strokeSize: { + get: function() { return this.base._strokeSize; } + }, + + strokeStyle : { + get: function() { return this.base._strokeStyle.options[this.base._strokeStyle.value].text; } + }, + + strokeStyleIndex : { + get: function() { return this.base._strokeStyle.options[this.base._strokeStyle.value].value; } + }, + + strokeMaterial: { + get: function() { return this.base._strokeMaterial.options[this.base._strokeMaterial.value].value; } + }, + + fillMaterial: { + get: function() { return this.base._fillMaterial.options[this.base._fillMaterial.value].value; } + } + + +}); \ No newline at end of file diff --git a/js/components/tools-properties/pan-properties.reel/pan-properties.css b/js/components/tools-properties/pan-properties.reel/pan-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/pan-properties.reel/pan-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/pan-properties.reel/pan-properties.html b/js/components/tools-properties/pan-properties.reel/pan-properties.html new file mode 100644 index 00000000..d8c3281a --- /dev/null +++ b/js/components/tools-properties/pan-properties.reel/pan-properties.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/pan-properties.reel/pan-properties.js b/js/components/tools-properties/pan-properties.reel/pan-properties.js new file mode 100644 index 00000000..801aaa6b --- /dev/null +++ b/js/components/tools-properties/pan-properties.reel/pan-properties.js @@ -0,0 +1,25 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.PanProperties = Montage.create(ToolProperties, { + + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/pen-properties.reel/pen-properties.css b/js/components/tools-properties/pen-properties.reel/pen-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/pen-properties.reel/pen-properties.html b/js/components/tools-properties/pen-properties.reel/pen-properties.html new file mode 100644 index 00000000..7af35a03 --- /dev/null +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + +
+ +
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/pen-properties.reel/pen-properties.js b/js/components/tools-properties/pen-properties.reel/pen-properties.js new file mode 100644 index 00000000..ec8efa69 --- /dev/null +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.js @@ -0,0 +1,28 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.PenProperties = Montage.create(ToolProperties, { + reset: { value: null }, + + _subPrepare: { + value: function() { + this.reset.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + var newEvent = document.createEvent( "CustomEvent" ); + newEvent.initCustomEvent( "resetPenTool", false, true ); + defaultEventManager.dispatchEvent( newEvent ); + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/pencil-properties.reel/pencil-properties.css b/js/components/tools-properties/pencil-properties.reel/pencil-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/pencil-properties.reel/pencil-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/pencil-properties.reel/pencil-properties.html b/js/components/tools-properties/pencil-properties.reel/pencil-properties.html new file mode 100644 index 00000000..964cdd0e --- /dev/null +++ b/js/components/tools-properties/pencil-properties.reel/pencil-properties.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/pencil-properties.reel/pencil-properties.js b/js/components/tools-properties/pencil-properties.reel/pencil-properties.js new file mode 100644 index 00000000..e1be4b5e --- /dev/null +++ b/js/components/tools-properties/pencil-properties.reel/pencil-properties.js @@ -0,0 +1,25 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.PencilProperties = Montage.create(ToolProperties, { + + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.css b/js/components/tools-properties/rect-properties.reel/rect-properties.css new file mode 100644 index 00000000..f50a9873 --- /dev/null +++ b/js/components/tools-properties/rect-properties.reel/rect-properties.css @@ -0,0 +1,40 @@ +/* + 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. + */ + +.button { + border:none; + cursor:default; + text-align:center; + -webkit-user-select:none; + opacity:0.8; + display:table-cell; + vertical-align:middle; + width:100%; + height:100%; + background-color:#333333; + color:white; +} + +.button:hover +{ + opacity:1; +} + +.button:active +{ + outline:solid 1px black; +} + +.button.on +{ + background-color: #333333; +} + +.button.off +{ + background-color: #cccccc; + color:black; +} \ No newline at end of file diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.html b/js/components/tools-properties/rect-properties.reel/rect-properties.html new file mode 100644 index 00000000..e5c52466 --- /dev/null +++ b/js/components/tools-properties/rect-properties.reel/rect-properties.html @@ -0,0 +1,84 @@ + + + + + + + + + + + + +
+ +
+
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.js b/js/components/tools-properties/rect-properties.reel/rect-properties.js new file mode 100644 index 00000000..8d0cd21f --- /dev/null +++ b/js/components/tools-properties/rect-properties.reel/rect-properties.js @@ -0,0 +1,128 @@ +/* +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, + ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.RectProperties = Montage.create(ToolProperties, { + base: { value: null }, + lockButton: { value: null, enumerable: false}, + TLRadiusControl: { value: null, enumerable: false }, + TRRadiusControl: { value: null, enumerable: false }, + BLRadiusControl: { value: null, enumerable: false }, + BRRadiusControl: { value: null, enumerable: false }, + + _unlocked: { value: false, enumerable: false}, + + _subPrepare: { + value: function() { + this.lockButton.addEventListener("click", this, false); + + this._setBindings([this.TRRadiusControl, this.BLRadiusControl, this.BRRadiusControl]); + this._setCap([this.TLRadiusControl,this.TRRadiusControl, this.BLRadiusControl, this.BRRadiusControl]); + + } + }, + + handleClick: { + value: function(event) { + this._unlocked = !this._unlocked; + + this.TRRadiusControl.enabled = this.BLRadiusControl.enabled = this.BRRadiusControl.enabled = this._unlocked; + + if(this._unlocked) { + this.lockButton.classList.remove("LockToolUp"); + this.lockButton.classList.add("UnLockToolUp"); + this._removeBindings([this.TRRadiusControl, this.BLRadiusControl, this.BRRadiusControl]); + } else { + this.lockButton.classList.remove("UnLockToolUp"); + this.lockButton.classList.add("LockToolUp"); + this._setBindings([this.TRRadiusControl, this.BLRadiusControl, this.BRRadiusControl]); + } + } + }, + + // Public API + use3D: { + get: function() { return this.base._use3D; } + }, + + strokeSize: { + get: function() { return this.base._strokeSize; } + }, + + strokeStyle : { + get: function() { return this.base._strokeStyle.options[this.base._strokeStyle.value].text; } + }, + + strokeStyleIndex : { + get: function() { return this.base._strokeStyle.options[this.base._strokeStyle.value].value; } + }, + + strokeMaterial: { + get: function() { return this.base._strokeMaterial.options[this.base._strokeMaterial.value].value; } + }, + + fillMaterial: { + get: function() { return this.base._fillMaterial.options[this.base._fillMaterial.value].value; } + }, + + _setBindings: { + value: function(els) { + var that = this; + els.forEach(function(el) { + Object.defineBinding(el, "value", { + boundObject: that.TLRadiusControl, + boundObjectPropertyPath: "value", + boundValueMutator: function(value) { + if (typeof value === "string") { + return parseFloat(value); + } + + return value; + } + }); + + Object.defineBinding(el, "units", { + boundObject: that.TLRadiusControl, + boundObjectPropertyPath: "units" + }); + }); + } + }, + + _removeBindings: { + value: function(els) { + els.forEach(function(el) { + Object.deleteBindings(el); + }); + } + }, + + _setCap: { + value: function(els) { + var that = this; + els.forEach(function(el) { + el.addEventListener("change", that, false); + }); + } + }, + + handleChange: { + value: function(event) { + var hotTxt = event.currentTarget + if(hotTxt.units === "%") { + if(hotTxt.value > 50) { + hotTxt.maxValue = 50; + } + return hotTxt.value; + } + + } + } + + +}); \ No newline at end of file diff --git a/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.css b/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.css new file mode 100644 index 00000000..7f1b0f7f --- /dev/null +++ b/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.css @@ -0,0 +1,6 @@ +/* + 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. + */ + diff --git a/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.html b/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.html new file mode 100644 index 00000000..321e9a5c --- /dev/null +++ b/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.js b/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.js new file mode 100644 index 00000000..a284703d --- /dev/null +++ b/js/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.js @@ -0,0 +1,25 @@ +/* +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; +var Component = require("montage/ui/component").Component; +var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; + +exports.RotateStageProperties = Montage.create(ToolProperties, { + + + _subPrepare: { + value: function() { + //this.divElement.addEventListener("click", this, false); + } + }, + + handleClick: { + value: function(event) { + // this.selectedElement = event._event.target.id; + } + } +}); \ No newline at end of file diff --git a/js/components/tools-properties/selection-properties.reel/selection-properties.css b/js/components/tools-properties/selection-properties.reel/selection-properties.css new file mode 100644 index 00000000..e3fe1755 --- /dev/null +++ b/js/components/tools-properties/selection-properties.reel/selection-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. + */ + +.selectionProperties { + margin-top: -6px; +} \ No newline at end of