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