| 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 |
|---|
Chromium Code Reviews
