diff options
author | Pushkar Joshi | 2012-05-22 13:21:32 -0700 |
---|---|---|
committer | Pushkar Joshi | 2012-05-22 13:21:32 -0700 |
commit | f4df8204a57e1bc6021b651ebb2259f9931cf26f (patch) | |
tree | 629352d8c01214a0fa1a08be1f4a4961aa64aa32 /js | |
parent | 11cfa9ef2871002b600f1c18f4e06e55a826163c (diff) | |
download | ninja-f4df8204a57e1bc6021b651ebb2259f9931cf26f.tar.gz |
allow changes in the pen subtool in options to be seen by the pen tool code (can now select the pen plus, pen minus subtools) AND
add keyboard shortcut for brush tool
Diffstat (limited to 'js')
-rwxr-xr-x | js/components/tools-properties/pen-properties.reel/pen-properties.js | 28 | ||||
-rwxr-xr-x | js/data/tools-data.js | 4 | ||||
-rwxr-xr-x | js/mediators/keyboard-mediator.js | 7 | ||||
-rwxr-xr-x | js/tools/PenTool.js | 31 |
4 files changed, 66 insertions, 4 deletions
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 cd205e07..aba6cb61 100755 --- a/js/components/tools-properties/pen-properties.reel/pen-properties.js +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.js | |||
@@ -9,6 +9,17 @@ var ToolProperties = require("js/components/tools-properties/tool-properties").T | |||
9 | 9 | ||
10 | var PenProperties = exports.PenProperties = Montage.create(ToolProperties, { | 10 | var PenProperties = exports.PenProperties = Montage.create(ToolProperties, { |
11 | addedColorChips: { value: false }, | 11 | addedColorChips: { value: false }, |
12 | _penToolRadio: { value: null, enumerable: false }, | ||
13 | _penPlusRadio: { value: null, enumerable: false }, | ||
14 | _penMinusRadio: { value: null, enumerable: false }, | ||
15 | |||
16 | _subPrepare: { | ||
17 | value: function() { | ||
18 | this._penToolRadio.addEventListener("click", this, false); | ||
19 | this._penPlusRadio.addEventListener("click", this, false); | ||
20 | this._penMinusRadio.addEventListener("click", this, false); | ||
21 | } | ||
22 | }, | ||
12 | 23 | ||
13 | _fill: { | 24 | _fill: { |
14 | enumerable: false, | 25 | enumerable: false, |
@@ -50,6 +61,23 @@ var PenProperties = exports.PenProperties = Montage.create(ToolProperties, { | |||
50 | } | 61 | } |
51 | }, | 62 | }, |
52 | 63 | ||
64 | _selectedSubtool: { | ||
65 | value: "pen", enumerable: false | ||
66 | }, | ||
67 | |||
68 | selectedSubtool: { | ||
69 | get: function() { return this._selectedSubtool;}, | ||
70 | set: function(value) { this._selectedSubtool = value; } | ||
71 | }, | ||
72 | |||
73 | handleClick: { | ||
74 | value: function(event) { | ||
75 | this._selectedSubtool = event._event.target.value; | ||
76 | console.log("handleClick changing pen tool subtool to "+this.selectedSubtool); | ||
77 | NJevent("penSubToolChange"); | ||
78 | } | ||
79 | }, | ||
80 | |||
53 | draw: { | 81 | draw: { |
54 | enumerable: false, | 82 | enumerable: false, |
55 | value: function () { | 83 | value: function () { |
diff --git a/js/data/tools-data.js b/js/data/tools-data.js index 32eaf24d..179e8e81 100755 --- a/js/data/tools-data.js +++ b/js/data/tools-data.js | |||
@@ -100,7 +100,7 @@ exports.ToolsData = Montage.create(Montage, { | |||
100 | "properties": "penProperties", | 100 | "properties": "penProperties", |
101 | "spriteSheet": true, | 101 | "spriteSheet": true, |
102 | "action": "PenTool", | 102 | "action": "PenTool", |
103 | "toolTip": "Pen Tool", | 103 | "toolTip": "Pen Tool (P)", |
104 | "cursor": "auto", | 104 | "cursor": "auto", |
105 | "lastInGroup": false, | 105 | "lastInGroup": false, |
106 | "container": false, | 106 | "container": false, |
@@ -159,7 +159,7 @@ exports.ToolsData = Montage.create(Montage, { | |||
159 | "properties": "brushProperties", | 159 | "properties": "brushProperties", |
160 | "spriteSheet": true, | 160 | "spriteSheet": true, |
161 | "action": "BrushTool", | 161 | "action": "BrushTool", |
162 | "toolTip": "Brush Tool", | 162 | "toolTip": "Brush Tool (B)", |
163 | "cursor": "url('images/tools/brush_down.png') 9 17, default", | 163 | "cursor": "url('images/tools/brush_down.png') 9 17, default", |
164 | "lastInGroup": false, | 164 | "lastInGroup": false, |
165 | "container": false, | 165 | "container": false, |
diff --git a/js/mediators/keyboard-mediator.js b/js/mediators/keyboard-mediator.js index 029c0916..5d5537d5 100755 --- a/js/mediators/keyboard-mediator.js +++ b/js/mediators/keyboard-mediator.js | |||
@@ -142,6 +142,13 @@ exports.KeyboardMediator = Montage.create(Component, { | |||
142 | return; | 142 | return; |
143 | } | 143 | } |
144 | 144 | ||
145 | // shortcut for Brush tool is B | ||
146 | if (evt.keyCode === Keyboard.B){ | ||
147 | evt.preventDefault(); | ||
148 | this.application.ninja.handleSelectTool({ "detail": this.application.ninja.toolsData.defaultToolsData[this.application.ninja.toolsData.brushToolIndex] }); | ||
149 | return; | ||
150 | } | ||
151 | |||
145 | // Shortcut for Rectangle Tool is R | 152 | // Shortcut for Rectangle Tool is R |
146 | // unless the user is pressing the command key. | 153 | // unless the user is pressing the command key. |
147 | // If the user is pressing the command key, they want to refresh the browser. | 154 | // If the user is pressing the command key, they want to refresh the browser. |
diff --git a/js/tools/PenTool.js b/js/tools/PenTool.js index cc8ec394..bbde7374 100755 --- a/js/tools/PenTool.js +++ b/js/tools/PenTool.js | |||
@@ -1468,8 +1468,8 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
1468 | } | 1468 | } |
1469 | this._isPickedEndPointInSelectPathMode = false; //only applies to the ENTRY_SELECT_PATH mode | 1469 | this._isPickedEndPointInSelectPathMode = false; //only applies to the ENTRY_SELECT_PATH mode |
1470 | 1470 | ||
1471 | this._subtool = this.SUBTOOL_NONE; | 1471 | this.handlePenSubToolChange(); |
1472 | //this.SUBTOOL_PENMINUS; | 1472 | //this._subtool = this.SUBTOOL_NONE; //this.SUBTOOL_PENMINUS; |
1473 | 1473 | ||
1474 | if (this._trackMouseMoveWhenUp){ | 1474 | if (this._trackMouseMoveWhenUp){ |
1475 | NJevent("enableStageMove"); | 1475 | NJevent("enableStageMove"); |
@@ -1477,6 +1477,7 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
1477 | this.eventManager.addEventListener("openDocument", this, false); | 1477 | this.eventManager.addEventListener("openDocument", this, false); |
1478 | this.eventManager.addEventListener("switchDocument", this, false); | 1478 | this.eventManager.addEventListener("switchDocument", this, false); |
1479 | this.eventManager.addEventListener("closeDocument", this, false); | 1479 | this.eventManager.addEventListener("closeDocument", this, false); |
1480 | this.eventManager.addEventListener("penSubToolChange", this, false); | ||
1480 | } //if the pen tool was selected | 1481 | } //if the pen tool was selected |
1481 | else { | 1482 | else { |
1482 | if (this._trackMouseMoveWhenUp){ | 1483 | if (this._trackMouseMoveWhenUp){ |
@@ -1489,10 +1490,36 @@ exports.PenTool = Montage.create(ShapeTool, { | |||
1489 | this.eventManager.removeEventListener("openDocument", this, false); | 1490 | this.eventManager.removeEventListener("openDocument", this, false); |
1490 | this.eventManager.removeEventListener("switchDocument", this, false); | 1491 | this.eventManager.removeEventListener("switchDocument", this, false); |
1491 | this.eventManager.removeEventListener("closeDocument", this, false); | 1492 | this.eventManager.removeEventListener("closeDocument", this, false); |
1493 | this.eventManager.removeEventListener("penSubToolChange", this, false); | ||
1492 | } //if the pen tool was de-selected | 1494 | } //if the pen tool was de-selected |
1493 | } | 1495 | } |
1494 | }, | 1496 | }, |
1495 | 1497 | ||
1498 | handlePenSubToolChange: { | ||
1499 | value: function() { | ||
1500 | switch (this.options.selectedSubtool){ | ||
1501 | case "pen": | ||
1502 | this._subtool = this.SUBTOOL_NONE; | ||
1503 | console.log("Setting pen tool subtool to NONE"); | ||
1504 | break; | ||
1505 | |||
1506 | case "penPlus": | ||
1507 | console.log("Setting pen tool subtool to PLUS"); | ||
1508 | this._subtool = this.SUBTOOL_PENPLUS; | ||
1509 | break; | ||
1510 | |||
1511 | case "penMinus": | ||
1512 | console.log("Setting pen tool subtool to MINUS"); | ||
1513 | this._subtool = this.SUBTOOL_PENMINUS; | ||
1514 | break; | ||
1515 | |||
1516 | default: | ||
1517 | console.log("Setting pen tool subtool to NONE"); | ||
1518 | this._subtool = this.SUBTOOL_NONE; | ||
1519 | break; | ||
1520 | } | ||
1521 | } | ||
1522 | }, | ||
1496 | handleDelete:{ | 1523 | handleDelete:{ |
1497 | value: function(event){ | 1524 | value: function(event){ |
1498 | //clear the selected subpath...the only new additions to this function w.r.t. ToolBase | 1525 | //clear the selected subpath...the only new additions to this function w.r.t. ToolBase |