OLD | NEW |
| (Empty) |
1 <html> | |
2 <style type="text/css"><!-- | |
3 body,td,div,p,a,font,span {font-family: arial,sans-serif;} | |
4 body { bgcolor:"#ffffff" } | |
5 A:link {color:#0000cc; } | |
6 A:visited { color:#551a8b; } | |
7 A:active { color:#ff0000; } | |
8 .form-noindent {background-color: #ffffff; border: #C3D9FF 1px solid} | |
9 --></style> | |
10 <head> | |
11 <style type="text/css"><!-- | |
12 .body { margin-left: 3em; | |
13 margin-right: 5em; | |
14 font-family: arial,sans-serif; } | |
15 div.errorbox-good {} | |
16 div.errorbox-bad {} | |
17 div.errormsg { color: red; font-size: smaller; | |
18 font-family: arial,sans-serif;} | |
19 font.errormsg { color: red; font-size: smaller; | |
20 font-family: arial,sans-serif;} | |
21 hr { | |
22 border: 0; | |
23 background-color:#DDDDDD; | |
24 height: 1px; | |
25 width: 100%; | |
26 text-align: left; | |
27 margin: 5px; | |
28 } | |
29 --></style> | |
30 </head> | |
31 <body dir="ltr" bgcolor="#ffffff" vlink="#666666" | |
32 style="margin-bottom: 0" onload="initForm();"> | |
33 <table width="100%" align="center" cellpadding="1" cellspacing="1"> | |
34 <tr> | |
35 <td valign="top"> <!-- LOGIN BOX --> | |
36 <script> | |
37 function gaia_setFocus() { | |
38 var f = null; | |
39 if (document.getElementById) { | |
40 f = document.getElementById("gaia_loginform"); | |
41 } else if (window.gaia_loginform) { | |
42 f = window.gaia_loginform; | |
43 } | |
44 if (f) { | |
45 if (f.Email && (f.Email.value == null || f.Email.value == "")) { | |
46 f.Email.focus(); | |
47 } else if (f.Passwd) { | |
48 f.Passwd.focus(); | |
49 } | |
50 } | |
51 } | |
52 | |
53 function advanceThrobber() { | |
54 var throbber = document.getElementById('throb'); | |
55 throbber.style.backgroundPositionX = | |
56 ((parseInt(throbber.style.backgroundPositionX) - 16) % 576) + 'px'; | |
57 } | |
58 | |
59 function showGaiaLogin(args) { | |
60 var throbber = document.getElementById('throbber_container'); | |
61 throbber.style.display = "none"; | |
62 var f = document.getElementById("gaia_loginform"); | |
63 if (f) { | |
64 f.Email.value = args.user; | |
65 } | |
66 resetErrorVisibility(); | |
67 var t = document.getElementById("errormsg_1_Password"); | |
68 if (t) { | |
69 t.innerHTML = "Username and password do not match. [<a href=\"http://www
.google.com/support/accounts/bin/answer.py?ctx=ch&answer=27444\">?</a>]"; | |
70 } | |
71 if (1 == args.error) { | |
72 setElementDisplay("errormsg_1_Password", 'table-row'); | |
73 setBlurbError(); | |
74 } | |
75 if (3 == args.error) { | |
76 setElementDisplay("errormsg_0_Connection", 'table-row'); | |
77 setBlurbError(); | |
78 } | |
79 document.getElementById("signIn").disabled = false; | |
80 gaia_setFocus(); | |
81 } | |
82 | |
83 function CloseDialog() { | |
84 chrome.send("DialogClose", [""]); | |
85 } | |
86 | |
87 function showGaiaSuccessAndClose() { | |
88 document.getElementById("signIn").value = "Success!"; | |
89 setTimeout(CloseDialog, 1600); | |
90 } | |
91 | |
92 function showGaiaSuccessAndSettingUp() { | |
93 document.getElementById("signIn").value = "Setting up..."; | |
94 } | |
95 | |
96 function initForm() { | |
97 setInterval(advanceThrobber, 30); | |
98 var args = JSON.parse(chrome.dialogArguments); | |
99 showGaiaLogin(args); | |
100 } | |
101 | |
102 function sendCredentialsAndClose() { | |
103 if (!setErrorVisibility()) | |
104 return false; | |
105 | |
106 var throbber = document.getElementById('throbber_container'); | |
107 throbber.style.display = "inline"; | |
108 var f = document.getElementById("gaia_loginform"); | |
109 var result = JSON.stringify({"user" : f.Email.value, | |
110 "pass" : f.Passwd.value}); | |
111 document.getElementById("signIn").disabled = true; | |
112 chrome.send("SubmitAuth", [result]); | |
113 } | |
114 | |
115 function setElementDisplay(id, display) { | |
116 var d = document.getElementById(id); | |
117 if (d) | |
118 d.style.display = display; | |
119 } | |
120 | |
121 function setBlurbError() { | |
122 var blurb = document.getElementById("top_blurb"); | |
123 blurb.innerHTML = | |
124 '<font size="-1">Setting up Bookmarks Sync<br/><br/><b>Error signing i
n.</b></font>'; | |
125 } | |
126 | |
127 function resetErrorVisibility() { | |
128 setElementDisplay("errormsg_0_Email", 'none'); | |
129 setElementDisplay("errormsg_0_Password", 'none'); | |
130 setElementDisplay("errormsg_1_Password", 'none'); | |
131 setElementDisplay("errormsg_0_Connection", 'none'); | |
132 } | |
133 | |
134 function setErrorVisibility() { | |
135 resetErrorVisibility(); | |
136 var f = document.getElementById("gaia_loginform"); | |
137 if (null == f.Email.value || "" == f.Email.value) { | |
138 setElementDisplay("errormsg_0_Email", 'table-row'); | |
139 setBlurbError(); | |
140 return false; | |
141 } | |
142 if (null == f.Passwd.value || "" == f.Passwd.value) { | |
143 setElementDisplay("errormsg_0_Password", 'table-row'); | |
144 setBlurbError(); | |
145 return false; | |
146 } | |
147 return true; | |
148 } | |
149 </script> | |
150 <style type="text/css"><!-- | |
151 div.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; } | |
152 font.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif;}
| |
153 --></style> | |
154 <style type="text/css"><!-- | |
155 .gaia.le.lbl { font-family: Arial, Helvetica, sans-serif; font-size: smaller; } | |
156 .gaia.le.fpwd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; } | |
157 .gaia.le.chusr { font-family: Arial, Helvetica, sans-serif; font-size: 70%; } | |
158 .gaia.le.val { font-family: Arial, Helvetica, sans-serif; font-size: smaller; } | |
159 .gaia.le.button { font-family: Arial, Helvetica, sans-serif; font-size: smaller;
} | |
160 .gaia.le.rem { font-family: Arial, Helvetica, sans-serif; font-size: smaller; } | |
161 .gaia.captchahtml.desc { font-family: arial, sans-serif; font-size: smaller; } | |
162 .gaia.captchahtml.cmt { font-family: arial, sans-serif; font-size: smaller; | |
163 font-style: italic; } | |
164 --></style> | |
165 <p id="top_blurb"> <font size="-1"> | |
166 Google Chrome can sync your bookmarks with your Google account – | |
167 bookmarks you create on this computer will be made instantly visible on all the | |
168 computers synced to the same account.</font></p> | |
169 <form id="gaia_loginform" onsubmit="sendCredentialsAndClose(); return false;"> | |
170 <div id="gaia_loginbox"> | |
171 <table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" | |
172 border="0"> | |
173 <tr> | |
174 <td valign="top" style="text-align:center" nowrap="nowrap" | |
175 bgcolor="#e8eefa"> | |
176 <div class="loginBox"> | |
177 <table id="gaia_table" align="center" border="0" cellpadding="1" | |
178 cellspacing="0"> | |
179 <tr> | |
180 <td colspan="2" align="center"> | |
181 <font size="-1"> Sign in with your </font> | |
182 <table> | |
183 <tr> | |
184 <td valign="top"> | |
185 <img src="google_transparent.png" alt="Google"> | |
186 </img> | |
187 </td> | |
188 <td valign="middle"> | |
189 <font size="+0"><b>Account</b> </font> | |
190 </td> | |
191 </tr> | |
192 </table> | |
193 </td> | |
194 </tr> | |
195 <script type="text/javascript"><!-- | |
196 function onPreCreateAccount() { | |
197 return true; | |
198 } | |
199 function onPreLogin() { | |
200 if (window["onlogin"] != null) { | |
201 return onlogin(); | |
202 } else { | |
203 return true; | |
204 } | |
205 } | |
206 --></script> | |
207 <tr> | |
208 <td colspan="2" align="center"> </td> | |
209 </tr> | |
210 <tr> | |
211 <td nowrap="nowrap"> | |
212 <div align="right"> | |
213 <span class="gaia le lbl"> | |
214 Email: | |
215 </span> | |
216 </div> | |
217 </td> | |
218 <td> | |
219 <input type="text" name="Email" id="Email" size="18" | |
220 value="" class='gaia le val' /> | |
221 </td> | |
222 </tr> | |
223 <tr> | |
224 <td></td> | |
225 <td align="left"> | |
226 <div class="errormsg" id="errormsg_0_Email"> | |
227 Required field cannot be left blank | |
228 </div> | |
229 </td> | |
230 </tr> | |
231 <tr> | |
232 <td></td> | |
233 <td align="left"> </td> | |
234 </tr> | |
235 <tr> | |
236 <td align="right"> | |
237 <span class="gaia le lbl"> | |
238 Password: | |
239 </span> | |
240 </td> | |
241 <td> | |
242 <input type="password" name="Passwd" id="Passwd" size="18" | |
243 class="gaia le val"/> | |
244 </td> | |
245 </tr> | |
246 <tr> | |
247 <td></td> | |
248 <td align="left"> | |
249 <div class="errormsg" id="errormsg_0_Password"> | |
250 Required field cannot be left blank | |
251 </div> | |
252 </td> | |
253 </tr> | |
254 <tr> | |
255 <td> | |
256 </td> | |
257 <td align="left"> | |
258 <div class="errormsg" id="errormsg_1_Password"> | |
259 </div> | |
260 </td> | |
261 </tr> | |
262 <tr> | |
263 <td> | |
264 </td> | |
265 <td align="left"> | |
266 <div class="errormsg" id="errormsg_0_Connection">
| |
267 Could not connect to the server | |
268 </div> | |
269 </td> | |
270 </tr> | |
271 <tr> | |
272 <td> | |
273 </td> | |
274 <td align="left"> | |
275 </td> | |
276 </tr> | |
277 <tr> | |
278 <td> | |
279 </td> | |
280 <td align="left"> | |
281 <table> | |
282 <tr> | |
283 <td> | |
284 <div id="throbber_container" style="display:none"> | |
285 <div id="throb" style="background-image:url(throbber.png); | |
286 width:16px; height:16px; background-position:0px;"> | |
287 </div> | |
288 </div> | |
289 </td> | |
290 <td> | |
291 <input id="signIn" type="button" class="gaia le button" | |
292 name="signIn" value="Sign in" | |
293 onclick="sendCredentialsAndClose();" /> | |
294 </td> | |
295 </tr> | |
296 </table> | |
297 </td> | |
298 </tr> | |
299 <tr id="ga-fprow"> | |
300 <td colspan="2" height="16.0" class="gaia le fpwd" | |
301 align="center" valign="bottom"> | |
302 <a href="http://www.google.com/support/accounts/bin/answer.py?answ
er=48598&hl=en&fpUrl=https%3A%2F%2Fwww.google.com%2Faccounts%2FForgotPasswd%3Ffp
Only%3D1%26service%3Dchromiumsync" | |
303 target=_blank> | |
304 I cannot access my account | |
305 </a> | |
306 </td> | |
307 </tr> | |
308 <tr> | |
309 <td colspan="2" height="16.0" class="gaia le fpwd" | |
310 align="center" valign="bottom"> | |
311 <a href="javascript:var popup=window.open('https%3A%5Cx2F%5Cx2Fwww
.google.com%5Cx2Faccounts%5Cx2FNewAccount%3Fservice%3Dchromiumsync', 'NewAccount
', 'height=870,width=870,resizable=yes,scrollbars=yes');"> | |
312 Create a Google account | |
313 </a> | |
314 </td> | |
315 </tr> | |
316 </table> | |
317 </div> | |
318 </td> | |
319 </tr> | |
320 </table> | |
321 </div> | |
322 </form> | |
323 </td> | |
324 </tr> | |
325 </table> | |
326 <div align="right"> | |
327 <input type="button" name="cancel" value="Cancel" onclick="CloseDialog();"/
> | |
328 </div> | |
329 </table> | |
330 </body> | |
331 </html> | |
OLD | NEW |