src/chrome/browser/resources/chromeos/charger_replacement.html

   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>