| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html i18n-values="dir:textdirection"> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css"> | |
| 6 <link rel="stylesheet" href="charger_replacement.css"> | |
| 7 | |
| 8 <script src="chrome://resources/js/cr.js"></script> | |
| 9 <script src="chrome://resources/js/event_tracker.js"></script> | |
| 10 <script src="chrome://resources/js/cr/event_target.js"></script> | |
| 11 <script src="chrome://resources/js/cr/ui.js"></script> | |
| 12 <script src="chrome://resources/js/cr/ui/touch_handler.js"></script> | |
| 13 <script src="chrome://resources/js/load_time_data.js"></script> | |
| 14 <script src="chrome://resources/js/util.js"></script> | |
| 15 <script src="chrome://charger-replacement/strings.js"></script> | |
| 16 | |
| 17 <script src="../uber/uber_utils.js"></script> | |
| 18 <script src="charger_replacement.js"></script> | |
| 19 | |
| 20 </head> | |
| 21 | |
| 22 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | |
| 23 | |
| 24 <div id="check-charger" class="page"> | |
| 25 <h2 i18n-content="checkChargerTitle"></h2> | |
| 26 <p> | |
| 27 <span i18n-content="checkChargerDamage"></span><br><br> | |
| 28 <span i18n-content="checkOriginalCharger"></span><br> | |
| 29 </p> | |
| 30 <p i18n-content="whereDevicePurchased"></p> | |
| 31 <div> | |
| 32 <select id="select-device-country"> | |
| 33 <option selected="true" style="display:none;" | |
| 34 i18n-content="selectCountry"></option> | |
| 35 <option value="au" i18n-content="au"></option> | |
| 36 <option value="ca" i18n-content="ca"></option> | |
| 37 <option value="ire" i18n-content="ire"></option> | |
| 38 <option value="uk" i18n-content="uk"></option> | |
| 39 <option value="us" i18n-content="us"></option> | |
| 40 </select> | |
| 41 </div> | |
| 42 <div id="charger-selection-strip"> | |
| 43 <p i18n-content="checkChargerSelectCharger"></p> | |
| 44 <div id="charger-selection"> | |
| 45 <div id="new-charger-box" class="de-selected-charger"> | |
| 46 <img id="new-charger" src="images/new_charger_us.png"> | |
| 47 <img id="new-charger-us" src="images/new_charger_us.png" hidden> | |
| 48 <img id="new-charger-uk" src="images/new_charger_uk.png" hidden> | |
| 49 <img id="new-charger-au" src="images/new_charger_au.png" hidden> | |
| 50 </div> | |
| 51 <div id="original-charger-box" class="de-selected-charger"> | |
| 52 <img id="original-charger" src="images/original_charger_us.png"> | |
| 53 <img id="original-charger-us" src="images/original_charger_us.png" hidden> | |
| 54 <img id="original-charger-uk" src="images/original_charger_uk.png" hidden> | |
| 55 <img id="original-charger-au" src="images/original_charger_au.png" hidden> | |
| 56 </div> | |
| 57 </div> | |
| 58 </div> | |
| 59 <div class="button-strip"> | |
| 60 <button type="button" id="check-charger-next-step" class="command-button" | |
| 61 i18n-content="nextStepButtonText"></button> | |
| 62 </div> | |
| 63 </div> | |
| 64 | |
| 65 <div id="confirm-safe-charger" class="page"> | |
| 66 <h2 i18n-content="confirmSafeChargerTitle"></h2> | |
| 67 <img id="safe-charger-checkmark" src="images/safe-charger-checkmark.png"> | |
| 68 <p id="go-with-good-charger" i18n-content="goWithSafeCharger"></p> | |
| 69 <div class="button-strip"> | |
| 70 <button type="button" id="back-to-check-charger" | |
| 71 i18n-content="prevStepText" class="command-button"></button> | |
| 72 <button type="button" id="finish-safe-charger" | |
| 73 i18n-content="finishText" class="command-button"></button> | |
| 74 </div> | |
| 75 </div> | |
| 76 | |
| 77 <div id="charger-update" class="page"> | |
| 78 <h2 i18n-content="chargerUpdateTitle"></h2> | |
| 79 <p> | |
| 80 <span i18n-content="chargerUpdateP1"></span> | |
| 81 <span class="stop-use-recalled-charger" | |
| 82 i18n-content="stopUsingRecalledCharger"></span> | |
| 83 </p> | |
| 84 <p i18n-content="chargerUpdateP2"></p> | |
| 85 <p i18n-values=".innerHTML:chargerUpdateFAQ"></p> | |
| 86 <div> | |
| 87 <div class="radio"> | |
| 88 <input id="order-new-charger" name="order-new-charger" type="radio" | |
| 89 value="0"> | |
| 90 <label for="order-new-charger" i18n-content="orderNewCharger"></label> | |
| 91 </div> | |
| 92 <div class="radio"> | |
| 93 <div> | |
| 94 <input id="not-order-new-charger" name="order-new-charger" type="radio" | |
| 95 value="1"> | |
| 96 <label for="not-order-new-charger" i18n-content="notOrderNewCharger"> | |
| 97 </label> | |
| 98 </div> | |
| 99 </div> | |
| 100 </div> | |
| 101 <div id="not-order-charger-checkbox-strip"> | |
| 102 <div> | |
| 103 <input id="confirm-not-order-charger" type="checkbox"> | |
| 104 </div> | |
| 105 <div id="confirm-not-order-charger-label-strip" class="checkbox-label"> | |
| 106 <div> | |
| 107 <label for="confirm-not-order-charger" | |
| 108 i18n-content="confirmNotOrderNewCharger"> | |
| 109 </label> | |
| 110 </div> | |
| 111 <div> | |
| 112 <label for="confirm-not-order-charger" | |
| 113 i18n-content="noMoreShowText"> | |
| 114 </label> | |
| 115 </div> | |
| 116 </div> | |
| 117 </div> | |
| 118 <div class="button-strip"> | |
| 119 <button type="button" id="back-to-check-charger-from-charger-update" | |
| 120 i18n-content="prevStepText" class="command-button"></button> | |
| 121 <button type="button" id="next-to-charger-update" | |
| 122 i18n-content="nextStepButtonText" class="command-button"></button> | |
| 123 </div> | |
| 124 | |
| 125 </div> | |
| 126 | |
| 127 <div id="order-charger-online" class="page"> | |
| 128 <iframe id="charger-order-form" name="charger-order-form"> | |
| 129 </iframe> | |
| 130 </div> | |
| 131 | |
| 132 <div id="confirm-online-order" class="page"> | |
| 133 <h2 i18n-content="confirmOnlineOrder"></h2> | |
| 134 <img id="safe-charger-checkmark" src="images/safe-charger-checkmark.png"> | |
| 135 <p> | |
| 136 <span i18n-content="confirmReceivingOnlineOrder"></span><br> | |
| 137 </p> | |
| 138 <span i18n-content="needMoreInformation"></span><br> | |
| 139 <a class="link" href="#" i18n-content="faqLink"></a> | |
| 140 <div class="button-strip"> | |
| 141 <button type="button" id="finish-online-order" | |
| 142 i18n-content="finishText" class="command-button"></button> | |
| 143 </div> | |
| 144 </div> | |
| 145 | |
| 146 <div id="finish-not-order-charger" class="page"> | |
| 147 <h2 i18n-content="finishNotOrderChargerTitle"></h2> | |
| 148 <p> | |
| 149 <span class="stop-use-recalled-charger" | |
| 150 i18n-content="stopUsingRecalledCharger"></span> | |
| 151 </p> | |
| 152 <p i18n-values=".innerHTML:finishNotOrderChargerP2"></p> | |
| 153 <p> | |
| 154 <span i18n-content="finishNotOrderChargerMoreInfo"></span> | |
| 155 <a class="link" href="#" i18n-content="faqLink"></a> | |
| 156 </p><br> | |
| 157 <div class="button-strip"> | |
| 158 <button type="button" id="finish-not-order-new-charger" | |
| 159 i18n-content="finishText" class="command-button"></button> | |
| 160 </div> | |
| 161 </div> | |
| 162 | |
| 163 <div id="order-charger-offline" class="page"> | |
| 164 <h2 i18n-content="orderChargerOfflineTitle"></h2> | |
| 165 <div id="offline-content"> | |
| 166 <div id="offline-content-left"> | |
| 167 <p> | |
| 168 <span i18n-content="offlineChargerOrderParagraph1"></span> | |
| 169 <span class="stop-use-recalled-charger" | |
| 170 i18n-content="stopUsingRecalledCharger"></span><br> | |
| 171 </p> | |
| 172 <p i18n-content="offlineChargerOrderParagraph2"></p> | |
| 173 <p i18n-values=".innerHTML:chargerUpdateFAQ"></p> | |
| 174 <p i18n-values=".innerHTML:privacyPolicy"></p> | |
| 175 </div> | |
| 176 <div id="offline-content-divider"></div> | |
| 177 <div id="offline-content-right"> | |
| 178 <div> | |
| 179 <p id="offline-order-contact" | |
| 180 i18n-content="offlineOrderPhoneNumber"></p> | |
| 181 </div> | |
| 182 <div> | |
| 183 <div id="confirm-offline-order-checkbox-strip"> | |
| 184 <div> | |
| 185 <input id="offline-order-confirm" type="checkbox"> | |
| 186 </div> | |
| 187 <div class="checkbox-label"> | |
| 188 <label for="offline-order-confirm" | |
| 189 i18n-content="offlineSafeChargerConfirmationText"> | |
| 190 </label> | |
| 191 </div> | |
| 192 </div> | |
| 193 <div class="button-strip"> | |
| 194 <button type="button" id="finish-offline-order" | |
| 195 i18n-content="finishText" class="command-button"></button> | |
| 196 </div> | |
| 197 </div> | |
| 198 </div> | |
| 199 </div> | |
| 200 </div> | |
| 201 | |
| 202 <div id="charger-still-bad" class="page"> | |
| 203 <h2 i18n-content="chargerStillBadTitle"></h2> | |
| 204 <p> | |
| 205 <span i18n-content="chargedOrdered"></span><br> | |
| 206 <span class="stop-use-recalled-charger" | |
| 207 i18n-content="stopUsingRecalledCharger"></span><br> | |
| 208 </p> | |
| 209 <p i18n-values=".innerHTML:chargerUpdateFAQ"></p> | |
| 210 <p> | |
| 211 <span i18n-content="findMoreInfo"></span> | |
| 212 <a class="link" href="#" i18n-content="faqLink"></a> | |
| 213 </p> | |
| 214 <div class="button-strip"> | |
| 215 <button type="button" id="finish-still-bad-charger" | |
| 216 i18n-content="finishText" class="command-button"></button> | |
| 217 </div> | |
| 218 </div> | |
| 219 | |
| 220 <script src="chrome://resources/js/i18n_template2.js"></script> | |
| 221 </body> | |
| 222 </html> | |
| OLD | NEW |