diff options
Diffstat (limited to 'node_modules/montage/ui/popup/confirm.reel')
3 files changed, 323 insertions, 0 deletions
diff --git a/node_modules/montage/ui/popup/confirm.reel/confirm.css b/node_modules/montage/ui/popup/confirm.reel/confirm.css new file mode 100755 index 00000000..8d326cce --- /dev/null +++ b/node_modules/montage/ui/popup/confirm.reel/confirm.css | |||
@@ -0,0 +1,17 @@ | |||
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-confirm-dialog { | ||
8 | min-width: 300px; | ||
9 | } | ||
10 | .montage-confirm-dialog .montage-confirm-content { | ||
11 | font-size: 1.3em; | ||
12 | padding: 15px; | ||
13 | } | ||
14 | .montage-confirm-dialog .montage-confirm-actions { | ||
15 | float: right; | ||
16 | } | ||
17 | |||
diff --git a/node_modules/montage/ui/popup/confirm.reel/confirm.html b/node_modules/montage/ui/popup/confirm.reel/confirm.html new file mode 100755 index 00000000..209fdc86 --- /dev/null +++ b/node_modules/montage/ui/popup/confirm.reel/confirm.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="confirm.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 | "#": "msg" | ||
19 | } | ||
20 | }, | ||
21 | "bindings": { | ||
22 | "value": { | ||
23 | "boundObject": { | ||
24 | "@": "owner" | ||
25 | }, | ||
26 | "boundObjectPropertyPath": "msg", | ||
27 | "oneway": true | ||
28 | } | ||
29 | } | ||
30 | }, | ||
31 | "button1": { | ||
32 | "module": "montage/ui/button.reel", | ||
33 | "name": "Button", | ||
34 | "properties": { | ||
35 | "identifier": "Ok", | ||
36 | "element": { | ||
37 | "#": "action-ok" | ||
38 | } | ||
39 | }, | ||
40 | "bindings": { | ||
41 | "value": { | ||
42 | "boundObject": { | ||
43 | "@": "owner" | ||
44 | }, | ||
45 | "boundObjectPropertyPath": "okLabel", | ||
46 | "oneway": true | ||
47 | } | ||
48 | }, | ||
49 | "listeners": [ | ||
50 | { | ||
51 | "type": "action", | ||
52 | "listener": { | ||
53 | "@": "owner" | ||
54 | } | ||
55 | } | ||
56 | ] | ||
57 | }, | ||
58 | "button2": { | ||
59 | "module": "montage/ui/button.reel", | ||
60 | "name": "Button", | ||
61 | "properties": { | ||
62 | "identifier": "Cancel", | ||
63 | "element": { | ||
64 | "#": "action-cancel" | ||
65 | } | ||
66 | }, | ||
67 | "bindings": { | ||
68 | "value": { | ||
69 | "boundObject": { | ||
70 | "@": "owner" | ||
71 | }, | ||
72 | "boundObjectPropertyPath": "cancelLabel", | ||
73 | "oneway": true | ||
74 | } | ||
75 | }, | ||
76 | "listeners": [ | ||
77 | { | ||
78 | "type": "action", | ||
79 | "listener": { | ||
80 | "@": "owner" | ||
81 | } | ||
82 | } | ||
83 | ] | ||
84 | }, | ||
85 | "owner": { | ||
86 | "module": "montage/ui/popup/confirm.reel", | ||
87 | "name": "Confirm", | ||
88 | "properties": { | ||
89 | "element": { | ||
90 | "#": "confirm-container" | ||
91 | } | ||
92 | } | ||
93 | } | ||
94 | } | ||
95 | </script> | ||
96 | |||
97 | |||
98 | </head> | ||
99 | <body> | ||
100 | <div id="confirm-container" class="montage-confirm-dialog"> | ||
101 | |||
102 | <div class="montage-popup-header"> | ||
103 | <h3 id="title" class="title">Confirmation</h3> | ||
104 | </div> | ||
105 | |||
106 | <div class="montage-confirm-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-confirm-actions"> | ||
113 | <div class="cancel" id="action-cancel"></div> | ||
114 | <div class="submit" id="action-ok"></div> | ||
115 | </div> | ||
116 | <div class="clearfix"></div> | ||
117 | </div> | ||
118 | </div> | ||
119 | </body> | ||
120 | </html> | ||
diff --git a/node_modules/montage/ui/popup/confirm.reel/confirm.js b/node_modules/montage/ui/popup/confirm.reel/confirm.js new file mode 100755 index 00000000..8e1660c5 --- /dev/null +++ b/node_modules/montage/ui/popup/confirm.reel/confirm.js | |||
@@ -0,0 +1,186 @@ | |||
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/confirm.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/confirm.reel".Confirm | ||
20 | @extends module:montage/ui/component.Component | ||
21 | */ | ||
22 | |||
23 | var Confirm = exports.Confirm = Montage.create(Component, /** @lends module:"montage/ui/popup/confirm.reel".Confirm# */ { | ||
24 | hasTemplate: {value: true}, | ||
25 | |||
26 | title: { | ||
27 | value: 'Confirm' | ||
28 | }, | ||
29 | /** | ||
30 | Text of message to display on the confirm popup | ||
31 | @type {Property} | ||
32 | @default {String} 'Are you sure?' | ||
33 | */ | ||
34 | msg: { | ||
35 | value: 'Are you sure?' | ||
36 | }, | ||
37 | |||
38 | /** | ||
39 | Text to display on the OK button | ||
40 | @type {Property} | ||
41 | @default {String} 'OK' | ||
42 | */ | ||
43 | okLabel: { | ||
44 | value: 'OK' | ||
45 | }, | ||
46 | |||
47 | /** | ||
48 | Text to display on the Cancel button | ||
49 | @type {Property} | ||
50 | @default {String} 'Cancel' | ||
51 | */ | ||
52 | cancelLabel: { | ||
53 | value: 'Cancel' | ||
54 | }, | ||
55 | |||
56 | /** | ||
57 | Description TODO | ||
58 | @private | ||
59 | */ | ||
60 | _popup: { | ||
61 | value: null | ||
62 | }, | ||
63 | /** | ||
64 | Description TODO | ||
65 | @type {Function} | ||
66 | @default null | ||
67 | */ | ||
68 | popup: { | ||
69 | set: function(value) { | ||
70 | this._popup = value; | ||
71 | }, | ||
72 | get: function() { | ||
73 | return this._popup; | ||
74 | } | ||
75 | }, | ||
76 | |||
77 | okCallback: {value: null}, | ||
78 | cancelCallback: {value: null}, | ||
79 | |||
< |