Skip to content

Instantly share code, notes, and snippets.

@forenheith

forenheith/AddTermsOfConditionsCheckboxToAuth0LoginPage

Last active March 26, 2020 16:23
Show Gist options
  • Save forenheith/e26472275fe615d433c705fb83dcd2e8 to your computer and use it in GitHub Desktop.
Save forenheith/e26472275fe615d433c705fb83dcd2e8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
AddTermsOfConditionsCheckboxToAuth0LoginPage
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
<script>
function onCheckTermsOfConditions(checked) {
$('.auth0-lock-submit').prop('disabled', !checked);
document.cookie = "signin_toc_agree=" + checked;
}
function addTermsOfConditions() {
let termsApplied = Cookies.get('signin_toc_agree');
let loginButtonDisabled = !termsApplied || termsApplied === 'false';
let checkboxChecked = termsApplied === 'true';
$('.auth0-lock-submit').prop('disabled', loginButtonDisabled);
let forgotPasswordLink = document.querySelector('.auth0-lock-alternative');
if (forgotPasswordLink) {
$(forgotPasswordLink).append('<div><span class="auth0-lock-sign-in-terms-agreement"><label><input id="signin_toc_agree_flag" type="checkbox" onclick="onCheckTermsOfConditions(checked)" style="margin-right: 5px; position: relative"><span>By logging in, you agree to our <a href="https://www.yourdomain.com/terms-conditions">terms of service and privacy policy.</a> </span></label></span></div>');
}
$('.auth0-lock-submit').prop('disabled', loginButtonDisabled);
$('#signin_toc_agree_flag').prop('checked', checkboxChecked);
}
lock.on("signin ready", addTermsOfConditions);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment