diff options
Diffstat (limited to 'js/panels/color/colorpanelpopup.reel/colorpanelpopup.js')
-rwxr-xr-x | js/panels/color/colorpanelpopup.reel/colorpanelpopup.js | 739 |
1 files changed, 370 insertions, 369 deletions
diff --git a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js index 83d4e6ed..0b96778c 100755 --- a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js +++ b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js | |||
@@ -1,24 +1,25 @@ | |||
1 | /* <copyright> | 1 | /* <copyright> |
2 | Copyright (c) 2012, Motorola Mobility, Inc | 2 | Copyright (c) 2012, Motorola Mobility LLC. |
3 | All Rights Reserved. | 3 | All Rights Reserved. |
4 | BSD License. | ||
5 | 4 | ||
6 | Redistribution and use in source and binary forms, with or without | 5 | Redistribution and use in source and binary forms, with or without |
7 | modification, are permitted provided that the following conditions are met: | 6 | modification, are permitted provided that the following conditions are met: |
8 | 7 | ||
9 | - Redistributions of source code must retain the above copyright notice, | 8 | * Redistributions of source code must retain the above copyright notice, |
10 | this list of conditions and the following disclaimer. | 9 | this list of conditions and the following disclaimer. |
11 | - Redistributions in binary form must reproduce the above copyright | 10 | |
12 | notice, this list of conditions and the following disclaimer in the | 11 | * Redistributions in binary form must reproduce the above copyright notice, |
13 | documentation and/or other materials provided with the distribution. | 12 | this list of conditions and the following disclaimer in the documentation |
14 | - Neither the name of Motorola Mobility nor the names of its contributors | 13 | and/or other materials provided with the distribution. |
15 | may be used to endorse or promote products derived from this software | 14 | |
16 | without specific prior written permission. | 15 | * Neither the name of Motorola Mobility LLC nor the names of its |
16 | contributors may be used to endorse or promote products derived from this | ||
17 | software without specific prior written permission. | ||
17 | 18 | ||
18 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
19 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | 20 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
20 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
21 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
22 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
23 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
24 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -30,18 +31,18 @@ POSSIBILITY OF SUCH DAMAGE. | |||
30 | 31 | ||
31 | //////////////////////////////////////////////////////////////////////// | 32 | //////////////////////////////////////////////////////////////////////// |
32 | // | 33 | // |
33 | var Montage = require("montage/core/core").Montage, | 34 | var Montage = require("montage/core/core").Montage, |
34 | Component = require("montage/ui/component").Component, | 35 | Component = require("montage/ui/component").Component, |
35 | Slider = require("js/components/slider.reel").Slider, | 36 | Slider = require("js/components/slider.reel").Slider, |
36 | HotText = require("js/components/hottext.reel").HotText, | 37 | HotText = require("js/components/hottext.reel").HotText, |
37 | ColorWheel = require("js/components/colorwheel.reel").ColorWheel, | 38 | ColorWheel = require("js/components/colorwheel.reel").ColorWheel, |
38 | GradientPicker = require("js/components/gradientpicker.reel").GradientPicker; | 39 | GradientPicker = require("js/components/gradientpicker.reel").GradientPicker; |
39 | //////////////////////////////////////////////////////////////////////// | 40 | //////////////////////////////////////////////////////////////////////// |
40 | //Exporting as ColorPanelPopup | 41 | //Exporting as ColorPanelPopup |
41 | exports.ColorPanelPopup = Montage.create(Component, { | 42 | exports.ColorPanelPopup = Montage.create(Component, { |
42 | //////////////////////////////////////////////////////////////////// | 43 | //////////////////////////////////////////////////////////////////// |
43 | // | 44 | // |
44 | hasTemplate: { | 45 | hasTemplate: { |
45 | value: true | 46 | value: true |
46 | }, | 47 | }, |
47 | //////////////////////////////////////////////////////////////////// | 48 | //////////////////////////////////////////////////////////////////// |
@@ -58,424 +59,424 @@ exports.ColorPanelPopup = Montage.create(Component, { | |||
58 | //////////////////////////////////////////////////////////////////// | 59 | //////////////////////////////////////////////////////////////////// |
59 | // | 60 | // |
60 | _components: { | 61 | _components: { |
61 | value: null | 62 | value: null |
62 | }, | 63 | }, |
63 | //////////////////////////////////////////////////////////////////// | 64 | //////////////////////////////////////////////////////////////////// |
64 | // | 65 | // |
65 | setNoColor: { | 66 | setNoColor: { |
66 | value: function (code) { | 67 | value: function (code) { |
67 | if (this.colorManager) this.colorManager.applyNoColor(code); | 68 | if (this.colorManager) this.colorManager.applyNoColor(code); |
68 | // | 69 | // |
69 | if (!code && !this.props.panel) { | 70 | if (!code && !this.props.panel) { |
70 | this.dispatchEvent({type: 'change', wasSetByCode: code, mode: 'nocolor', value: null}); | 71 | this.dispatchEvent({type: 'change', wasSetByCode: code, mode: 'nocolor', value: null}); |
71 | } | 72 | } |
72 | } | 73 | } |
73 | }, | 74 | }, |
74 | //////////////////////////////////////////////////////////////////// | 75 | //////////////////////////////////////////////////////////////////// |
75 | // | 76 | // |
76 | prepareForDraw: { | 77 | prepareForDraw: { |
77 | value: function () { | 78 | value: function () { |
78 | // | 79 | // |
79 | this._components = null; | 80 | this._components = null; |
80 | this._components = {wheel: null, combo: null, gradient: null, hex: null}; | 81 | this._components = {wheel: null, combo: null, gradient: null, hex: null}; |
81 | } | 82 | } |
82 | }, | 83 | }, |
83 | //////////////////////////////////////////////////////////////////// | 84 | //////////////////////////////////////////////////////////////////// |
84 | // | 85 | // |
85 | willDraw: { | 86 | willDraw: { |
86 | value: function() { | 87 | value: function() { |
87 | // | 88 | // |
88 | this.element.style.opacity = 0; | 89 | this.element.style.opacity = 0; |
89 | // | 90 | // |
90 | this._components.combo = {}; | 91 | this._components.combo = {}; |
91 | this._components.combo.slider = Slider.create(); | 92 | this._components.combo.slider = Slider.create(); |
92 | this._components.combo.hottext = HotText.create(); | 93 | this._components.combo.hottext = HotText.create(); |
93 | this._components.combo.slider.element = this.alphaSlider; | 94 | this._components.combo.slider.element = this.alphaSlider; |
94 | this._components.combo.hottext.element = this.alphaHottext; | 95 | this._components.combo.hottext.element = this.alphaHottext; |
95 | // | 96 | // |
96 | Object.defineBinding(this._components.combo.hottext, "value", { | 97 | Object.defineBinding(this._components.combo.hottext, "value", { |
97 | boundObject: this._components.combo.slider, | 98 | boundObject: this._components.combo.slider, |
98 | boundObjectPropertyPath: "value", | 99 | boundObjectPropertyPath: "value", |
99 | oneway: false, | 100 | oneway: false, |
100 | boundValueMutator: function(value) { | 101 | boundValueMutator: function(value) { |
101 | return Math.round(value); | 102 | return Math.round(value); |
102 | } | 103 | } |
103 | }); | 104 | }); |
104 | // | 105 | // |
105 | if (this.application.ninja.colorController.colorView && this.props.panel) { | 106 | if (this.application.ninja.colorController.colorView && this.props.panel) { |
106 | Object.defineBinding(this._components.combo.slider, "value", { | 107 | Object.defineBinding(this._components.combo.slider, "value", { |
107 | boundObject: this.application.ninja.colorController.colorView._combo[3].slider, | 108 | boundObject: this.application.ninja.colorController.colorView._combo[3].slider, |
108 | boundObjectPropertyPath: "value", | 109 | boundObjectPropertyPath: "value", |
109 | oneway: false, | 110 | oneway: false, |
110 | boundValueMutator: function(value) { | 111 | boundValueMutator: function(value) { |
111 | return Math.round(value); | 112 | return Math.round(value); |
112 | } | 113 | } |
113 | }); | 114 | }); |
114 | } | 115 | } |
115 | // | 116 | // |
116 | this._components.combo.slider.maxValue = this._components.combo.hottext.maxValue = 100; | 117 | this._components.combo.slider.maxValue = this._components.combo.hottext.maxValue = 100; |
117 | // | 118 | // |
118 | if (this.application.ninja.colorController.colorView) { | 119 | if (this.application.ninja.colorController.colorView) { |
119 | this._components.combo.slider.customBackground = this.application.ninja.colorController.colorView._slider3Background.bind(this.application.ninja.colorController.colorView); | 120 | this._components.combo.slider.customBackground = this.application.ninja.colorController.colorView._slider3Background.bind(this.application.ninja.colorController.colorView); |
120 | } | 121 | } |
121 | // | 122 | // |
122 | this._components.combo.slider.addEventListener('change', this.alphaChange.bind(this), true); | 123 | this._components.combo.slider.addEventListener('change', this.alphaChange.bind(this), true); |
123 | this._components.combo.hottext.addEventListener('change', this.alphaChange.bind(this), true); | 124 | this._components.combo.hottext.addEventListener('change', this.alphaChange.bind(this), true); |
124 | // | 125 | // |
125 | this._components.wheel = ColorWheel.create(); | 126 | this._components.wheel = ColorWheel.create(); |
126 | this._components.wheel.element = this.wheel; | 127 | this._components.wheel.element = this.wheel; |
127 | this._components.wheel.element.style.display = 'block'; | 128 | this._components.wheel.element.style.display = 'block'; |
128 | this._components.wheel.rimWidth = 14; | 129 | this._components.wheel.rimWidth = 14; |
129 | this._components.wheel.strokeWidth = 2; | 130 | this._components.wheel.strokeWidth = 2; |
130 | // | 131 | // |
131 | this._components.wheel.value = this.colorManager.hsv; | 132 | this._components.wheel.value = this.colorManager.hsv; |
132 | this._components.wheel.addEventListener('change', this, true); | 133 | this._components.wheel.addEventListener('change', this, true); |
133 | this._components.wheel.addEventListener('changing', this, true); | 134 | this._components.wheel.addEventListener('changing', this, true); |
134 | // | 135 | // |
135 | Object.defineBinding(this._components.wheel, "value", { | 136 | Object.defineBinding(this._components.wheel, "value", { |
136 | boundObject: this.colorManager, | 137 | boundOb |