diff options
Diffstat (limited to 'node_modules/montage/ui/popup/alert.reel')
-rwxr-xr-x | node_modules/montage/ui/popup/alert.reel/alert.css | 67 | ||||
-rwxr-xr-x | node_modules/montage/ui/popup/alert.reel/alert.html | 120 | ||||
-rwxr-xr-x | node_modules/montage/ui/popup/alert.reel/alert.js | 134 |
3 files changed, 321 insertions, 0 deletions
diff --git a/node_modules/montage/ui/popup/alert.reel/alert.css b/node_modules/montage/ui/popup/alert.reel/alert.css new file mode 100755 index 00000000..6dee8b6a --- /dev/null +++ b/node_modules/montage/ui/popup/alert.reel/alert.css | |||
@@ -0,0 +1,67 @@ | |||
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 | .montage-alert-dialog { | ||
8 | min-width: 300px; | ||
9 | } | ||
10 | .montage-alert-dialog .montage-alert-content { | ||
11 | font-size: 1.3em; | ||
12 | padding: 15px; | ||
13 | |||
14 | } | ||
15 | .montage-alert-dialog .montage-alert-actions { | ||
16 | float: right; | ||
17 | } | ||
18 | |||
19 | /* | ||
20 | |||
21 | .montage-alert-dialog { | ||
22 | font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif; | ||
23 | background-color: #333; | ||
24 | border: 1px solid #333; | ||
25 | border-radius: 5px; | ||
26 | margin: 0; | ||
27 | padding: 0px 3px; | ||
28 | } | ||
29 | |||
30 | .montage-alert-dialog .header { | ||
31 | height: 25px; | ||
32 | color: #fff; | ||
33 | } | ||
34 | |||
35 | .montage-alert-dialog .header h4 { | ||
36 | margin: 10px 0; | ||
37 | font-weight: normal; | ||
38 | } | ||
39 | |||
40 | .montage-alert-dialog .content { | ||
41 | text-align: center; | ||
42 | margin: 5px 0; | ||
43 | background-color: #e6e6e6; | ||
44 | padding: 10px; | ||
45 | } | ||
46 | |||
47 | .montage-alert-dialog .msg-container { | ||
48 | padding: 10px 0; | ||
49 | border-bottom: 1px solid #ccc; | ||
50 | } | ||
51 | |||
52 | .montage-alert-dialog .msg { | ||
53 | font-size: 18pt; | ||
54 | font-weight: normal; | ||
55 | } | ||
56 | |||
57 | .montage-alert-dialog .msg-detail { | ||
58 | font-size: 12pt; | ||
59 | font-weight: normal; | ||
60 | color: #cccccc; | ||
61 | } | ||
62 | |||
63 | .montage-alert-dialog .action-container { | ||
64 | padding: 10px 0; | ||
65 | } | ||
66 | */ | ||
67 | |||
diff --git a/node_modules/montage/ui/popup/alert.reel/alert.html b/node_modules/montage/ui/popup/alert.reel/alert.html new file mode 100755 index 00000000..f71da981 --- /dev/null +++ b/node_modules/montage/ui/popup/alert.reel/alert.html | |||
@@ -0,0 +1,120 @@ | |||
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="alert.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "dynamictext1": { | ||
14 | "module": "montage/ui/dynamic-text.reel", | ||
15 | "name": "DynamicText", | ||
16 | "properties": { | ||
17 | "element": { | ||
18 | "#": "title" | ||
19 | } | ||
20 | }, | ||
21 | "bindings": { | ||
22 | "value": { | ||
23 | "boundObject": { | ||
24 | "@": "owner" | ||
25 | }, | ||
26 | "boundObjectPropertyPath": "title", | ||
27 | "oneway": true | ||
28 | } | ||
29 | } | ||
30 | }, | ||
31 | "dynamictext2": { | ||
32 | "module": "montage/ui/dynamic-text.reel", | ||
33 | "name": "DynamicText", | ||
34 | "properties": { | ||
35 | "element": { | ||
36 | "#": "msg" | ||
37 | } | ||
38 | }, | ||
39 | "bindings": { | ||
40 | "value": { | ||
41 | "boundObject": { | ||
42 | "@": "owner" | ||
43 | }, | ||
44 | "boundObjectPropertyPath": "msg", | ||
45 | "oneway": true | ||
46 | } | ||
47 | } | ||
48 | }, | ||
49 | "dynamictext3": { | ||
50 | "module": "montage/ui/dynamic-text.reel", | ||
51 | "name": "DynamicText", | ||
52 | "properties": { | ||
53 | "element": { | ||
54 | "#": "msg-detail" | ||
55 | } | ||
56 | }, | ||
57 | "bindings": { | ||
58 | "value": { | ||
59 | "boundObject": { | ||
60 | "@": "owner" | ||
61 | }, | ||
62 | "boundObjectPropertyPath": "details", | ||
63 | "oneway": true | ||
64 | } | ||
65 | } | ||
66 | }, | ||
67 | "button1": { | ||
68 | "module": "montage/ui/button.reel", | ||
69 | "name": "Button", | ||
70 | "properties": { | ||
71 | "identifier": "Ok", | ||
72 | "element": { | ||
73 | "#": "action-ok" | ||
74 | } | ||
75 | }, | ||
76 | "listeners": [ | ||
77 | { | ||
78 | "type": "action", | ||
79 | "listener": { | ||
80 | "@": "owner" | ||
81 | } | ||
82 | } | ||
83 | ] | ||
84 | }, | ||
85 | "owner": { | ||
86 | "module": "montage/ui/popup/alert.reel", | ||
87 | "name": "Alert", | ||
88 | "properties": { | ||
89 | "element": { | ||
90 | "#": "alert-container" | ||
91 | } | ||
92 | } | ||
93 | } | ||
94 | } | ||
95 | </script> | ||
96 | |||
97 | |||
98 | </head> | ||
99 | <body> | ||
100 | <div id="alert-container" class="montage-alert-dialog"> | ||
101 | |||
102 | <div class="montage-popup-header"> | ||
103 | <h3 id="title" class="title"></h3> | ||
104 | </div> | ||
105 | |||
106 | <div class="montage-alert-content"> | ||
107 | <div id="msg" class="msg"></div> | ||
108 | <div id="msg-detail" class="msg-detail"></div> | ||
109 | </div> | ||
110 | |||
111 | <div class="montage-popup-footer"> | ||
112 | <div class="montage-alert-actions"> | ||
113 | <div class="submit" id="action-ok">OK</div> | ||
114 | </div> | ||
115 | <div class="clearfix"></div> | ||
116 | </div> | ||
117 | |||
118 | </div> | ||
119 | </body> | ||
120 | </html> | ||
diff --git a/node_modules/montage/ui/popup/alert.reel/alert.js b/node_modules/montage/ui/popup/alert.reel/alert.js new file mode 100755 index 00000000..54b854a4 --- /dev/null +++ b/node_modules/montage/ui/popup/alert.reel/alert.js | |||
@@ -0,0 +1,134 @@ | |||
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/alert.reel" | ||
9 | @requires montage/core/core | ||
10 | @requires montage/ui/component | ||
11 | @requires "montage/ui/popup/popup.reel" | ||
12 | */ | ||
13 | |||
14 | var Montage = require("montage").Montage; | ||
15 | var Component = require("ui/component").Component; | ||
16 | var Popup = require("ui/popup/popup.reel").Popup; | ||
17 | |||
18 | /** | ||
19 | @class module:"montage/ui/popup/alert.reel".Alert | ||
20 | @extends module:montage/ui/component.Component | ||
21 | */ | ||
22 | |||
23 | var Alert = exports.Alert = Montage.create(Component, { | ||
24 | title: { | ||
25 | value: 'Alert' | ||
26 | }, | ||
27 | /** | ||
28 | Description TODO | ||
29 | @type {Property} | ||
30 | @default {String} '' | ||
31 | */ | ||
32 | msg: { | ||
33 | value: '' | ||
34 | }, | ||
35 | /** | ||