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