aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/popup/popup.reel
diff options
context:
space:
mode:
authorPierre Frisch2011-12-22 07:25:50 -0800
committerValerio Virgillito2012-01-27 11:18:17 -0800
commitb89a7ee8b956c96a1dcee995ea840feddc5d4b27 (patch)
tree0f3136ab0ecdbbbed6a83576581af0a53124d6f1 /node_modules/montage/ui/popup/popup.reel
parent2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff)
downloadninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz
First commit of Ninja to ninja-internal
Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
Diffstat (limited to 'node_modules/montage/ui/popup/popup.reel')
-rwxr-xr-xnode_modules/montage/ui/popup/popup.reel/popup.css70
-rwxr-xr-xnode_modules/montage/ui/popup/popup.reel/popup.html54
-rwxr-xr-xnode_modules/montage/ui/popup/popup.reel/popup.js519
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*/
12var 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
20var 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