Added client-side javascript for /settings
parent
955ef3027f
commit
71f51d9f6b
|
@ -0,0 +1,122 @@
|
|||
'use strict';
|
||||
/* global location $ */
|
||||
|
||||
// Validate email addresses
|
||||
function validateEmail(email) {
|
||||
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
||||
return re.test(email);
|
||||
}
|
||||
|
||||
// Turn inputed value into slug
|
||||
function slugify(cb) {
|
||||
$.get('/validate?slugify='+$('#slug-input').val())
|
||||
.done(function(data){
|
||||
console.log('Got '+data);
|
||||
$('#slug-input').val(data);
|
||||
cb();
|
||||
});
|
||||
}
|
||||
|
||||
// On page load
|
||||
$(function(){
|
||||
|
||||
function validateForm(input) {
|
||||
|
||||
// Everything passed - make sure no help texts are visible
|
||||
function recheckInputs() {
|
||||
if ($('#email-help').is(":visible")) {
|
||||
$('#submit-group .main').prop('disabled',true).prop('title',"You need to supply a different email address. ");
|
||||
}
|
||||
else if ($('#slug-help').is(":visible")) {
|
||||
$('#submit-group .main').prop('disabled',true).prop('title',"You need to supply a different slug. ");
|
||||
}
|
||||
else {
|
||||
$('#submit-group .main').prop('disabled',false).prop('title',"Click here to save your changes. ");
|
||||
}
|
||||
}
|
||||
|
||||
// Empty fields
|
||||
if ($('#slug-input').val()===''){
|
||||
$('#slug-help').show().text("A slug is required. ");
|
||||
$('#submit-group .main').prop('disabled',true).prop('title',"You need to enter a slug. ");
|
||||
}
|
||||
else if ($('#email-input').val()===''){
|
||||
$('#email-help').show().text("An email is required. ");
|
||||
$('#submit-group .main').prop('disabled',true).prop('title',"You need to enter an email address. ");
|
||||
}
|
||||
|
||||
// Is email
|
||||
else if (!validateEmail($('#email-input').val())) {
|
||||
$('#email-help').show().text("You must enter a valid email address. ");
|
||||
$('#submit-group .main').prop('disabled',true).prop('title',"You need to enter a valid email address. ");
|
||||
}
|
||||
|
||||
// Validate unique fields with server
|
||||
else if (input) {
|
||||
|
||||
// Make AJAX request
|
||||
$.get('/validate?'+input+'='+$('#'+input+'-input').val())
|
||||
.fail(function(data,status){
|
||||
|
||||
console.log(typeof status);
|
||||
console.log(status);
|
||||
|
||||
// Input is not unique
|
||||
if (status===400) {
|
||||
$('#'+input+'-help').show().text("That "+input+" is already in use by another user. ");
|
||||
$('#submit-group .main').prop('disabled',true).prop('title',"You need to supply a different "+input+". ");
|
||||
}
|
||||
|
||||
// Server error
|
||||
else {
|
||||
$('#'+input+'-help').show().text("Unable to confirm unique "+input+" with the server. This might not work... ");
|
||||
recheckInputs();
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
// Input is unique
|
||||
.done(function(){
|
||||
$('#'+input+'-help').hide();
|
||||
recheckInputs();
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// All passed
|
||||
else { recheckInputs(); }
|
||||
|
||||
}
|
||||
|
||||
// Validate slug
|
||||
$('#slug-input').change(function(){
|
||||
slugify( function(){
|
||||
validateForm('slug');
|
||||
});
|
||||
});
|
||||
|
||||
// Validate email
|
||||
$('#email-input').change(function(){
|
||||
validateForm('email');
|
||||
});
|
||||
|
||||
// Validate form after name change
|
||||
$('#name-input').change(validateForm);
|
||||
|
||||
// Delete account
|
||||
$('#delete').click(function(){
|
||||
if (confirm("Are you sure you want to delete your account? This CANNOT be undone! ")) {
|
||||
$.ajax({
|
||||
url: "/settings",
|
||||
type: "DELETE",
|
||||
success: function(){
|
||||
location.reload();
|
||||
},
|
||||
fail: function(){
|
||||
alert("Failed to delete account!");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
Loading…
Reference in New Issue