Chromium Code Reviews| Index: chrome/browser/resources/options/sync_setup_overlay.js | 
| diff --git a/chrome/browser/resources/options/sync_setup_overlay.js b/chrome/browser/resources/options/sync_setup_overlay.js | 
| index 766d0373782ff4741840fc424b9f638be005d0b3..b94623a80b4d10125b36240a1027d05eb91726eb 100644 | 
| --- a/chrome/browser/resources/options/sync_setup_overlay.js | 
| +++ b/chrome/browser/resources/options/sync_setup_overlay.js | 
| @@ -191,8 +191,8 @@ cr.define('options', function() { | 
| checkPassphraseMatch_: function() { | 
| var emptyError = $('empty-error'); | 
| var mismatchError = $('mismatch-error'); | 
| - emptyError.style.display = "none"; | 
| - mismatchError.style.display = "none"; | 
| + emptyError.hidden = true; | 
| + mismatchError.hidden = true; | 
| var f = $('choose-data-types-form'); | 
| if (this.getPassphraseRadioCheckedValue_() != "explicit" || | 
| @@ -201,13 +201,13 @@ cr.define('options', function() { | 
| var customPassphrase = $('custom-passphrase'); | 
| if (customPassphrase.value.length == 0) { | 
| - emptyError.style.display = "block"; | 
| + emptyError.hidden = false; | 
| return false; | 
| } | 
| var confirmPassphrase = $('confirm-passphrase'); | 
| if (confirmPassphrase.value != customPassphrase.value) { | 
| - mismatchError.style.display = "block"; | 
| + mismatchError.hidden = false; | 
| return false; | 
| } | 
| @@ -507,12 +507,6 @@ cr.define('options', function() { | 
| throbbers[i].style.visibility = visible ? "visible" : "hidden"; | 
| }, | 
| - setElementDisplay_: function(id, display) { | 
| - var d = document.getElementById(id); | 
| - if (d) | 
| - d.style.display = display; | 
| - }, | 
| - | 
| loginSetFocus_: function() { | 
| var email = $('gaia-email'); | 
| var passwd = $('gaia-passwd'); | 
| @@ -524,40 +518,57 @@ cr.define('options', function() { | 
| }, | 
| showAccessCodeRequired_: function() { | 
| - this.setElementDisplay_("password-row", "none"); | 
| - this.setElementDisplay_("email-row", "none"); | 
| + $('password-row').hidden = true; | 
| + $('email-row').hidden = true; | 
| $('create-account-cell').style.visibility = "hidden"; | 
| - this.setElementDisplay_("access-code-label-row", "table-row"); | 
| - this.setElementDisplay_("access-code-input-row", "table-row"); | 
| - this.setElementDisplay_("access-code-help-row", "table-row"); | 
| - document.getElementById('access-code').disabled = false; | 
| + $('access-code-label-row').hidden = false; | 
| + $('access-code-input-row').hidden = false; | 
| + $('access-code-help-row').hidden = false; | 
| + $('access-code').disabled = false; | 
| }, | 
| showCaptcha_: function(args) { | 
| this.captchaChallengeActive_ = true; | 
| // The captcha takes up lots of space, so make room. | 
| - this.setElementDisplay_("top-blurb", "none"); | 
| - this.setElementDisplay_("top-blurb-error", "none"); | 
| - this.setElementDisplay_("create-account-div", "none"); | 
| - document.getElementById('create-account-cell').height = 0; | 
| + $('top-blurb-error').hidden = true; | 
| + $('create-account-div').hidden = true; | 
| + $('create-account-cell').hidden = true; | 
| // It's showtime for the captcha now. | 
| - this.setElementDisplay_("captcha-div", "block"); | 
| - document.getElementById('gaia-email').disabled = true; | 
| - document.getElementById('gaia-passwd').disabled = false; | 
| - document.getElementById('captcha-value').disabled = false; | 
| - document.getElementById('captcha-wrapper').style.backgroundImage = | 
| - url(args.captchaUrl); | 
| + $('captcha-div').hidden = false; | 
| + $('gaia-email').disabled = true; | 
| + $('gaia-passwd').disabled = false; | 
| + $('captcha-value').disabled = false; | 
| + $('captcha-wrapper').style.backgroundImage = url(args.captchaUrl); | 
| + }, | 
| + | 
| + resetPage_: function(pageElementId) { | 
| 
 
James Hawkins
2011/06/04 17:43:27
Add documentation for this method.
 
 | 
| + var page = $(pageElementId); | 
| + var forEach = function(arr, fn) { | 
| + var length = arr.length; | 
| + for (var i = 0; i < length; i++) { | 
| + fn(arr[i]); | 
| + } | 
| + }; | 
| + | 
| + forEach(page.getElementsByClassName('reset-hidden'), | 
| + function(elt) { elt.hidden = true; }); | 
| + forEach(page.getElementsByClassName('reset-shown'), | 
| + function(elt) { elt.hidden = false; }); | 
| + forEach(page.getElementsByClassName('reset-disabled'), | 
| + function(elt) { elt.disabled = true; }); | 
| + forEach(page.getElementsByClassName('reset-enabled'), | 
| + function(elt) { elt.disabled = false; }); | 
| + forEach(page.getElementsByClassName('reset-visibility-hidden'), | 
| + function(elt) { elt.style.visibility = 'hidden'; }); | 
| }, | 
| showGaiaLogin_: function(args) { | 
| + this.resetPage_('sync-setup-login'); | 
| $('sync-setup-login').hidden = false; | 
| - document.getElementById('gaia-email').disabled = false; | 
| - document.getElementById('gaia-passwd').disabled = false; | 
| - | 
| var f = $('gaia-login-form'); | 
| var email = $('gaia-email'); | 
| var passwd = $('gaia-passwd'); | 
| @@ -573,7 +584,7 @@ cr.define('options', function() { | 
| var span = document.getElementById('email-readonly'); | 
| span.appendChild(document.createTextNode(email.value)); | 
| span.style.display = 'inline'; | 
| - this.setElementDisplay_("create-account-div", "none"); | 
| + $('create-account-div').hidden = true; | 
| } | 
| f.accessCode.disabled = true; | 
| @@ -582,14 +593,14 @@ cr.define('options', function() { | 
| if (1 == args.error) { | 
| var access_code = document.getElementById('access-code'); | 
| if (access_code.value && access_code.value != "") { | 
| - this.setElementDisplay_("errormsg-0-access-code", 'block'); | 
| + $('errormsg-0-access-code').hidden = false; | 
| this.showAccessCodeRequired_(); | 
| } else { | 
| - this.setElementDisplay_("errormsg-1-password", 'table-row'); | 
| + $('errormsg-1-password').hidden = false; | 
| } | 
| this.setBlurbError_(args.error_message); | 
| } else if (3 == args.error) { | 
| - this.setElementDisplay_("errormsg-0-connection", 'table-row'); | 
| + $('errormsg-0-connection').hidden = false; | 
| this.setBlurbError_(args.error_message); | 
| } else if (4 == args.error) { | 
| this.showCaptcha_(args); | 
| @@ -605,11 +616,11 @@ cr.define('options', function() { | 
| }, | 
| resetErrorVisibility_: function() { | 
| - this.setElementDisplay_("errormsg-0-email", 'none'); | 
| - this.setElementDisplay_("errormsg-0-password", 'none'); | 
| - this.setElementDisplay_("errormsg-1-password", 'none'); | 
| - this.setElementDisplay_("errormsg-0-connection", 'none'); | 
| - this.setElementDisplay_("errormsg-0-access-code", 'none'); | 
| + $("errormsg-0-email").hidden = true; | 
| + $("errormsg-0-password").hidden = true; | 
| + $("errormsg-1-password").hidden = true; | 
| + $("errormsg-0-connection").hidden = true; | 
| + $("errormsg-0-access-code").hidden = true; | 
| }, | 
| setBlurbError_: function(error_message) { | 
| @@ -617,17 +628,17 @@ cr.define('options', function() { | 
| return; // No blurb in captcha challenge mode. | 
| if (error_message) { | 
| - document.getElementById('error-signing-in').style.display = 'none'; | 
| - document.getElementById('error-custom').style.display = 'inline'; | 
| - document.getElementById('error-custom').textContent = error_message; | 
| + $('error-signing-in').hidden = true; | 
| + $('error-custom').hidden = false; | 
| + $('error-custom').textContent = error_message; | 
| } else { | 
| - document.getElementById('error-signing-in').style.display = 'inline'; | 
| - document.getElementById('error-custom').style.display = 'none'; | 
| + $('error-signing-in').hidden = false; | 
| + $('error-custom').hidden = true; | 
| } | 
| $('top-blurb-error').style.visibility = "visible"; | 
| - document.getElementById('gaia-email').disabled = false; | 
| - document.getElementById('gaia-passwd').disabled = false; | 
| + $('gaia-email').disabled = false; | 
| + $('gaia-passwd').disabled = false; | 
| }, | 
| setErrorVisibility_: function() { | 
| @@ -636,18 +647,18 @@ cr.define('options', function() { | 
| var email = $('gaia-email'); | 
| var passwd = $('gaia-passwd'); | 
| if (null == email.value || "" == email.value) { | 
| - this.setElementDisplay_("errormsg-0-email", 'table-row'); | 
| + $('errormsg-0-email').hidden = false; | 
| this.setBlurbError_(); | 
| return false; | 
| } | 
| if (null == passwd.value || "" == passwd.value) { | 
| - this.setElementDisplay_("errormsg-0-password", 'table-row'); | 
| + $('errormsg-0-password').hidden = false; | 
| this.setBlurbError_(); | 
| return false; | 
| } | 
| if (!f.accessCode.disabled && (null == f.accessCode.value || | 
| "" == f.accessCode.value)) { | 
| - this.setElementDisplay_("errormsg-0-password", 'table-row'); | 
| + $('errormsg-0-password').hidden = false; | 
| return false; | 
| } | 
| return true; |