Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(318)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/chromeos/charger_replacement.html

Issue 107103004: Implement the spring charger replacement UI. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 7 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« chrome/browser/resources/chromeos/charger_replacement.css ('K') | « chrome/browser/resources/chromeos/charger_replacement.css ('k') | chrome/browser/resources/chromeos/charger_replacement.js » ('j') | chrome/browser/resources/chromeos/charger_replacement.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(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">
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">
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>
85 <span i18n-content="chargerUpdateP3_1"></span>
86 <span class="link" i18n-content="chargerUpdateP3Faq"></span>
87 <span i18n-content="chargerUpdateP3_2"></span>
88 </p>
89 <div>
90 <div class="radio">
91 <input id="order-new-charger" name="order-new-charger" type="radio"
92 value="0">
93 <label for="order-new-charger" i18n-content="orderNewCharger"></label>
94 </div>
95 <div class="radio">
96 <div>
97 <input id="not-order-new-charger" name="order-new-charger" type="radio"
98 value="1">
99 <label for="not-order-new-charger" i18n-content="notOrderNewCharger">
100 </label>
101 </div>
102 </div>
103 </div>
104 <div id="not-order-charger-checkbox-strip">
105 <div>
106 <input id="confirm-not-order-charger" type="checkbox">
107 </div>
108 <div id="confirm-not-order-charger-label-strip" class="checkbox-label">
109 <div>
110 <label for="confirm-not-order-charger"
111 i18n-content="confirmNotOrderNewCharger">
112 </label>
113 </div>
114 <div>
115 <label for="confirm-not-order-charger"
116 i18n-content="noMoreShowText">
117 </label>
118 </div>
119 </div>
120 </div>
121 <div class="button-strip">
122 <button type="button" id="back-to-check-charger-from-charger-update"
123 i18n-content="prevStepText" class="command-button"></button>
124 <button type="button" id="next-to-charger-update"
125 i18n-content="nextStepButtonText" class="command-button"></button>
126 </div>
127
128 </div>
129
130 <div id="order-charger-online" class="page">
131 <iframe id="charger-order-form">
132 </iframe>
133 </div>
134
135 <div id="confirm-online-order" class="page">
136 <h2 i18n-content="confirmOnlineOrder"></h2>
137 <img id="safe-charger-checkmark" src="images/safe-charger-checkmark.png">
138 <p>
139 <span i18n-content="confirmReceivingOnlineOrder"></span><br>
140 </p>
141 <span i18n-content="needMoreInformation"></span><br>
142 <span class="link">http://chromebook.com/hp11charger</span>
143 <div class="button-strip">
144 <button type="button" id="finish-online-order"
145 i18n-content="finishText" class="command-button"></button>
146 </div>
147 </div>
148
149 <div id="finish-not-order-charger" class="page">
150 <h2 i18n-content="finishNotOrderChargerTitle"></h2>
151 <p>
152 <span class="stop-use-recalled-charger"
153 i18n-content="stopUsingRecalledCharger"></span>
154 </p>
155 <p>
156 <span i18n-content="finishNotOrderChargerP2_1"></span>
157 <span class="link" i18n-content="chargerUpdateP3Faq"></span>
158 <span i18n-content="finishNotOrderChargerP2_2"></span>
159 </p>
160 <p>
161 <span i18n-content="finishNotOrderChargerMoreInfo"></span>
162 <span class="link">http://chromebook.com/hp11charger</span>
163 </p><br>
164 <div class="button-strip">
165 <button type="button" id="finish-not-order-new-charger"
166 i18n-content="finishText" class="command-button"></button>
167 </div>
168 </div>
169
170 <div id="order-charger-offline" class="page">
171 <h2 i18n-content="orderChargerOfflineTitle"></h2>
172 <div id="offline-content">
173 <div id="offline-content-left">
174 <p>
175 <span i18n-content="offlineChargerOrderParagraph1"></span>
176 <span class="stop-use-recalled-charger"
177 i18n-content="stopUsingRecalledCharger"></span><br>
178 </p>
179 <p i18n-content="offlineChargerOrderParagraph2"></p>
180 <p>
181 <span i18n-content="chargerUpdateP3_1"></span>
182 <span class="link" i18n-content="chargerUpdateP3Faq"></span>
183 <span i18n-content="chargerUpdateP3_2"></span>
184 </p>
185 <p>
186 <span i18n-content="textBeforePrivacyLink"></span>
187 <span class="link" id="privacy-link"
188 i18n-content="privacyPolicy"></span>
189 <span i18n-content="textAfterPrivacyLink"></span>
190 </p>
191 </div>
192 <div id="offline-content-divider"></div>
193 <div id="offline-content-right">
194 <div>
195 <p id="offline-order-contact"
196 i18n-content="offlineOrderPhoneNumber"></p>
197 </div>
198 <div>
199 <div id="confirm-offline-order-checkbox-strip">
200 <div>
201 <input id="offline-order-confirm" type="checkbox">
202 </div>
203 <div class="checkbox-label">
204 <label for="offline-order-confirm"
205 i18n-content="offlineSafeChargerConfirmationText">
206 </label>
207 </div>
208 </div>
209 <div class="button-strip">
210 <button type="button" id="finish-offline-order"
211 i18n-content="finishText" class="command-button"></button>
212 </div>
213 </div>
214 </div>
215 </div>
216 </div>
217
218 <div id="charger-still-bad" class="page">
219 <h2 i18n-content="chargerStillBadTitle"></h2>
220 <p>
221 <span i18n-content="chargedOrdered"></span><br>
222 <span class="stop-use-recalled-charger"
223 i18n-content="stopUsingRecalledCharger"></span><br>
224 </p>
225 <p>
226 <span i18n-content="chargerUpdateP3_1"></span>
227 <span class="link" i18n-content="chargerUpdateP3Faq"></span>
228 <span i18n-content="chargerUpdateP3_2"></span><br>
229 </p>
230 <p>
231 <span i18n-content="findMoreInfo"></span>
232 <span class="link">http://chromebook.com/hp11charger</span>
233 </p>
234 <div class="button-strip">
235 <button type="button" id="finish-still-bad-charger"
236 i18n-content="finishText" class="command-button"></button>
237 </div>
238 </div>
239
240 <script src="chrome://resources/js/i18n_template2.js"></script>
241 </body>
242 </html>
OLDNEW
« chrome/browser/resources/chromeos/charger_replacement.css ('K') | « chrome/browser/resources/chromeos/charger_replacement.css ('k') | chrome/browser/resources/chromeos/charger_replacement.js » ('j') | chrome/browser/resources/chromeos/charger_replacement.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698