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