diff options
Diffstat (limited to 'js/components/popup-manager.reel')
-rwxr-xr-x | js/components/popup-manager.reel/popup-manager.html | 47 | ||||
-rwxr-xr-x | js/components/popup-manager.reel/popup-manager.js | 235 |
2 files changed, 142 insertions, 140 deletions
diff --git a/js/components/popup-manager.reel/popup-manager.html b/js/components/popup-manager.reel/popup-manager.html index 281477f1..b26aa94b 100755 --- a/js/components/popup-manager.reel/popup-manager.html +++ b/js/components/popup-manager.reel/popup-manager.html | |||
@@ -1,26 +1,27 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <!-- | 2 | <!-- |
3 | <copyright> | 3 | <copyright> |
4 | Copyright (c) 2012, Motorola Mobility, Inc | 4 | Copyright (c) 2012, Motorola Mobility LLC. |
5 | All Rights Reserved. | 5 | All Rights Reserved. |
6 | BSD License. | ||
7 | 6 | ||
8 | Redistribution and use in source and binary forms, with or without | 7 | Redistribution and use in source and binary forms, with or without |
9 | modification, are permitted provided that the following conditions are met: | 8 | modification, are permitted provided that the following conditions are met: |
10 | 9 | ||
11 | - Redistributions of source code must retain the above copyright notice, | 10 | * Redistributions of source code must retain the above copyright notice, |
12 | this list of conditions and the following disclaimer. | 11 | this list of conditions and the following disclaimer. |
13 | - Redistributions in binary form must reproduce the above copyright | 12 | |
14 | notice, this list of conditions and the following disclaimer in the | 13 | * Redistributions in binary form must reproduce the above copyright notice, |
15 | documentation and/or other materials provided with the distribution. | 14 | this list of conditions and the following disclaimer in the documentation |
16 | - Neither the name of Motorola Mobility nor the names of its contributors | 15 | and/or other materials provided with the distribution. |
17 | may be used to endorse or promote products derived from this software | 16 | |
18 | without specific prior written permission. | 17 | * Neither the name of Motorola Mobility LLC nor the names of its |
18 | contributors may be used to endorse or promote products derived from this | ||
19 | software without specific prior written permission. | ||
19 | 20 | ||
20 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 21 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
21 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | 22 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
22 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 23 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
23 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 24 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
24 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 25 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
25 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 26 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
26 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 27 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -31,10 +32,10 @@ POSSIBILITY OF SUCH DAMAGE. | |||
31 | </copyright> | 32 | </copyright> |
32 | --> | 33 | --> |
33 | <html lang="en"> | 34 | <html lang="en"> |
34 | <head> | 35 | <head> |
35 | 36 | ||
36 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 37 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
37 | 38 | ||
38 | <script type="text/montage-serialization"> | 39 | <script type="text/montage-serialization"> |
39 | { | 40 | { |
40 | "owner": { | 41 | "owner": { |
@@ -45,13 +46,13 @@ POSSIBILITY OF SUCH DAMAGE. | |||
45 | } | 46 | } |
46 | } | 47 | } |
47 | </script> | 48 | </script> |
48 | 49 | ||
49 | </head> | 50 | </head> |
50 | 51 | ||
51 | <body> | 52 | <body> |
52 | 53 | ||
53 | <section data-montage-id="popupWindows"></section> | 54 | <section data-montage-id="popupWindows"></section> |
54 | 55 | ||
55 | </body> | 56 | </body> |
56 | 57 | ||
57 | </html> | 58 | </html> |
diff --git a/js/components/popup-manager.reel/popup-manager.js b/js/components/popup-manager.reel/popup-manager.js index 07a07806..e7acf174 100755 --- a/js/components/popup-manager.reel/popup-manager.js +++ b/js/components/popup-manager.reel/popup-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 |
@@ -30,144 +31,144 @@ 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 | Popup = require("js/components/popup.reel").Popup; | 36 | Popup = require("js/components/popup.reel").Popup; |
36 | //////////////////////////////////////////////////////////////////////// | 37 | //////////////////////////////////////////////////////////////////////// |
37 | //Exporting as PopupManager | 38 | //Exporting as PopupManager |
38 | exports.PopupManager = Montage.create(Component, { | 39 | exports.PopupManager = Montage.create(Component, { |
39 | //////////////////////////////////////////////////////////////////// | 40 | //////////////////////////////////////////////////////////////////// |
40 | // | 41 | // |
41 | deserializedFromTemplate: { | 42 | deserializedFromTemplate: { |
42 | value: function () { | 43 | value: function () { |
43 | //Setting styles to popup container | 44 | //Setting styles to popup container |
44 | this.element.style.zIndex = this._getNextHighestZindex(document.body); // Highest z-index in body | 45 | this.element.style.zIndex = this._getNextHighestZindex(document.body); // Highest z-index in body |
45 | this.element.style.position = 'absolute'; | 46 | this.element.style.position = 'absolute'; |
46 | this.element.style.top = 0; | 47 | this.element.style.top = 0; |
47 | this.element.style.left = 0; | 48 | this.element.style.left = 0; |
48 | this.element.style.width = '100%'; | 49 | this.element.style.width = '100%'; |
49 | this.element.style.height = '100%'; | 50 | this.element.style.height = '100%'; |
50 | //Allowing mouse events to pass through this layer | 51 | //Allowing mouse events to pass through this layer |
51 | this.element.style.pointerEvents = 'none'; | 52 | this.element.style.pointerEvents = 'none'; |
52 | } | 53 | } |
53 | }, | 54 | }, |
54 | //////////////////////////////////////////////////////////////////// | 55 | //////////////////////////////////////////////////////////////////// |
55 | //Adding the popup object | 56 | //Adding the popup object |
56 | addPopup: { | 57 | addPopup: { |
57 | enumerable: true, | 58 | enumerable: true, |
58 | value: function (popup, depth, blackout) { | 59 | value: function (popup, depth, blackout) { |
59 | //Fix to ensure always highest | 60 | //Fix to ensure always highest |
60 | this.element.style.zIndex = this._getNextHighestZindex(document.body); // Highest z-index in body | 61 | this.element.style.zIndex = this._getNextHighestZindex(document.body); // Highest z-index in body |
61 | //TODO: Add blackout background | 62 | //TODO: Add blackout background |
62 | //Checking for manual or setting auto to next highest depth | 63 | //Checking for manual or setting auto to next highest depth |
63 | if (depth) { | 64 | if (depth) { |
64 | popup.style.zIndex = depth; | 65 | popup.style.zIndex = depth; |
65 | } else { | 66 | } else { |
66 | popup.style.zIndex = this._getNextHighestZindex(this.element); | 67 | popup.style.zIndex = this._getNextHighestZindex(this.element); |
67 | } | 68 | } |
68 | //Adding pointer events (inherits none) | 69 | //Adding pointer events (inherits none) |
69 | popup.style.pointerEvents = 'auto'; | 70 | popup.style.pointerEvents = 'auto'; |
70 | this.element.appendChild(popup); | 71 | this.element.appendChild(popup); |
71 | //TODO: Test further (perhaps defined in CSS) | 72 | //TODO: Test further (perhaps defined in CSS) |
72 | popup.style.opacity = 0; | 73 | popup.style.opacity = 0; |
73 | popup.style.webkitTransitionProperty = 'opacity'; | 74 | popup.style.webkitTransitionProperty = 'opacity'; |
74 | popup.style.webkitTransitionDuration = '150ms'; | 75 | popup.style.webkitTransitionDuration = '150ms'; |
75 | //TODO: Fix animation hack | 76 | //TODO: Fix animation hack |
76 | if (popup.style.webkitTransitionDuration) { | 77 | if (popup.style.webkitTransitionDuration) { |
77 | setTimeout(function () {popup.style.opacity = 1}.bind(this), parseInt(popup.style.webkitTransitionDuration)); | 78 | setTimeout(function () {popup.style.opacity = 1}.bind(this), parseInt(popup.style.webkitTransitionDuration)); |
78 | } else { | 79 | } else { |
79 | popup.style.opacity = 1; | 80 | popup.style.opacity = 1; |
80 | } | 81 | } |
81 | } | 82 | } |
82 | }, | 83 | }, |