Cleanup JS part as suggested under users/_accounthtml.erb (#4876) [deploy]

This commit is contained in:
sibi 2019-11-27 02:51:25 +05:30 committed by Ben Halpern
parent eaf6ea2f4b
commit b7e890e382

View file

@ -121,30 +121,17 @@
</h4>
<br>
<script>
var deleteAccountBtn = document.getElementById('delete__account__btn')
var deleteAccountUsernameInput = document.getElementById('delete__account__username__field')
var deleteAcccountVerificationInput = document.getElementById('delete__account__verification__field')
const deleteAccountBtn = document.getElementById('delete__account__btn');
const deleteAccountUsernameInput = document.getElementById('delete__account__username__field');
const deleteAcccountVerificationInput = document.getElementById('delete__account__verification__field');
function bothInputsVerified() {
return deleteAccountUsernameInput.value === '<%= @user.username %>' && deleteAcccountVerificationInput.value === "delete my account"
return deleteAccountUsernameInput.value === '<%= @user.username %>' && deleteAcccountVerificationInput.value === "delete my account";
}
deleteAccountUsernameInput.addEventListener('input', function () {
if (bothInputsVerified()) {
deleteAccountBtn.disabled = false;
// enable the button via css or removing disabled class
} else {
deleteAccountBtn.disabled = true;
}
})
deleteAcccountVerificationInput.addEventListener('input', function () {
if (bothInputsVerified()) {
deleteAccountBtn.disabled = false;
} else {
deleteAccountBtn.disabled = true;
}
})
const disableDeleteAccountBtn = () => { deleteAccountBtn.disabled = !bothInputsVerified() };
deleteAccountUsernameInput.addEventListener('input', disableDeleteAccountBtn);
deleteAcccountVerificationInput.addEventListener('input', disableDeleteAccountBtn);
</script>
If you would like to keep your content under the <%= link_to "@ghost", "/ghost" %> account, please:
<h3>Request Account Deletion</h3>