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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/sync/resources/gaia_login.html

Issue 6378006: Add Throbber control for DOMUI. Use it everywhere in options and in Sync setup UI. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: addressed nit Created 9 years, 11 months 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
« no previous file with comments | « chrome/browser/resources/shared_resources.grd ('k') | chrome/browser/sync/resources/setting_up.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html i18n-values="dir:textdirection;"> 1 <html i18n-values="dir:textdirection;">
2 <head> 2 <head>
3 <style type="text/css"> 3 <style type="text/css">
4 body,td,div,p,a,font,span {font-family: arial,sans-serif;} 4 body,td,div,p,a,font,span {font-family: arial,sans-serif;}
5 body { 5 body {
6 background-color:#ffffff; 6 background-color:#ffffff;
7 -webkit-user-select: none; 7 -webkit-user-select: none;
8 } 8 }
9 A:link {color:#0000cc; } 9 A:link {color:#0000cc; }
10 A:visited { color:#551a8b; } 10 A:visited { color:#551a8b; }
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
51 background: no-repeat; 51 background: no-repeat;
52 background-position: center; 52 background-position: center;
53 background-color: #e8eefa; 53 background-color: #e8eefa;
54 display: block; 54 display: block;
55 } 55 }
56 .captcha_image { 56 .captcha_image {
57 display: block; 57 display: block;
58 width: 200px; 58 width: 200px;
59 height: 70px; 59 height: 70px;
60 } 60 }
61 #throb { 61 #logging_in_throbber {
62 background-image: url("../../../../app/resources/throbber.png");
63 width: 16px;
64 height: 16px;
65 background-position: 0px;
66 margin: 0px 10px 0px 10px; 62 margin: 0px 10px 0px 10px;
67 } 63 }
68 .toppageverticalspace { 64 .toppageverticalspace {
69 height: 15px; 65 height: 15px;
70 } 66 }
71 .bottompaddedcell { 67 .bottompaddedcell {
72 padding-bottom: 3px; 68 padding-bottom: 3px;
73 } 69 }
74 .noverticalpadding { 70 .noverticalpadding {
75 padding-top: 0; 71 padding-top: 0;
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
113 text-align: center; 109 text-align: center;
114 padding-bottom: 1px; 110 padding-bottom: 1px;
115 } 111 }
116 #access_code_label_row > td { 112 #access_code_label_row > td {
117 padding-top: 6px; 113 padding-top: 6px;
118 } 114 }
119 .centeredtext { 115 .centeredtext {
120 text-align: center; 116 text-align: center;
121 } 117 }
122 </style> 118 </style>
119 <link rel="stylesheet" href="chrome://resources/css/throbber.css">
123 </head> 120 </head>
124 <body bgcolor="#ffffff" vlink="#666666" 121 <body bgcolor="#ffffff" vlink="#666666"
125 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize" 122 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"
126 style="margin-bottom: 6px; margin-top: 6px;" onload="initGaiaLoginForm();" > 123 style="margin-bottom: 6px; margin-top: 6px;" onload="initGaiaLoginForm();" >
127 <table width="100%" height="100%" align="center" cellpadding="1" cellspacing=" 1"> 124 <table width="100%" height="100%" align="center" cellpadding="1" cellspacing=" 1">
128 <tr> 125 <tr>
129 <td valign="top"> <!-- LOGIN BOX --> 126 <td valign="top"> <!-- LOGIN BOX -->
130 <script> 127 <script>
131 // Variable to track if a captcha challenge was issued. If this gets set to 128 // Variable to track if a captcha challenge was issued. If this gets set to
132 // true, it stays that way until we are told about successful login from 129 // true, it stays that way until we are told about successful login from
(...skipping 28 matching lines...) Expand all
161 } 158 }
162 if (f) { 159 if (f) {
163 if (f.Email && (f.Email.value == null || f.Email.value == "")) { 160 if (f.Email && (f.Email.value == null || f.Email.value == "")) {
164 f.Email.focus(); 161 f.Email.focus();
165 } else if (f.Passwd) { 162 } else if (f.Passwd) {
166 f.Passwd.focus(); 163 f.Passwd.focus();
167 } 164 }
168 } 165 }
169 } 166 }
170 167
171 function advanceThrobber() {
172 var throbber = document.getElementById('throb');
173 throbber.style.backgroundPositionX =
174 ((parseInt(getComputedStyle(throbber).backgroundPositionX) - 16) %
175 576) + 'px';
176 }
177 168
178 function showGaiaLogin(args) { 169 function showGaiaLogin(args) {
179 document.getElementById('throbber_container').style.display = "none"; 170 document.getElementById('logging_in_throbber').style.display = "none";
171
180 document.getElementById('Email').disabled = false; 172 document.getElementById('Email').disabled = false;
181 document.getElementById('Passwd').disabled = false; 173 document.getElementById('Passwd').disabled = false;
182 174
183 var f = document.getElementById("gaia_loginform"); 175 var f = document.getElementById("gaia_loginform");
184 if (f) { 176 if (f) {
185 if (args.user != undefined) { 177 if (args.user != undefined) {
186 if (f.Email.value != args.user) 178 if (f.Email.value != args.user)
187 f.Passwd.value = ""; // Reset the password field 179 f.Passwd.value = ""; // Reset the password field
188 f.Email.value = args.user; 180 f.Email.value = args.user;
189 } 181 }
(...skipping 91 matching lines...) Expand 10 before | Expand all | Expand 10 after
281 var ltr = templateData['textdirection'] == 'ltr'; 273 var ltr = templateData['textdirection'] == 'ltr';
282 var googleIsAtEndOfSentence = posGoogle != 0; 274 var googleIsAtEndOfSentence = posGoogle != 0;
283 if (googleIsAtEndOfSentence == ltr) { 275 if (googleIsAtEndOfSentence == ltr) {
284 // We're in ltr and in the translation the word 'Google' is AFTER the 276 // We're in ltr and in the translation the word 'Google' is AFTER the
285 // word 'Account' OR we're in rtl and 'Google' is BEFORE 'Account'. 277 // word 'Account' OR we're in rtl and 'Google' is BEFORE 'Account'.
286 var logo_td = document.getElementById('gaia_logo'); 278 var logo_td = document.getElementById('gaia_logo');
287 logo_td.parentNode.appendChild(logo_td); 279 logo_td.parentNode.appendChild(logo_td);
288 } 280 }
289 acct_text.textContent = translated_text.replace('Google',''); 281 acct_text.textContent = translated_text.replace('Google','');
290 } 282 }
291 setInterval(advanceThrobber, 30);
292 var args = JSON.parse(chrome.dialogArguments); 283 var args = JSON.parse(chrome.dialogArguments);
293 showGaiaLogin(args); 284 showGaiaLogin(args);
294 } 285 }
295 286
296 function sendCredentialsAndClose() { 287 function sendCredentialsAndClose() {
297
298 if (!setErrorVisibility()) 288 if (!setErrorVisibility())
299 return false; 289 return false;
300 290
301 document.getElementById('Email').disabled = true; 291 document.getElementById('Email').disabled = true;
302 document.getElementById('Passwd').disabled = true; 292 document.getElementById('Passwd').disabled = true;
303 document.getElementById('CaptchaValue').disabled = true; 293 document.getElementById('CaptchaValue').disabled = true;
304 document.getElementById('AccessCode').disabled = true; 294 document.getElementById('AccessCode').disabled = true;
305 295
306 var throbber = document.getElementById('throbber_container'); 296 document.getElementById('logging_in_throbber').style.display = "block";
307 throbber.style.display = "inline"; 297
308 var f = document.getElementById("gaia_loginform"); 298 var f = document.getElementById("gaia_loginform");
309 var result = JSON.stringify({"user" : f.Email.value, 299 var result = JSON.stringify({"user" : f.Email.value,
310 "pass" : f.Passwd.value, 300 "pass" : f.Passwd.value,
311 "captcha" : f.CaptchaValue.value, 301 "captcha" : f.CaptchaValue.value,
312 "access_code" : f.AccessCode.value}); 302 "access_code" : f.AccessCode.value});
313 document.getElementById("signIn").disabled = true; 303 document.getElementById("signIn").disabled = true;
314 chrome.send("SubmitAuth", [result]); 304 chrome.send("SubmitAuth", [result]);
315 } 305 }
316 306
317 function setElementDisplay(id, display) { 307 function setElementDisplay(id, display) {
(...skipping 223 matching lines...) Expand 10 before | Expand all | Expand 10 after
541 <td> 531 <td>
542 </td> 532 </td>
543 <td> 533 <td>
544 </td> 534 </td>
545 </tr> 535 </tr>
546 <tr> 536 <tr>
547 <td colspan="2"> 537 <td colspan="2">
548 <table align="center" cellpadding="0" cellspacing="0"> 538 <table align="center" cellpadding="0" cellspacing="0">
549 <tr> 539 <tr>
550 <td> 540 <td>
551 <div id="throbber_container" style="display:none;"> 541 <div id="logging_in_throbber" class="throbber"></div>
552 <div id="throb">
553 </div>
554 </div>
555 </td> 542 </td>
556 <td class="noverticalpadding"> 543 <td class="noverticalpadding">
557 <input id="signIn" type="submit" class="gaia le button" 544 <input id="signIn" type="submit" class="gaia le button"
558 name="signIn" i18n-values="value:signin"/> 545 name="signIn" i18n-values="value:signin"/>
559 <input type="button" name="cancel" i18n-values="value:cancel " 546 <input type="button" name="cancel" i18n-values="value:cancel "
560 onclick="CloseDialog();" > 547 onclick="CloseDialog();" >
561 548
562 </td> 549 </td>
563 </tr> 550 </tr>
564 </table> 551 </table>
(...skipping 26 matching lines...) Expand all
591 </form> 578 </form>
592 </td> 579 </td>
593 </tr> 580 </tr>
594 <tr> 581 <tr>
595 <td class="cancelspacenocaptcha" id="cancelspacer" colspan="2"> 582 <td class="cancelspacenocaptcha" id="cancelspacer" colspan="2">
596 </td> 583 </td>
597 </tr> 584 </tr>
598 </table> 585 </table>
599 </body> 586 </body>
600 </html> 587 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/shared_resources.grd ('k') | chrome/browser/sync/resources/setting_up.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698