Start working on account management
This commit is contained in:
calzoneman
parent
8592c17bec
commit
f3da02566c
4 changed files with 525 additions and 3 deletions
269
www/assets/js/account.js
Normal file
269
www/assets/js/account.js
Normal file
|
|
@ -0,0 +1,269 @@
|
|||
var uname = readCookie("sync_uname") || "";
|
||||
var session = readCookie("sync_session") || "";
|
||||
var api = WEB_URL + "/api/json/";
|
||||
var loggedin = false;
|
||||
|
||||
if(uname && session) {
|
||||
var loginstr = "name=" + uname + "&session=" + session;
|
||||
var url = api + "login?" + loginstr + "&callback=?";
|
||||
$.getJSON(url, function(data) {
|
||||
if(data.success) {
|
||||
onLogin();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function onLogin() {
|
||||
$("#cpwusername").val(uname);
|
||||
$("#ceusername").val(uname);
|
||||
$("#accountnav li")[0].innerHTML = "Logged in as " + uname;
|
||||
$("#register").hide();
|
||||
loggedin = true;
|
||||
$("#login").text("Logout");
|
||||
createCookie("sync_uname", uname, 7);
|
||||
createCookie("sync_session", session, 7);
|
||||
}
|
||||
|
||||
function makeTabCallback(tabid, paneid) {
|
||||
return function() {
|
||||
$("#accountnav li").each(function() {
|
||||
$(this).removeClass("active");
|
||||
});
|
||||
|
||||
$(tabid).parent().addClass("active");
|
||||
$(".span7").each(function() {
|
||||
$(this).css("display", "none");
|
||||
});
|
||||
$(paneid).css("display", "");
|
||||
};
|
||||
}
|
||||
|
||||
$("#register").click(makeTabCallback("#register", "#registerpane"));
|
||||
$("#pwchange").click(makeTabCallback("#pwchange", "#changepwpane"));
|
||||
$("#email").click(makeTabCallback("#email", "#changeemailpane"));
|
||||
|
||||
$("#registerbtn").click(function() {
|
||||
$("#registerpane").find(".alert-error").remove();
|
||||
$("#registerpane").find(".error").removeClass("error");
|
||||
var uname = $("#regusername").val();
|
||||
var pw = $("#regpw").val();
|
||||
var pwc = $("#regpwconfirm").val();
|
||||
|
||||
var err = false;
|
||||
if(!uname.match(/^[a-z0-9_]{1,20}$/i)) {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Usernames must be 1-20 characters long and contain only a-z, 0-9, and underscores")
|
||||
.insertAfter($("#regusername").parent().parent());
|
||||
err = true;
|
||||
}
|
||||
|
||||
if(pw == "") {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Password must not be blank")
|
||||
.insertAfter($("#regpw").parent().parent());
|
||||
$("#regpw").parent().parent().addClass("error");
|
||||
err = true;
|
||||
}
|
||||
|
||||
if(pw != pwc) {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Passwords do not match")
|
||||
.insertAfter($("#regpwconfirm").parent().parent());
|
||||
$("#regpwconfirm").parent().parent().addClass("error");
|
||||
err = true;
|
||||
}
|
||||
|
||||
if(err) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Input valid, try registering
|
||||
});
|
||||
|
||||
$("#loginbtn").click(function() {
|
||||
$("#loginpane").find(".alert-error").remove();
|
||||
$("#loginpane").find(".alert-success").remove();
|
||||
|
||||
if($("#loginpw").val() == "") {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Please provide a password")
|
||||
.insertAfter($("#loginpw").parent().parent());
|
||||
$("#loginpw").parent().parent().addClass("error");
|
||||
return;
|
||||
}
|
||||
uname = $("#loginusername").val();
|
||||
var loginstr = "name=" + uname + "&pw=" + $("#loginpw").val();
|
||||
var url = api + "login?" + loginstr + "&callback=?";
|
||||
$.getJSON(url, function(data) {
|
||||
if(data.success) {
|
||||
session = data.session;
|
||||
onLogin();
|
||||
$("<div/>").addClass("alert alert-success")
|
||||
.text("Login successful")
|
||||
.insertBefore($("#loginpane form"));
|
||||
$("#loginpw").val("");
|
||||
$("#loginusername").val("");
|
||||
}
|
||||
else {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text(data.error)
|
||||
.insertBefore($("#loginpane form"));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$("#cpwbtn").click(function() {
|
||||
$("#changepwpane").find(".alert-error").remove();
|
||||
$("#changepwpane").find(".alert-success").remove();
|
||||
$("#changepwpane").find(".error").removeClass("error");
|
||||
var name = $("#cpwusername").val();
|
||||
var oldpw = $("#cpwoldpw").val();
|
||||
var newpw = $("#cpwnewpw").val();
|
||||
var newpwc = $("#cpwconfirm").val();
|
||||
|
||||
var err = false;
|
||||
if(oldpw == "") {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Password must not be empty")
|
||||
.insertAfter($("#cpwoldpw").parent().parent());
|
||||
$("#cpwoldpw").parent().parent().addClass("error");
|
||||
err = true;
|
||||
}
|
||||
|
||||
if(newpw == "") {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Password must not be empty")
|
||||
.insertAfter($("#cpwnewpw").parent().parent());
|
||||
$("#cpwnewpw").parent().parent().addClass("error");
|
||||
err = true;
|
||||
}
|
||||
|
||||
if(newpw != newpwc) {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Passwords do not match")
|
||||
.insertAfter($("#cpwconfirm").parent().parent());
|
||||
$("#cpwconfirm").parent().parent().addClass("error");
|
||||
err = true;
|
||||
}
|
||||
|
||||
if(err) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Input valid, try changing password
|
||||
var url = api + "changepass?" + [
|
||||
"name=" + name,
|
||||
"oldpw=" + oldpw,
|
||||
"newpw=" + newpw
|
||||
].join("&") + "&callback=?";
|
||||
$.getJSON(url, function(data) {
|
||||
if(data.success) {
|
||||
$("<div/>").addClass("alert alert-success")
|
||||
.text("Password changed.")
|
||||
.insertBefore($("#changepwpane form"));
|
||||
uname = name;
|
||||
session = data.session;
|
||||
onLogin();
|
||||
}
|
||||
else {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text(data.error)
|
||||
.insertBefore($("#changepwpane form"));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$("#cebtn").click(function() {
|
||||
$("#changeemailpane").find(".alert-error").remove();
|
||||
$("#changeemailpane").find(".alert-success").remove();
|
||||
var name = $("#ceusername").val();
|
||||
var pw = $("#cepw").val();
|
||||
var email = $("#ceemail").val();
|
||||
if(pw == "") {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Please provide a password")
|
||||
.insertAfter($("#cepw").parent().parent());
|
||||
$("#cepw").parent().parent().addClass("error");
|
||||
return;
|
||||
}
|
||||
|
||||
if(!email.match(/^[a-z0-9_\.]+@[a-z0-9_\.]+[a-z]+$/)) {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Invalid email")
|
||||
.insertAfter($("#ceemail").parent().parent());
|
||||
$("#ceemail").parent().parent().addClass("error");
|
||||
return;
|
||||
}
|
||||
|
||||
if(email.match(/.*@(localhost|127\.0\.0\.1)/i)) {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text("Nice try, but no.")
|
||||
.insertAfter($("#ceemail").parent().parent());
|
||||
$("#ceemail").parent().parent().addClass("error");
|
||||
return;
|
||||
}
|
||||
|
||||
email = escape(email);
|
||||
var url = api + "setemail?" + [
|
||||
"name=" + name,
|
||||
"pw=" + pw,
|
||||
"email=" + email
|
||||
].join("&") + "&callback=?";
|
||||
$.getJSON(url, function(data) {
|
||||
if(data.success) {
|
||||
$("<div/>").addClass("alert alert-success")
|
||||
.text("Email updated")
|
||||
.insertBefore($("#changeemailpane form"));
|
||||
uname = name;
|
||||
session = data.session;
|
||||
onLogin();
|
||||
}
|
||||
else {
|
||||
$("<div/>").addClass("alert alert-error")
|
||||
.text(data.error)
|
||||
.insertBefore($("#changeemailpane form"));
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$("#login").click(function() {
|
||||
if(!loggedin) {
|
||||
makeTabCallback("#login", "#loginpane")();
|
||||
}
|
||||
else {
|
||||
uname = "";
|
||||
session = "";
|
||||
eraseCookie("sync_uname");
|
||||
eraseCookie("sync_session");
|
||||
$("#accountnav li")[0].innerHTML = "Not Logged In";
|
||||
$("#register").show();
|
||||
$("#login").text("Login");
|
||||
loggedin = false;
|
||||
}
|
||||
});
|
||||
|
||||
function createCookie(name,value,days) {
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime()+(days*24*60*60*1000));
|
||||
var expires = "; expires="+date.toGMTString();
|
||||
}
|
||||
else var expires = "";
|
||||
document.cookie = name+"="+value+expires+"; path=/";
|
||||
}
|
||||
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(";");
|
||||
for(var i=0;i < ca.length;i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0)==" ") c = c.substring(1,c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function eraseCookie(name) {
|
||||
createCookie(name,"",-1);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue