diff options
author | Kruti Shah | 2012-07-17 12:40:00 -0700 |
---|---|---|
committer | Kruti Shah | 2012-07-17 12:40:00 -0700 |
commit | bf2d7bdb22c28089dc1067bc9094ebc590daac87 (patch) | |
tree | 2156d9920ea1b7db49ed6460545fea7cda121bae /js/panels/color/colorpopup-manager.js | |
parent | 7e2c2dbd040ed79a3f0678f91bd4b6db9cf69231 (diff) | |
parent | b4b3e45d6684e77d361b4f8ca5be4889428320c5 (diff) | |
download | ninja-bf2d7bdb22c28089dc1067bc9094ebc590daac87.tar.gz |
Merge branch 'refs/heads/TimelineUberJD' into Timeline-local-kruti
Diffstat (limited to 'js/panels/color/colorpopup-manager.js')
-rwxr-xr-x | js/panels/color/colorpopup-manager.js | 1277 |
1 files changed, 639 insertions, 638 deletions
diff --git a/js/panels/color/colorpopup-manager.js b/js/panels/color/colorpopup-manager.js index 7daf0e97..7b18b011 100755 --- a/js/panels/color/colorpopup-manager.js +++ b/js/panels/color/colorpopup-manager.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 |
@@ -27,156 +28,156 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | |||
27 | ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | 28 | ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE |
28 | POSSIBILITY OF SUCH DAMAGE. | 29 | POSSIBILITY OF SUCH DAMAGE. |
29 | </copyright> */ | 30 | </copyright> */ |
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 | ColorPanelPopup = require("js/panels/Color/colorpanelpopup.reel").ColorPanelPopup, | 36 | ColorPanelPopup = require("js/panels/Color/colorpanelpopup.reel").ColorPanelPopup, |
36 | ColorModel = require("js/models/color-model").ColorModel; | 37 | ColorModel = require("js/models/color-model").ColorModel; |
37 | //////////////////////////////////////////////////////////////////////// | 38 | //////////////////////////////////////////////////////////////////////// |
38 | //Exporting as ColorPopupManager | 39 | //Exporting as ColorPopupManager |
39 | exports.ColorPopupManager = Montage.create(Component, { | 40 | exports.ColorPopupManager = Montage.create(Component, { |
40 | //////////////////////////////////////////////////////////////////// | 41 | //////////////////////////////////////////////////////////////////// |
41 | // | 42 | // |
42 | hasTemplate: { | 43 | hasTemplate: { |
43 | value: false | 44 | value: false |
44 | }, | 45 | }, |
45 | //////////////////////////////////////////////////////////////////// | 46 | //////////////////////////////////////////////////////////////////// |
46 | // | 47 | // |
47 | _hasCloseEvents: { | 48 | _hasCloseEvents: { |
48 | value: false | 49 | value: false |
49 | }, | 50 | }, |
50 | //////////////////////////////////////////////////////////////////// | 51 | //////////////////////////////////////////////////////////////////// |
51 | // | 52 | // |
52 | addCloseEvents: { | 53 | addCloseEvents: { |
53 | value: function () { | 54 | value: function () { |
54 | // | 55 | // |
55 | this._hasCloseEvents = true; | 56 | this._hasCloseEvents = true; |
56 | //////////////////////////////////////////////////////////// | 57 | //////////////////////////////////////////////////////////// |
57 | //Closing popups on resize | 58 | //Closing popups on resize |
58 | window.addEventListener('resize', this, false); | 59 | window.addEventListener('resize', this, false); |
59 | //Closing popups if outside limits | 60 | //Closing popups if outside limits |
60 | document.addEventListener('mousedown', this, false); | 61 | document.addEventListener('mousedown', this, false); |
61 | //////////////////////////////////////////////////////////// | 62 | //////////////////////////////////////////////////////////// |
62 | } | 63 | } |
63 | }, | 64 | }, |
64 | //////////////////////////////////////////////////////////////////// | 65 | //////////////////////////////////////////////////////////////////// |
65 | // | 66 | // |
66 | removeCloseEvents: { | 67 | removeCloseEvents: { |
67 | value: function () { | 68 | value: function () { |
68 | // | 69 | // |
69 | this._hasCloseEvents = false; | 70 | this._hasCloseEvents = false; |
70 | //////////////////////////////////////////////////////////// | 71 | //////////////////////////////////////////////////////////// |
71 | //Closing popups on resize | 72 | //Closing popups on resize |
72 | window.removeEventListener('resize', this, false); | 73 | window.removeEventListener('resize', this, false); |
73 | //Closing popups if outside limits | 74 | //Closing popups if outside limits |
74 | document.removeEventListener('mousedown', this, false); | 75 | document.removeEventListener('mousedown', this, false); |
75 | //////////////////////////////////////////////////////////// | 76 | //////////////////////////////////////////////////////////// |
76 | } | 77 | } |
77 | }, | 78 | }, |
78 | //////////////////////////////////////////////////////////////////// | 79 | //////////////////////////////////////////////////////////////////// |
79 | // | 80 | // |
80 | handleMousedown: { | 81 | handleMousedown: { |
81 | value: function (e) { | 82 | value: function (e) { |
82 | // | 83 | // |
83 | this.closeAllPopups(e); | 84 | this.closeAllPopups(e); |
84 | } | 85 | } |
85 | }, | 86 | }, |
86 | //////////////////////////////////////////////////////////////////// | 87 | //////////////////////////////////////////////////////////////////// |
87 | // | 88 | // |
88 | handleResize: { | 89 | handleResize: { |
89 | value: function (e) { | 90 | value: function (e) { |
90 | // | 91 | // |
91 | this.hideColorPopup(); | 92 | this.hideColorPopup(); |
92 | } | 93 | } |
93 | }, | 94 | }, |
94 | //////////////////////////////////////////////////////////////////// | 95 | //////////////////////////////////////////////////////////////////// |
95 | // | 96 | // |
96 | closeAllPopups: { | 97 | closeAllPopups: { |
97 | value: function (e) { | 98 | value: function (e) { |
98 | // | 99 | // |
99 | if (this._popupBase && !this._popupChipBase && !this._popupGradientChipBase) { | 100 | if (this._popupBase && !this._popupChipBase && !this._popupGradientChipBase) { |
100 | if(!this.popupHitCheck(this._popupBase, e)) { | 101 | if(!this.popupHitCheck(this._popupBase, e)) { |
101 | this.hideColorPopup(); | 102 | this.hideColorPopup(); |
102 | } | 103 | } |
103 | } else if (!this._popupBase && this._popupChipBase && !this._popupGradientChipBase) { | 104 | } else if (!this._popupBase && this._popupChipBase && !this._popupGradientChipBase) { |
104 | if(!this.popupHitCheck(this._popupChipBase, e)) { | 105 | if(!this.popupHitCheck(this._popupChipBase, e)) { |
105 | this.hideColorChipPopup(); | 106 | this.hideColorChipPopup(); |
106 | } | 107 | } |
107 | } else if (this._popupBase && this._popupChipBase && !this._popupGradientChipBase) { | 108 | } else if (this._popupBase && this._popupChipBase && !this._popupGradientChipBase) { |
108 | if(!this.popupHitCheck(this._popupBase, e) && !this.popupHitCheck(this._popupChipBase, e)) { | 109 | if(!this.popupHitCheck(this._popupBase, e) && !this.popupHitCheck(this._popupChipBase, e)) { |
109 | this.hideColorPopup(); | 110 | this.hideColorPopup(); |
110 | } | 111 | } |
111 | } else if (this._popupBase && this._popupChipBase && this._popupGradientChipBase) { | 112 | } else if (this._popupBase && this._popupChipBase && this._popupGradientChipBase) { |
112 | if(!this.popupHitCheck(this._popupBase, e) && !this.popupHitCheck(this._popupChipBase, e) && !this.popupHitCheck(this._popupGradientChipBase, e)) { | 113 | if(!this.popupHitCheck(this._popupBase, e) && !this.popupHitCheck(this._popupChipBase, e) && !this.popupHitCheck(this._popupGradientChipBase, e)) { |
113 | this.hideColorPopup(); | 114 | this.hideColorPopup(); |
114 | } | 115 | } |
115 | } else if (!this._popupBase && this._popupChipBase && this._popupGradientChipBase) { | 116 | } else if (!this._popupBase && this._popupChipBase && this._popupGradientChipBase) { |
116 | if(!this.popupHitCheck(this._popupChipBase, e) && !this.popupHitCheck(this._popupGradientChipBase, e)) { | 117 | if(!this.popupHitCheck(this._popupChipBase, e) && !this.popupHitCheck(this._popupGradientChipBase, e)) { |
117 | this.hideColorChipPopup(); | 118 | this.hideColorChipPopup(); |
118 | } | 119 | } |
119 | } else if (this._popupBase && !this._popupChipBase && this._popupGradientChipBase) { | 120 | } else if (this._popupBase && !this._popupChipBase && this._popupGradientChipBase) { |
120 | if(!this.popupHitCheck(this._popupBase, e) && !this.popupHitCheck(this._popupGradientChipBase, e)) { | 121 | if(!this.popupHitCheck(this._popupBase, e) && !this.popupHitCheck(this._popupGradientChipBase, e)) { |
121 | this.hideColorPopup(); | 122 | this.hideColorPopup(); |
122 | } | 123 | } |
123 | } | 124 | } |
124 | } | 125 | } |
125 | }, | 126 | }, |
126 | //////////////////////////////////////////////////////////////////// | 127 | //////////////////////////////////////////////////////////////////// |
127 | // | 128 | // |
128 | popupHitCheck: { | 129 | popupHitCheck: { |
129 | value: function (element, e) { | 130 | value: function (element, e) { |
130 | //Prevent any action for button to handle toggling | 131 | //Prevent any action for button to handle toggling |
131 | if (e._event.target.inputType || e._event.target.colorMode) return true; | 132 | if (e._event.target.inputType || e._event.target.colorMode) return true; |
132 | //Storing limits of popup | 133 | //Storing limits of popup |
133 | var top, bottom, left, right; |