OLD | NEW |
| (Empty) |
1 // Copyright (c) 2012 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 /** @inheritDoc */ | |
48 get nestingLevel() { | |
49 // AlertOverlay is special in that it is not tied to one page or overlay. | |
50 // Set the nesting level arbitrarily high so as to always be recognized as | |
51 // the top-most visible page. | |
52 return 99; | |
53 }, | |
54 | |
55 /** | |
56 * Handle the 'ok' button. Clear the overlay and call the ok callback if | |
57 * available. | |
58 * @private | |
59 */ | |
60 handleOK_: function() { | |
61 OptionsPage.closeOverlay(); | |
62 if (this.okCallback != undefined) { | |
63 this.okCallback.call(); | |
64 } | |
65 }, | |
66 | |
67 /** | |
68 * Handle the 'cancel' button. Clear the overlay and call the cancel | |
69 * callback if available. | |
70 * @private | |
71 */ | |
72 handleCancel_: function() { | |
73 OptionsPage.closeOverlay(); | |
74 if (this.cancelCallback != undefined) { | |
75 this.cancelCallback.call(); | |
76 } | |
77 }, | |
78 | |
79 /** | |
80 * The page is getting hidden. Don't let it be shown again. | |
81 */ | |
82 willHidePage: function() { | |
83 canShow_ = false; | |
84 }, | |
85 | |
86 /** @inheritDoc */ | |
87 canShowPage: function() { | |
88 return this.canShow_; | |
89 }, | |
90 }; | |
91 | |
92 /** | |
93 * Show an alert overlay with the given message, button titles, and | |
94 * callbacks. | |
95 * @param {string} title The alert title to display to the user. | |
96 * @param {string} message The alert message to display to the user. | |
97 * @param {string} okTitle The title of the OK button. If undefined or empty, | |
98 * no button is shown. | |
99 * @param {string} cancelTitle The title of the cancel button. If undefined or | |
100 * empty, no button is shown. | |
101 * @param {function} okCallback A function to be called when the user presses | |
102 * the ok button. The alert window will be closed automatically. Can be | |
103 * undefined. | |
104 * @param {function} cancelCallback A function to be called when the user | |
105 * presses the cancel button. The alert window will be closed | |
106 * automatically. Can be undefined. | |
107 */ | |
108 AlertOverlay.show = function( | |
109 title, message, okTitle, cancelTitle, okCallback, cancelCallback) { | |
110 if (title != undefined) { | |
111 $('alertOverlayTitle').textContent = title; | |
112 $('alertOverlayTitle').style.display = 'block'; | |
113 } else { | |
114 $('alertOverlayTitle').style.display = 'none'; | |
115 } | |
116 | |
117 if (message != undefined) { | |
118 $('alertOverlayMessage').textContent = message; | |
119 $('alertOverlayMessage').style.display = 'block'; | |
120 } else { | |
121 $('alertOverlayMessage').style.display = 'none'; | |
122 } | |
123 | |
124 if (okTitle != undefined && okTitle != '') { | |
125 $('alertOverlayOk').textContent = okTitle; | |
126 $('alertOverlayOk').style.display = 'block'; | |
127 } else { | |
128 $('alertOverlayOk').style.display = 'none'; | |
129 } | |
130 | |
131 if (cancelTitle != undefined && cancelTitle != '') { | |
132 $('alertOverlayCancel').textContent = cancelTitle; | |
133 $('alertOverlayCancel').style.display = 'inline'; | |
134 } else { | |
135 $('alertOverlayCancel').style.display = 'none'; | |
136 } | |
137 | |
138 var alertOverlay = AlertOverlay.getInstance(); | |
139 alertOverlay.okCallback = okCallback; | |
140 alertOverlay.cancelCallback = cancelCallback; | |
141 alertOverlay.canShow_ = true; | |
142 | |
143 // Intentionally don't show the URL in the location bar as we don't want | |
144 // people trying to navigate here by hand. | |
145 OptionsPage.showPageByName('alertOverlay', false); | |
146 }; | |
147 | |
148 // Export | |
149 return { | |
150 AlertOverlay: AlertOverlay | |
151 }; | |
152 }); | |
OLD | NEW |