esoko/mapguesser
esoko/mapguesser
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

MAPG-156 adapt account's JS to the new helper functions

Browse Source
This commit is contained in:
Bence Pőcze 2020-06-25 19:18:28 +02:00
parent 87c4c06aa6
commit 910fdddf34
2 changed files with 3 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
public/static/js/account.js
View File

@ -1,48 +1,7 @@
(function () {
var form = document.getElementById('accountForm');
form.elements.password_new.onkeyup = function () {
MapGuesser.toggleDisableOnChange(this, form.elements.save);
};
MapGuesser.toggleFormSubmitButtonDisableOnChange(form, ['password_new', 'password_new_confirm'])
form.elements.password_new_confirm.onkeyup = function () {
MapGuesser.toggleDisableOnChange(this, form.elements.save);
};
form.onsubmit = function (e) {
document.getElementById('loading').style.visibility = 'visible';
e.preventDefault();
var formData = new FormData(form);
MapGuesser.httpRequest('POST', form.action, function () {
document.getElementById('loading').style.visibility = 'hidden';
if (this.response.error) {
var errorText;
switch (this.response.error) {
case 'password_not_match':
errorText = 'The given current password is wrong.'
break;
case 'password_too_short':
errorText = 'The given new password is too short. Please choose a password that is at least 6 characters long!'
break;
case 'passwords_not_match':
errorText = 'The given new passwords do not match.'
break;
}
var accountFormError = document.getElementById('accountFormError');
accountFormError.style.display = 'block';
accountFormError.innerHTML = errorText;
return;
}
document.getElementById('accountFormError').style.display = 'none';
form.reset();
form.elements.save.disabled = true;
}, formData);
};
MapGuesser.setOnsubmitForForm(form);
})();

2
views/account.php
View File

@ -16,7 +16,7 @@ $jsFiles = [
<input class="big fullWidth marginTop" type="password" name="password_new_confirm" placeholder="New password confirmation" minlength="6">
<p id="accountFormError" class="formError justify marginTop"></p>
<div class="right marginTop">
<button type="submit" name="save" disabled>Save</button>
<button type="submit" name="submit" disabled>Save</button>
</div>
</form>
</div>