diff options
Diffstat (limited to 'node_modules/montage/ui/popup/popup.reel')
-rwxr-xr-x | node_modules/montage/ui/popup/popup.reel/popup.css | 70 | ||||
-rwxr-xr-x | node_modules/montage/ui/popup/popup.reel/popup.html | 54 | ||||
-rwxr-xr-x | node_modules/montage/ui/popup/popup.reel/popup.js | 519 |
3 files changed, 643 insertions, 0 deletions
diff --git a/node_modules/montage/ui/popup/popup.reel/popup.css b/node_modules/montage/ui/popup/popup.reel/popup.css new file mode 100755 index 00000000..a0af52ba --- /dev/null +++ b/node_modules/montage/ui/popup/popup.reel/popup.css | |||
@@ -0,0 +1,70 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | /* these need to be moved to montage.css when that is created */ | ||
7 | .montage-hide { | ||
8 | display: none; | ||
9 | } | ||
10 | .clearfix:after { | ||
11 | visibility: hidden; | ||
12 | display: block; | ||
13 | font-size: 0; | ||
14 | content: " "; | ||
15 | clear: both; | ||
16 | height: 0; | ||
17 | } | ||
18 | |||
19 | |||
20 | .montage-off-left { | ||
21 | position: absolute; | ||
22 | top: 0px; | ||
23 | left: -10000px; | ||
24 | } | ||
25 | |||
26 | .montage-popup-modal-mask { | ||
27 | position: fixed; | ||
28 | background-color: #000; | ||
29 | left: 0; | ||
30 | top: 0; | ||
31 | right: 0; | ||
32 | bottom: 0; | ||
33 | opacity: 0.8; | ||
34 | z-index: 9000; | ||
35 | } | ||
36 | |||
37 | .montage-popup-container { | ||
38 | background-color: #fff; | ||
39 | border-radius: 5px; | ||
40 | border: 3px solid #000; | ||
41 | |||
42 | } | ||
43 | |||
44 | .montage-popup-noborder { | ||
45 | border: 0px; | ||
46 | } | ||
47 | |||
48 | .montage-modal { | ||
49 | border: 3px solid #ccc; | ||
50 | } | ||
51 | |||
52 | .montage-popup-container *:focus { | ||
53 | outline: none; | ||
54 | } | ||
55 | |||
56 | .montage-popup-wrapper { | ||
57 | |||
58 | } | ||
59 | |||
60 | .montage-popup-header { | ||
61 | background-color: whitesmoke; | ||
62 | border-bottom: 1px solid #eee; | ||
63 | padding: 5px 15px; | ||
64 | } | ||
65 | .montage-popup-footer { | ||
66 | background-color: whitesmoke; | ||
67 | padding: 10px 15px; | ||
68 | border-top: 1px solid #ddd; | ||
69 | |||
70 | } | ||
diff --git a/node_modules/montage/ui/popup/popup.reel/popup.html b/node_modules/montage/ui/popup/popup.reel/popup.html new file mode 100755 index 00000000..69bf075c --- /dev/null +++ b/node_modules/montage/ui/popup/popup.reel/popup.html | |||
@@ -0,0 +1,54 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
7 | <html> | ||
8 | <head> | ||
9 | <meta http-equiv="content-type" content="text/html; charset=utf-8"/> | ||
10 | <link rel="stylesheet" type="text/css" href="popup.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "slot1": { | ||
14 | "module": "montage/ui/slot.reel", | ||
15 | "name": "Slot", | ||
16 | "properties": { | ||
17 | "element": { | ||
18 | "#": "popup-content" | ||
19 | } | ||
20 | } | ||
21 | }, | ||
22 | "owner": { | ||
23 | "module": "montage/ui/popup/popup.reel", | ||
24 | "name": "Popup", | ||
25 | "properties": { | ||
26 | "element": { | ||
27 | "#": "popup-container" | ||
28 | }, | ||
29 | "slot": { | ||
30 | "@": "slot1" | ||
31 | }, | ||
32 | "contentEl": { | ||
33 | "#": "popup-content" | ||
34 | }, | ||
35 | "containerEl": { | ||
36 | "#": "popup-wrapper" | ||
37 | } | ||
38 | } | ||
39 | } | ||
40 | } | ||
41 | </script> | ||
42 | |||
43 | </head> | ||
44 | <body> | ||
45 | <div id="popup-container" class="montage-hide montage-popup-container"> | ||
46 | <div id="popup-wrapper" class="montage-popup-tooltip montage-popup-wrapper montage-popup-border"> | ||
47 | <div id="popup-content" class="montage-popup-content"></div> | ||
48 | </div> | ||
49 | </div> | ||
50 | |||
51 | |||
52 | |||
53 | </body> | ||
54 | </html> | ||
diff --git a/node_modules/montage/ui/popup/popup.reel/popup.js b/node_modules/montage/ui/popup/popup.reel/popup.js new file mode 100755 index 00000000..fdfb0ef9 --- /dev/null +++ b/node_modules/montage/ui/popup/popup.reel/popup.js | |||
@@ -0,0 +1,519 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | /** | ||
8 | @module "montage/ui/popup/popup.reel" | ||
9 | @requires montage/core/core | ||
10 | @requires montage/ui/component | ||
11 | */ | ||
12 | var Montage = require("montage").Montage, | ||
13 | Component = require("ui/component").Component; | ||
14 | |||
15 | /** | ||
16 | @class module:"montage/ui/popup.reel".Popup | ||
17 | @extends module:montage/ui/component.Component | ||
18 | */ | ||
19 | |||
20 | var Popup = exports.Popup = Montage.create(Component, { /** @lends module:"module/ui/popup/popup.reel".Popup */ | ||
21 | |||
22 | hasTemplate: {value: true}, | ||
23 | |||
24 | // anchor element to which this popup must be anchored to | ||
25 | anchor: {value: null}, | ||
26 | |||
27 | // A Delegate to control positioning (and other features, in future) of the popup in a custom manner | ||
28 | delegate: {value: null}, | ||
29 | |||
30 | contentEl: { | ||
31 | value: null | ||
32 | }, | ||
33 | /** | ||
34 | Description TODO | ||
35 | @type {Property} | ||
36 | @default {Container} null | ||
37 | */ | ||
38 | containerEl: { | ||
39 | value: null | ||
40 | }, | ||
41 | |||
42 | /** | ||
43 | Description TODO | ||
44 | @private | ||
45 | */ | ||
46 | _pointer: { | ||
47 | value: true | ||
48 | }, | ||
49 | /** | ||
50 | Description TODO | ||
51 | @type {Function} | ||
52 | @default {Boolean} true | ||
53 | */ | ||
54 | pointer: { | ||
55 | get: function() { | ||
56 | return this._pointer; | ||
57 | }, | ||
58 | set: function(value) { | ||
59 | if (this._pointer !== value) { | ||
60 | this._pointer = value; | ||
61 | this.needsDraw = true; | ||
62 | } | ||
63 | } | ||
64 | }, | ||
65 | /** | ||
66 | Description TODO | ||
67 | @private | ||
68 | */ | ||
69 | _boxed: { | ||
70 | value: true | ||
71 | }, | ||
72 | /** | ||
73 | Description TODO | ||
74 | @type {Function} | ||
75 | @default {Boolean} true | ||
76 | */ | ||
77 | boxed: { | ||
78 | get: function() { | ||
79 | return this._boxed; | ||
80 | }, | ||
81 | set: function(value) { | ||
82 | if (this._boxed !== value) { | ||
83 | this._boxed = value; | ||
84 | this.needsDraw = true; | ||
85 | } | ||
86 | } | ||
87 | }, | ||
88 | /** | ||
89 | Description TODO | ||
90 | @private | ||
91 | */ | ||
92 | _slot: {value: null}, | ||
93 | /** | ||
94 | Description TODO | ||
95 | @type {Function} | ||
96 | @default null | ||
97 | */ | ||
98 | slot: { | ||