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