| OLD | NEW |
|---|
| (Empty) |
| 1 // Copyright (c) 2013 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('chargerReplacement', function() { | |
| 6 | |
| 7 /** | |
| 8 * Enumeration of charger selection. | |
| 9 * @enum {int} | |
| 10 */ | |
| 11 var CHARGER_SELECTION = { | |
| 12 NONE: 0, | |
| 13 GOOD_CHARGER: 1, | |
| 14 ORIGINAL_CHARGER: 2 | |
| 15 }; | |
| 16 | |
| 17 /** | |
| 18 * Enumeration of html pages. | |
| 19 * @enum {int} | |
| 20 */ | |
| 21 var PAGES = { | |
| 22 CHECK_CHARGER: 0, | |
| 23 CONFIRM_SAFE_CHARGER: 1, | |
| 24 CHARGER_UPDATE: 2, | |
| 25 ORDER_CHARGER_ONLINE: 3, | |
| 26 CONFIRM_ONLINE_ORDER: 4, | |
| 27 FINISH_NOT_ORDER_CHARGER: 5, | |
| 28 ORDER_CHARGER_OFFLINE: 6, | |
| 29 CHARGER_STILL_BAD: 7, | |
| 30 }; | |
| 31 | |
| 32 /** | |
| 33 * Enumeration of the user's choice for order new charger or not. | |
| 34 */ | |
| 35 var USER_CHOICE_FOR_CHARGER_UPDATE = { | |
| 36 ORDER_NEW_CHARGER: 0, | |
| 37 NOT_ORDER_NEW_CHARGER: 1, | |
| 38 }; | |
| 39 | |
| 40 /** | |
| 41 * Enumeration of messages sent from iFrame order form. | |
| 42 */ | |
| 43 var ORDER_CHARGER_IFRAME_MESSAGE = { | |
| 44 FORM_OPEN: 'FORM_OPEN', | |
| 45 SUBMIT: 'SUBMIT', | |
| 46 SUCCESS: 'SUCCESS', | |
| 47 FAILURE: 'FAILURE', | |
| 48 LINK: 'LINK', | |
| 49 }; | |
| 50 | |
| 51 /** | |
| 52 * Enumeration of countries where user might purchase the device. | |
| 53 */ | |
| 54 var COUNTRY = { | |
| 55 AU: 'au', | |
| 56 CA: 'ca', | |
| 57 IRE: 'ire', | |
| 58 UK: 'uk', | |
| 59 US: 'us', | |
| 60 }; | |
| 61 | |
| 62 /** | |
| 63 * Dialog argument passed from chrome to indicate whether user has ordered | |
| 64 * new charger. | |
| 65 */ | |
| 66 var NEW_CHARGER_ORDERED = '1'; | |
| 67 | |
| 68 /** | |
| 69 * Charger order form iFrame url. | |
| 70 */ | |
| 71 var ORDER_CHARGER_IFRAME_URL = 'https://chromesafetycheck.appspot.com'; | |
| 72 | |
| 73 /** | |
| 74 * maximum delay in milliseconds for loading the online charger order form | |
| 75 * into iFrame. | |
| 76 */ | |
| 77 var ONLINE_ORDER_FORM_LOADING_DELAY = 30000; | |
| 78 | |
| 79 /** | |
| 80 * maximum delay in milliseconds for server to respond after user submits | |
| 81 * the order form. | |
| 82 */ | |
| 83 var ONLINE_ORDER_SUBMISSION_DELAY = 60000; | |
| 84 | |
| 85 /** | |
| 86 * urls of href links on UI. | |
| 87 */ | |
| 88 var CHARGER_FAQ_LINK = 'http://chromebook.com/hp11charger/'; | |
| 89 var PRIVACY_POLICY_LINK = 'http://www.google.com/policies/privacy'; | |
| 90 | |
| 91 var onlineOrderSubmitTimer; | |
| 92 | |
| 93 /** | |
| 94 * flag for whether the online charger order form is loaded. | |
| 95 */ | |
| 96 var isOrderFormLoaded = false; | |
| 97 | |
| 98 /** | |
| 99 * flag for whether user's online charger order form submission has been | |
| 100 * recevied by Google. True if the server responds with SUCCESSS or | |
| 101 * FAILURE. FAILURE indicate user has some input error in form and should | |
| 102 * submit again. | |
| 103 */ | |
| 104 var isOrderSubmissionReceived = false; | |
| 105 | |
| 106 /** | |
| 107 * charger selection by user. | |
| 108 */ | |
| 109 var chargerSelection = CHARGER_SELECTION.NONE; | |
| 110 | |
| 111 /** | |
| 112 * Set window the specified size and center it to screen. | |
| 113 */ | |
| 114 function setWindowSizeAndCenter(width, height) { | |
| 115 window.resizeTo(width, height); | |
| 116 window.moveTo(window.screen.width / 2 - width / 2, | |
| 117 window.screen.height / 2 - height / 2); | |
| 118 } | |
| 119 | |
| 120 /** | |
| 121 * Show a particular page. | |
| 122 */ | |
| 123 function showPage(page) { | |
| 124 switch (page) { | |
| 125 case PAGES.CHECK_CHARGER: | |
| 126 setWindowSizeAndCenter(500, 590); | |
| 127 break; | |
| 128 case PAGES.CONFIRM_SAFE_CHARGER: | |
| 129 setWindowSizeAndCenter(400, 325); | |
| 130 break; | |
| 131 case PAGES.CHARGER_UPDATE: | |
| 132 setWindowSizeAndCenter(510, 505); | |
| 133 break; | |
| 134 case PAGES.ORDER_CHARGER_ONLINE: | |
| 135 $('charger-order-form').src = ORDER_CHARGER_IFRAME_URL; | |
| 136 setWindowSizeAndCenter(1150, 550); | |
| 137 setTimeout(checkOnlineOrderFormLoaded, ONLINE_ORDER_FORM_LOADING_DELAY); | |
| 138 break; | |
| 139 case PAGES.CONFIRM_ONLINE_ORDER: | |
| 140 setWindowSizeAndCenter(420, 380); | |
| 141 break; | |
| 142 case PAGES.FINISH_NOT_ORDER_CHARGER: | |
| 143 setWindowSizeAndCenter(430, 350); | |
| 144 break; | |
| 145 case PAGES.ORDER_CHARGER_OFFLINE: | |
| 146 setWindowSizeAndCenter(750, 600); | |
| 147 break; | |
| 148 case PAGES.CHARGER_STILL_BAD: | |
| 149 setWindowSizeAndCenter(430, 380); | |
| 150 break; | |
| 151 } | |
| 152 document.body.setAttribute('page', page); | |
| 153 } | |
| 154 | |
| 155 /** | |
| 156 * Select a country from the drop down list. | |
| 157 */ | |
| 158 function selectCountry() { | |
| 159 var country = $('select-device-country').value; | |
| 160 if (country == COUNTRY.US || country == COUNTRY.CA) { | |
| 161 $('new-charger').src = $('new-charger-us').src; | |
| 162 $('original-charger').src = $('original-charger-us').src; | |
| 163 } else if (country == COUNTRY.AU) { | |
| 164 $('new-charger').src = $('new-charger-au').src; | |
| 165 $('original-charger').src = $('original-charger-au').src; | |
| 166 } else { | |
| 167 $('new-charger').src = $('new-charger-uk').src; | |
| 168 $('original-charger').src = $('original-charger-uk').src; | |
| 169 } | |
| 170 $('charger-selection-strip').style.visibility = 'visible'; | |
| 171 } | |
| 172 | |
| 173 /** | |
| 174 * Toggle charger box border color based on if it is selected. | |
| 175 */ | |
| 176 function ToggleChargerSelection(charger, selected) { | |
| 177 charger.classList.toggle('selected-charger', selected); | |
| 178 charger.classList.toggle('de-selected-charger', !selected); | |
| 179 } | |
| 180 | |
| 181 /** | |
| 182 * Select a charger, either original or good charger with green sticker. | |
| 183 */ | |
| 184 function selectCharger(selection) { | |
| 185 if (selection == CHARGER_SELECTION.NONE) | |
| 186 return; | |
| 187 | |
| 188 chargerSelection = selection; | |
| 189 $('check-charger-next-step').disabled = false; | |
| 190 if (chargerSelection == CHARGER_SELECTION.GOOD_CHARGER) { | |
| 191 var selectedCharger = $('new-charger-box'); | |
| 192 var notSelectedCharger = $('original-charger-box'); | |
| 193 } else { | |
| 194 var selectedCharger = $('original-charger-box'); | |
| 195 var notSelectedCharger = $('new-charger-box'); | |
| 196 } | |
| 197 ToggleChargerSelection(selectedCharger, true); | |
| 198 ToggleChargerSelection(notSelectedCharger, false); | |
| 199 } | |
| 200 | |
| 201 /** | |
| 202 * Process the flow after user select a charger. | |
| 203 */ | |
| 204 function afterSelectCharger(dialogArg) { | |
| 205 if (chargerSelection == CHARGER_SELECTION.NONE) | |
| 206 return; | |
| 207 | |
| 208 if (chargerSelection == CHARGER_SELECTION.GOOD_CHARGER) { | |
| 209 showPage(PAGES.CONFIRM_SAFE_CHARGER); | |
| 210 } else { | |
| 211 if (dialogArg == NEW_CHARGER_ORDERED) | |
| 212 showPage(PAGES.CHARGER_STILL_BAD); | |
| 213 else | |
| 214 showPage(PAGES.CHARGER_UPDATE); | |
| 215 } | |
| 216 } | |
| 217 | |
| 218 /** | |
| 219 * Proceed to next step after user make the choice for charger update. | |
| 220 */ | |
| 221 function nextStepForChargerUpdate() { | |
| 222 var radios = document.getElementsByName('order-new-charger'); | |
| 223 if (radios[USER_CHOICE_FOR_CHARGER_UPDATE.ORDER_NEW_CHARGER].checked) { | |
| 224 if (navigator.onLine) | |
| 225 showPage(PAGES.ORDER_CHARGER_ONLINE); | |
| 226 else | |
| 227 showPage(PAGES.ORDER_CHARGER_OFFLINE); | |
| 228 } else { | |
| 229 showPage(PAGES.FINISH_NOT_ORDER_CHARGER); | |
| 230 } | |
| 231 } | |
| 232 | |
| 233 /** | |
| 234 * Update the UI after user confirms the choice for charger update. | |
| 235 */ | |
| 236 function afterUserConfirmationForChargerUpdate() { | |
| 237 if ($('order-new-charger').checked) { | |
| 238 $('not-order-charger-checkbox-strip').style.visibility = 'hidden'; | |
| 239 $('next-to-charger-update').disabled = false; | |
| 240 } else { | |
| 241 $('not-order-charger-checkbox-strip').style.visibility = 'visible'; | |
| 242 $('next-to-charger-update').disabled = | |
| 243 !$('confirm-not-order-charger').checked; | |
| 244 } | |
| 245 } | |
| 246 | |
| 247 /** | |
| 248 * Check if the online order form has been loaded in iFrame. | |
| 249 */ | |
| 250 function checkOnlineOrderFormLoaded() { | |
| 251 if (!isOrderFormLoaded) | |
| 252 showPage(PAGES.ORDER_CHARGER_OFFLINE); | |
| 253 } | |
| 254 | |
| 255 /** | |
| 256 * Check if the online charger order has been successful or not. | |
| 257 */ | |
| 258 function checkOnlineOrderSubmissionResponse() { | |
| 259 if (!isOrderSubmissionReceived) | |
| 260 showPage(PAGES.ORDER_CHARGER_OFFLINE); | |
| 261 } | |
| 262 | |
| 263 /** | |
| 264 * Handle the messages posted by the iFrame for online order form. | |
| 265 */ | |
| 266 function handleWindowMessage(e) { | |
| 267 if (e.origin != ORDER_CHARGER_IFRAME_URL) | |
| 268 return; | |
| 269 | |
| 270 var type = e.data['type']; | |
| 271 if (type == ORDER_CHARGER_IFRAME_MESSAGE.FORM_OPEN) { | |
| 272 isOrderFormLoaded = true; | |
| 273 } else if (type == ORDER_CHARGER_IFRAME_MESSAGE.SUBMIT) { | |
| 274 if (onlineOrderSubmitTimer) | |
| 275 clearTimeout(onlineOrderSubmitTimer); | |
| 276 onlineOrderSubmitTimer = setTimeout(checkOnlineOrderSubmissionResponse, | |
| 277 ONLINE_ORDER_SUBMISSION_DELAY); | |
| 278 } else if (type == ORDER_CHARGER_IFRAME_MESSAGE.SUCCESS) { | |
| 279 isOrderSubmissionReceived = true; | |
| 280 showPage(PAGES.CONFIRM_ONLINE_ORDER); | |
| 281 } else if (type == ORDER_CHARGER_IFRAME_MESSAGE.FAILURE) { | |
| 282 isOrderSubmissionReceived = true; | |
| 283 } else if (type == ORDER_CHARGER_IFRAME_MESSAGE.LINK) { | |
| 284 chrome.send('showLink', [e.data['link']]); | |
| 285 } | |
| 286 } | |
| 287 | |
| 288 /** | |
| 289 * Page loaded. | |
| 290 */ | |
| 291 function load() { | |
| 292 var dialogArg = chrome.getVariableValue('dialogArguments'); | |
| 293 showPage(PAGES.CHECK_CHARGER); | |
| 294 $('check-charger-next-step').disabled = true; | |
| 295 $('charger-selection-strip').style.visibility = 'hidden'; | |
| 296 $('order-new-charger').checked = true; | |
| 297 $('finish-offline-order').disabled = true; | |
| 298 $('check-charger-next-step').onclick = function() { | |
| 299 afterSelectCharger(dialogArg); | |
| 300 }; | |
| 301 $('select-device-country').onchange = function() { | |
| 302 selectCountry(); | |
| 303 }; | |
| 304 $('new-charger').onclick = function() { | |
| 305 selectCharger(CHARGER_SELECTION.GOOD_CHARGER); | |
| 306 }; | |
| 307 $('original-charger').onclick = function() { | |
| 308 selectCharger(CHARGER_SELECTION.ORIGINAL_CHARGER); | |
| 309 }; | |
| 310 $('back-to-check-charger').onclick = function() { | |
| 311 showPage(PAGES.CHECK_CHARGER); | |
| 312 }; | |
| 313 $('finish-safe-charger').onclick = function() { | |
| 314 chrome.send('confirmSafeCharger'); | |
| 315 chrome.send('dialogClose'); | |
| 316 }; | |
| 317 $('not-order-charger-checkbox-strip').style.visibility = 'hidden'; | |
| 318 $('back-to-check-charger-from-charger-update').onclick = function() { | |
| 319 showPage(PAGES.CHECK_CHARGER); | |
| 320 }; | |
| 321 $('next-to-charger-update').onclick = function() { | |
| 322 nextStepForChargerUpdate(); | |
| 323 }; | |
| 324 $('order-new-charger').onclick = function() { | |
| 325 afterUserConfirmationForChargerUpdate(); | |
| 326 }; | |
| 327 $('not-order-new-charger').onclick = function() { | |
| 328 afterUserConfirmationForChargerUpdate(); | |
| 329 }; | |
| 330 $('confirm-not-order-charger').onclick = function() { | |
| 331 afterUserConfirmationForChargerUpdate(); | |
| 332 }; | |
| 333 $('finish-not-order-new-charger').onclick = function() { | |
| 334 chrome.send('confirmNotOrderNewCharger'); | |
| 335 chrome.send('dialogClose'); | |
| 336 }; | |
| 337 $('finish-online-order').onclick = function() { | |
| 338 chrome.send('confirmChargerOrderedOnline'); | |
| 339 chrome.send('dialogClose'); | |
| 340 }; | |
| 341 $('offline-order-confirm').onclick = function() { | |
| 342 $('finish-offline-order').disabled = !$('offline-order-confirm').checked; | |
| 343 }; | |
| 344 $('finish-offline-order').onclick = function() { | |
| 345 chrome.send('confirmChargerOrderByPhone'); | |
| 346 chrome.send('dialogClose'); | |
| 347 }; | |
| 348 $('finish-still-bad-charger').onclick = function() { | |
| 349 chrome.send('confirmStillUseBadCharger'); | |
| 350 chrome.send('dialogClose'); | |
| 351 }; | |
| 352 | |
| 353 var links = document.getElementsByClassName('link'); | |
| 354 for (var i = 0; i < links.length; ++i) { | |
| 355 if (links[i].id == 'privacy-link') { | |
| 356 links[i].onclick = function() { | |
| 357 chrome.send('showLink', [PRIVACY_POLICY_LINK]); | |
| 358 }; | |
| 359 } else { | |
| 360 links[i].onclick = function() { | |
| 361 chrome.send('showLink', [CHARGER_FAQ_LINK]); | |
| 362 }; | |
| 363 } | |
| 364 } | |
| 365 | |
| 366 window.addEventListener('message', handleWindowMessage); | |
| 367 } | |
| 368 | |
| 369 return { | |
| 370 load: load | |
| 371 }; | |
| 372 }); | |
| 373 | |
| 374 document.addEventListener('DOMContentLoaded', chargerReplacement.load); | |
| 375 | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 731663002:
Remove Yoshi charger recall pop up warning UI code. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master