OLD | NEW |
| (Empty) |
1 // Copyright (c) 2010 The Chromium Authors. All rights reserved. | |
2 // Use of this source code is governed by a BSD-style license that can be | |
3 // found in the LICENSE file. | |
4 | |
5 cr.define('options', function() { | |
6 var OptionsPage = options.OptionsPage; | |
7 | |
8 /** | |
9 * AlertOverlay class | |
10 * Encapsulated handling of a generic alert. | |
11 * @class | |
12 */ | |
13 function AlertOverlay() { | |
14 OptionsPage.call(this, 'alertOverlay', '', 'alertOverlay'); | |
15 } | |
16 | |
17 cr.addSingletonGetter(AlertOverlay); | |
18 | |
19 AlertOverlay.prototype = { | |
20 // Inherit AlertOverlay from OptionsPage. | |
21 __proto__: OptionsPage.prototype, | |
22 | |
23 /** | |
24 * Whether the page can be shown. Used to make sure the page is only | |
25 * shown via AlertOverlay.Show(), and not via the address bar. | |
26 * @private | |
27 */ | |
28 canShow_: false, | |
29 | |
30 /** | |
31 * Initialize the page. | |
32 */ | |
33 initializePage: function() { | |
34 // Call base class implementation to start preference initialization. | |
35 OptionsPage.prototype.initializePage.call(this); | |
36 | |
37 var self = this; | |
38 $('alertOverlayOk').onclick = function(event) { | |
39 self.handleOK_(); | |
40 }; | |
41 | |
42 $('alertOverlayCancel').onclick = function(event) { | |
43 self.handleCancel_(); | |
44 }; | |
45 }, | |
46 | |
47 /** | |
48 * Handle the 'ok' button. Clear the overlay and call the ok callback if | |
49 * available. | |
50 * @private | |
51 */ | |
52 handleOK_: function() { | |
53 OptionsPage.closeOverlay(); | |
54 if (this.okCallback != undefined) { | |
55 this.okCallback.call(); | |
56 } | |
57 }, | |
58 | |
59 /** | |
60 * Handle the 'cancel' button. Clear the overlay and call the cancel | |
61 * callback if available. | |
62 * @private | |
63 */ | |
64 handleCancel_: function() { | |
65 OptionsPage.closeOverlay(); | |
66 if (this.cancelCallback != undefined) { | |
67 this.cancelCallback.call(); | |
68 } | |
69 }, | |
70 | |
71 /** | |
72 * The page is getting hidden. Don't let it be shown again. | |
73 */ | |
74 willHidePage: function() { | |
75 canShow_ = false; | |
76 }, | |
77 | |
78 /** @inheritDoc */ | |
79 canShowPage: function() { | |
80 return this.canShow_; | |
81 }, | |
82 }; | |
83 | |
84 /** | |
85 * Show an alert overlay with the given message, button titles, and | |
86 * callbacks. | |
87 * @param {string} title The alert title to display to the user. | |
88 * @param {string} message The alert message to display to the user. | |
89 * @param {string} okTitle The title of the OK button. If undefined or empty, | |
90 * no button is shown. | |
91 * @param {string} cancelTitle The title of the cancel button. If undefined or | |
92 * empty, no button is shown. | |
93 * @param {function} okCallback A function to be called when the user presses | |
94 * the ok button. The alert window will be closed automatically. Can be | |
95 * undefined. | |
96 * @param {function} cancelCallback A function to be called when the user | |
97 * presses the cancel button. The alert window will be closed | |
98 * automatically. Can be undefined. | |
99 */ | |
100 AlertOverlay.show = function( | |
101 title, message, okTitle, cancelTitle, okCallback, cancelCallback) { | |
102 if (title != undefined) { | |
103 $('alertOverlayTitle').textContent = title; | |
104 $('alertOverlayTitle').style.display = 'block'; | |
105 } else { | |
106 $('alertOverlayTitle').style.display = 'none'; | |
107 } | |
108 | |
109 if (message != undefined) { | |
110 $('alertOverlayMessage').textContent = message; | |
111 $('alertOverlayMessage').style.display = 'block'; | |
112 } else { | |
113 $('alertOverlayMessage').style.display = 'none'; | |
114 } | |
115 | |
116 if (okTitle != undefined && okTitle != '') { | |
117 $('alertOverlayOk').textContent = okTitle; | |
118 $('alertOverlayOk').style.display = 'block'; | |
119 } else { | |
120 $('alertOverlayOk').style.display = 'none'; | |
121 } | |
122 | |
123 if (cancelTitle != undefined && cancelTitle != '') { | |
124 $('alertOverlayCancel').textContent = cancelTitle; | |
125 $('alertOverlayCancel').style.display = 'inline'; | |
126 } else { | |
127 $('alertOverlayCancel').style.display = 'none'; | |
128 } | |
129 | |
130 var alertOverlay = AlertOverlay.getInstance(); | |
131 alertOverlay.okCallback = okCallback; | |
132 alertOverlay.cancelCallback = cancelCallback; | |
133 alertOverlay.canShow_ = true; | |
134 | |
135 // Intentionally don't show the URL in the location bar as we don't want | |
136 // people trying to navigate here by hand. | |
137 OptionsPage.showPageByName('alertOverlay', false); | |
138 } | |
139 | |
140 // Export | |
141 return { | |
142 AlertOverlay: AlertOverlay | |
143 }; | |
144 }); | |
OLD | NEW |