chrome/browser/resources/chromeos/charger_replacement.html

   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>