var Account = { original: null, countdown: null, openGoogleAuthenticate: function () { window.open(googleAuthenticateUrl, 'googleAuthenticate', 'height=600,width=600') }, authenticatedWithGoogleCallback: function (authenticatedWithGoogleUntil) { var password = document.getElementsByTagName('form')[0].elements.password; var button = document.getElementById('authenticateWithGoogleButton'); Account.original = { type: password.type, placeholder: password.placeholder, required: password.required, disabled: password.disabled }; password.type = 'text'; password.placeholder = 'Authenticated!' password.value = ''; password.required = false; password.disabled = true; button.disabled = true; Account.countdown = setInterval(function () { var timeLeft = Math.ceil((authenticatedWithGoogleUntil.getTime() - new Date().getTime()) / 1000); if (timeLeft > 30) { return; } if (timeLeft <= 0) { Account.resetGoogleAuthentication(); return; } password.placeholder = 'Authenticated! ' + timeLeft + ' seconds left...'; }, 1000); }, resetGoogleAuthentication: function () { if (Account.countdown !== null) { clearInterval(Account.countdown); } var password = document.getElementsByTagName('form')[0].elements.password; var button = document.getElementById('authenticateWithGoogleButton'); password.type = Account.original.type; password.placeholder = Account.original.placeholder password.required = Account.original.required; password.disabled = Account.original.disabled; button.disabled = false; } }; (function () { var authenticateWithGoogleButton = document.getElementById('authenticateWithGoogleButton'); if (authenticateWithGoogleButton) { authenticateWithGoogleButton.onclick = function () { Account.openGoogleAuthenticate(); }; } })();