1 // Copyright 2014 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.
10 function MessageWindowImpl() {
12 * Used to prevent multiple responses due to the closeWindow handler.
17 this.sentReply_ = false;
19 window.addEventListener('message', this.onMessage_.bind(this), false);
23 * @param {Window} parentWindow The id of the window that showed the message.
24 * @param {string} messageId The identifier of the message, as supplied by the
26 * @param {number} result 0 if window was closed without pressing a button;
27 * otherwise the index of the button pressed (e.g., 1 = primary).
30 MessageWindowImpl.prototype.sendReply_ = function(
31 parentWindow, messageId, result) {
32 // Only forward the first reply that we receive.
33 if (!this.sentReply_) {
35 command: 'messageWindowResult',
39 parentWindow.postMessage(message, '*');
40 this.sentReply_ = true;
42 // Make sure that the reply we're ignoring is from the window close.
43 base.debug.assert(result == 0);
48 * Size the window to its content vertically.
51 MessageWindowImpl.prototype.updateSize_ = function() {
52 var borderY = window.outerHeight - window.innerHeight;
53 window.resizeTo(window.outerWidth, document.body.clientHeight + borderY);
57 * Initializes the button with the label and the click handler.
58 * Hides the button if the label is null or undefined.
60 * @param{HTMLElement} button
61 * @param{?string} label
62 * @param{Function} clickHandler
65 MessageWindowImpl.prototype.initButton_ =
66 function(button, label, clickHandler) {
68 button.innerText = label;
69 button.addEventListener('click', clickHandler, false);
71 button.hidden = !Boolean(label);
75 * Event-handler callback, invoked when the parent window supplies the
81 MessageWindowImpl.prototype.onMessage_ = function(event) {
82 switch (event.data['command']) {
84 // Validate the message.
85 var messageId = /** @type {number} */ (event.data['id']);
86 var title = /** @type {string} */ (event.data['title']);
87 var message = /** @type {string} */ (event.data['message']);
88 var infobox = /** @type {string} */ (event.data['infobox']);
89 var buttonLabel = /** @type {string} */ (event.data['buttonLabel']);
91 var cancelButtonLabel = (event.data['cancelButtonLabel']);
92 var showSpinner = /** @type {boolean} */ (event.data['showSpinner']);
93 if (typeof(messageId) != 'number' ||
94 typeof(title) != 'string' ||
95 typeof(message) != 'string' ||
96 typeof(infobox) != 'string' ||
97 typeof(buttonLabel) != 'string' ||
98 typeof(showSpinner) != 'boolean') {
99 console.log('Bad show message:', event.data);
103 // Set the dialog text.
104 var button = document.getElementById('button-primary');
105 var cancelButton = document.getElementById('button-secondary');
106 var messageDiv = document.getElementById('message');
107 var infoboxDiv = document.getElementById('infobox');
109 document.getElementById('title').innerText = title;
110 document.querySelector('title').innerText = title;
111 messageDiv.innerHTML = message;
114 messageDiv.classList.add('waiting');
115 messageDiv.classList.add('prominent');
118 infoboxDiv.innerText = infobox;
120 infoboxDiv.hidden = true;
126 this.sendReply_.bind(this, event.source, messageId, 1));
131 this.sendReply_.bind(this, event.source, messageId, 0));
133 var buttonToFocus = (cancelButtonLabel) ? cancelButton : button;
134 buttonToFocus.focus();
136 // Add a close handler in case the window is closed without clicking one
137 // of the buttons. This will send a 0 as the result.
138 // Note that when a button is pressed, this will result in sendReply_
139 // being called multiple times (once for the button, once for close).
140 chrome.app.window.current().onClosed.addListener(
141 this.sendReply_.bind(this, event.source, messageId, 0));
144 chrome.app.window.current().show();
147 case 'update_message':
148 var message = /** @type {string} */ (event.data['message']);
149 if (typeof(message) != 'string') {
150 console.log('Bad update_message message:', event.data);
154 var messageDiv = document.getElementById('message');
155 messageDiv.innerText = message;
161 console.error('Unexpected message:', event.data);
165 var messageWindow = new MessageWindowImpl();