diff options
30 files changed, 504 insertions, 1659 deletions
diff --git a/js/components/gradientpicker.reel/gradientpicker.js b/js/components/gradientpicker.reel/gradientpicker.js index 6071f3c6..853d77f9 100755 --- a/js/components/gradientpicker.reel/gradientpicker.js +++ b/js/components/gradientpicker.reel/gradientpicker.js | |||
@@ -43,7 +43,7 @@ exports.GradientPicker = Montage.create(Component, { | |||
43 | get: function() {return this._mode;}, | 43 | get: function() {return this._mode;}, |
44 | set: function(value) { | 44 | set: function(value) { |
45 | // | 45 | // |
46 | this.application.ninja.colorController.colorPopupManager.hideColorChipPopup(); | 46 | this.application.ninja.colorController.colorPopupManager.hideGradientChipPopup(); |
47 | // | 47 | // |
48 | this._mode = value; | 48 | this._mode = value; |
49 | // | 49 | // |
@@ -132,7 +132,7 @@ exports.GradientPicker = Montage.create(Component, { | |||
132 | value: function(data, silent) { | 132 | value: function(data, silent) { |
133 | if (this.application.ninja.colorController.colorPopupManager) { | 133 | if (this.application.ninja.colorController.colorPopupManager) { |
134 | //Hiding any open popups (of gradient buttons) | 134 | //Hiding any open popups (of gradient buttons) |
135 | this.application.ninja.colorController.colorPopupManager.hideColorChipPopup(); | 135 | this.application.ninja.colorController.colorPopupManager.hideGradientChipPopup(); |
136 | //Creating stop elements | 136 | //Creating stop elements |
137 | var stop = document.createElement('div'), | 137 | var stop = document.createElement('div'), |
138 | holder = document.createElement('div'), | 138 | holder = document.createElement('div'), |
@@ -160,7 +160,7 @@ exports.GradientPicker = Montage.create(Component, { | |||
160 | //Initialing button with color data | 160 | //Initialing button with color data |
161 | button.color(data.color.mode, data.color.value); | 161 | button.color(data.color.mode, data.color.value); |
162 | //Button popup data | 162 | //Button popup data |
163 | button.props = {side: 'top', align: 'center', nocolor: false, wheel: true, palette: true, gradient: false, image: false, offset: -84, panel: true}; | 163 | button.props = {side: 'top', align: 'center', nocolor: false, wheel: true, palette: false, gradient: false, image: false, offset: -84, gradientPopup: true, history: false}; |
164 | //Listening for color events from button | 164 | //Listening for color events from button |
165 | button.addEventListener('change', this, false); | 165 | button.addEventListener('change', this, false); |
166 | //Dispatching event depending on type of mode | 166 | //Dispatching event depending on type of mode |
@@ -263,7 +263,7 @@ exports.GradientPicker = Montage.create(Component, { | |||
263 | // | 263 | // |
264 | this._updating = true; | 264 | this._updating = true; |
265 | // | 265 | // |
266 | this.application.ninja.colorController.colorPopupManager.hideColorChipPopup(); | 266 | this.application.ninja.colorController.colorPopupManager.hideGradientChipPopup(); |
267 | // | 267 | // |
268 | if (e._event.y > this._trackData.y+70 || e._event.y < this._trackData.y) { | 268 | if (e._event.y > this._trackData.y+70 || e._event.y < this._trackData.y) { |
269 | this.removeStop(this.currentStop); | 269 | this.removeStop(this.currentStop); |
diff --git a/js/components/tools-properties/brush-properties.reel/brush-properties.js b/js/components/tools-properties/brush-properties.reel/brush-properties.js index 1af128af..d1f97260 100755 --- a/js/components/tools-properties/brush-properties.reel/brush-properties.js +++ b/js/components/tools-properties/brush-properties.reel/brush-properties.js | |||
@@ -74,7 +74,7 @@ var BrushProperties = exports.BrushProperties = Montage.create(ToolProperties, { | |||
74 | Object.getPrototypeOf(BrushProperties).draw.call(this); | 74 | Object.getPrototypeOf(BrushProperties).draw.call(this); |
75 | 75 | ||
76 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { | 76 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { |
77 | this._fillColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; | 77 | this._fillColorCtrl.props = {side: 'top', align: 'left', wheel: true, palette: true, gradient: true, image: false, nocolor: true, offset: 8}; |
78 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); | 78 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); |
79 | 79 | ||
80 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); | 80 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); |
diff --git a/js/components/tools-properties/fill-properties.reel/fill-properties.js b/js/components/tools-properties/fill-properties.reel/fill-properties.js index ef1699af..11dec294 100755 --- a/js/components/tools-properties/fill-properties.reel/fill-properties.js +++ b/js/components/tools-properties/fill-properties.reel/fill-properties.js | |||
@@ -60,7 +60,7 @@ var FillProperties = exports.FillProperties = Montage.create(ToolProperties, { | |||
60 | Object.getPrototypeOf(FillProperties).draw.call(this); | 60 | Object.getPrototypeOf(FillProperties).draw.call(this); |
61 | 61 | ||
62 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { | 62 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { |
63 | this._fillColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; | 63 | this._fillColorCtrl.props = {side: 'top', align: 'left', wheel: true, palette: true, gradient: true, image: false, nocolor: true, offset: 8}; |
64 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); | 64 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); |
65 | 65 | ||
66 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); | 66 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); |
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 index 25823d11..9ae7c5bc 100755 --- 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 | |||
@@ -100,7 +100,7 @@ var InkBottleProperties = exports.InkBottleProperties = Montage.create(ToolPrope | |||
100 | 100 | ||
101 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { | 101 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { |
102 | // setup stroke color | 102 | // setup stroke color |
103 | this._strokeColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; | 103 | this._strokeColorCtrl.props = {side: 'top', align: 'left', wheel: true, palette: true, gradient: true, image: false, nocolor: true, offset: 8}; |
104 | this.application.ninja.colorController.addButton("chip", this._strokeColorCtrl); | 104 | this.application.ninja.colorController.addButton("chip", this._strokeColorCtrl); |
105 | 105 | ||
106 | this._strokeColorCtrl.addEventListener("change", this.handleStrokeColorChange.bind(this), false); | 106 | this._strokeColorCtrl.addEventListener("change", this.handleStrokeColorChange.bind(this), false); |
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 78065b99..4f7e3474 100755 --- a/js/components/tools-properties/pen-properties.reel/pen-properties.js +++ b/js/components/tools-properties/pen-properties.reel/pen-properties.js | |||
@@ -111,11 +111,11 @@ var PenProperties = exports.PenProperties = Montage.create(ToolProperties, { | |||
111 | 111 | ||
112 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { | 112 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { |
113 | // setup fill color | 113 | // setup fill color |
114 | this._fillColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; | 114 | this._fillColorCtrl.props = {side: 'top', align: 'center', wheel: true, palette: true, gradient: true, image: false, nocolor: true, offset: -80}; |
115 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); | 115 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); |
116 | 116 | ||
117 | // setup stroke color | 117 | // setup stroke color |
118 | this._strokeColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; | 118 | this._strokeColorCtrl.props = {side: 'top', align: 'center', wheel: true, palette: true, gradient: true, image: false, nocolor: true, offset: -80}; |
119 | this.application.ninja.colorController.addButton("chip", this._strokeColorCtrl); | 119 | this.application.ninja.colorController.addButton("chip", this._strokeColorCtrl); |
120 | 120 | ||
121 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); | 121 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); |
diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.js b/js/components/tools-properties/shape-properties.reel/shape-properties.js index 7306275a..e6b71f95 100755 --- a/js/components/tools-properties/shape-properties.reel/shape-properties.js +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.js | |||
@@ -125,11 +125,11 @@ var ShapeProperties = exports.ShapeProperties = Montage.create(ToolProperties, { | |||
125 | 125 | ||
126 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { | 126 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { |
127 | // setup fill color | 127 | // setup fill color |
128 | this._fillColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; | 128 | this._fillColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: true, image: false, nocolor: true, offset: -80 }; |
129 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); | 129 | this.application.ninja.colorController.addButton("chip", this._fillColorCtrl); |
130 | 130 | ||
131 | // setup stroke color | 131 | // setup stroke color |
132 | this._strokeColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: false, image: false, nocolor: true, offset: -80 }; | 132 | this._strokeColorCtrl.props = { side: 'top', align: 'center', wheel: true, palette: true, gradient: true, image: false, nocolor: true, offset: -80 }; |
133 | this.application.ninja.colorController.addButton("chip", this._strokeColorCtrl); | 133 | this.application.ninja.colorController.addButton("chip", this._strokeColorCtrl); |
134 | 134 | ||
135 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); | 135 | this._fillColorCtrl.addEventListener("change", this.handleFillColorChange.bind(this), false); |
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 d38419aa..ab745049 100755 --- a/js/components/tools-properties/tag-properties.reel/tag-properties.js +++ b/js/components/tools-properties/tag-properties.reel/tag-properties.js | |||
@@ -65,7 +65,7 @@ var TagProperties = exports.TagProperties = Montage.create(ToolProperties, { | |||
65 | Object.getPrototypeOf(TagProperties).draw.call(this); | 65 | Object.getPrototypeOf(TagProperties).draw.call(this); |
66 | 66 | ||
67 | if (this.addedColorChips === false && this.application.ninja.colorController.colorPanelDrawn) { | 67 | if (this.addedColorChips === false &&a |