OLD | NEW |
| (Empty) |
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> | |
OLD | NEW |