diff options
| author | Jose Antonio Marquez | 2012-02-11 22:33:26 -0800 |
|---|---|---|
| committer | Jose Antonio Marquez | 2012-02-11 22:33:26 -0800 |
| commit | c6ed3331e88eb01a52ac533e5449df3af2fb5965 (patch) | |
| tree | 2b660dc94a98bad02b46ba44a28424d692435fb3 /js/components/tools-properties/pen-properties.reel | |
| parent | 5d38e575b2bafeae9bd676247fce15ec5f78fa32 (diff) | |
| parent | e142611e22718b1f1d1696902ad9161ec5f33f98 (diff) | |
| download | ninja-c6ed3331e88eb01a52ac533e5449df3af2fb5965.tar.gz | |
Merge branch 'refs/heads/NinjaInternal' into Color
Diffstat (limited to 'js/components/tools-properties/pen-properties.reel')
| -rw-r--r-- | js/components/tools-properties/pen-properties.reel/pen-properties.html | 22 | ||||
| -rw-r--r-- | js/components/tools-properties/pen-properties.reel/pen-properties.js | 18 |
2 files changed, 21 insertions, 19 deletions
diff --git a/js/components/tools-properties/pen-properties.reel/pen-properties.html b/js/components/tools-properties/pen-properties.reel/pen-properties.html index 7af35a03..74a3a747 100644 --- a/js/components/tools-properties/pen-properties.reel/pen-properties.html +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.html | |||
| @@ -12,12 +12,25 @@ | |||
| 12 | <script type="text/montage-serialization"> | 12 | <script type="text/montage-serialization"> |
| 13 | { | 13 | { |
| 14 | 14 | ||
| 15 | "strokeSizeHT": { | ||
| 16 | "module": "js/components/hottextunit.reel", | ||
| 17 | "name": "HotTextUnit", | ||
| 18 | "properties": { | ||
| 19 | "element": {"#": "strokeSize"}, | ||
| 20 | "minValue": 1, | ||
| 21 | "maxValue": 100, | ||
| 22 | "value": 1, | ||
| 23 | "decimalPlace": 10, | ||
| 24 | "acceptableUnits" : ["px", "pt"] | ||
| 25 | } | ||
| 26 | }, | ||
| 27 | |||
| 15 | "owner": { | 28 | "owner": { |
| 16 | "module": "js/components/tools-properties/pen-properties.reel", | 29 | "module": "js/components/tools-properties/pen-properties.reel", |
| 17 | "name": "PenProperties", | 30 | "name": "PenProperties", |
| 18 | "properties": { | 31 | "properties": { |
| 19 | "element": {"#": "penProperties"}, | 32 | "element": {"#": "penProperties"}, |
| 20 | "reset": {"#": "resetPenTool"} | 33 | "_strokeSize": {"@": "strokeSizeHT"} |
| 21 | } | 34 | } |
| 22 | } | 35 | } |
| 23 | } | 36 | } |
| @@ -26,9 +39,12 @@ | |||
| 26 | </head> | 39 | </head> |
| 27 | 40 | ||
| 28 | <body> | 41 | <body> |
| 29 | <div id="penProperties" class="subToolHolderPanel"> | 42 | <div id="penProperties" class="subToolHolderPanel"> |
| 30 | <button id="resetPenTool" tabindex="0" class="montage-button" aria-role="button" aria-busy="false">Reset</button> | 43 | <div id="strokesContainer" class="leftLabel" style="margin-left:25px; padding-top: 3px;"> |
| 44 | <label class="label"> Stroke:</label> | ||
| 45 | <div id="strokeSize" class="label"></div> | ||
| 31 | </div> | 46 | </div> |
| 47 | </div> | ||
| 32 | </body> | 48 | </body> |
| 33 | 49 | ||
| 34 | </html> \ No newline at end of file | 50 | </html> \ 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 index ec8efa69..b57f9a6f 100644 --- a/js/components/tools-properties/pen-properties.reel/pen-properties.js +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.js | |||
| @@ -5,24 +5,10 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 5 | </copyright> */ | 5 | </copyright> */ |
| 6 | 6 | ||
| 7 | var Montage = require("montage/core/core").Montage; | 7 | var Montage = require("montage/core/core").Montage; |
| 8 | var Component = require("montage/ui/component").Component; | ||
| 9 | var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager; | ||
| 10 | var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; | 8 | var ToolProperties = require("js/components/tools-properties/tool-properties").ToolProperties; |
| 11 | 9 | ||
| 12 | exports.PenProperties = Montage.create(ToolProperties, { | 10 | exports.PenProperties = Montage.create(ToolProperties, { |
| 13 | reset: { value: null }, | 11 | strokeSize: { |
| 14 | 12 | get: function() { return this._strokeSize; } | |
| 15 | _subPrepare: { | ||
| 16 | value: function() { | ||
| 17 | this.reset.addEventListener("click", this, false); | ||
| 18 | } | ||
| 19 | }, | ||
| 20 | |||
| 21 | handleClick: { | ||
| 22 | value: function(event) { | ||
| 23 | var newEvent = document.createEvent( "CustomEvent" ); | ||
| 24 | newEvent.initCustomEvent( "resetPenTool", false, true ); | ||
| 25 | defaultEventManager.dispatchEvent( newEvent ); | ||
| 26 | } | ||
| 27 | } | 13 | } |
| 28 | }); \ No newline at end of file | 14 | }); \ No newline at end of file |