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> 223
