frappe/webnotes/templates/includes/login.js

var disable_signup = {{ disable_signup and "true" or "false" }};
var login = {};

$(document).ready(function(wrapper) {
	window.location.hash = "#login";
	login.login();
	
	$('#login_btn').click(login.do_login);
		
	$('#pass').keypress(function(ev){
		if(ev.which==13 && $('#pass').val()) {
			$("#login_btn").click();
		}
	});
	$(document).trigger('login_rendered');
})

$(window).on("hashchange", function() {
	var route = window.location.hash.slice(1);
	if(!route) route = "login";
	login[route]();
})

// Login
login.do_login = function(){
	var args = {};
	if(window.is_sign_up) {
		args.cmd = "webnotes.core.doctype.profile.profile.sign_up";
		args.email = ($("#login_id").val() || "").trim();
		args.full_name = ($("#full_name").val() || "").trim();

		if(!args.email || !valid_email(args.email) || !args.full_name) {
			login.set_message("Valid email and name required.");
			return false;
		}
	} else if(window.is_forgot) {
		args.cmd = "webnotes.core.doctype.profile.profile.reset_password";
		args.user = ($("#login_id").val() || "").trim();
		
		if(!args.user) {
			login.set_message("Valid Login Id required.");
			return false;
		}

	} else {
		args.cmd = "login"
		args.usr = ($("#login_id").val() || "").trim();
		args.pwd = $("#pass").val();

		if(!args.usr || !args.pwd) {
			login.set_message("Both login and password required.");
			return false;
		}	
	}

	$('#login_btn').prop("disabled", true);
	$("#login-spinner").toggle(true);
	$('#login_message').toggle(false);
		
	$.ajax({
		type: "POST",
		url: "/",
		data: args,
		dataType: "json",
		statusCode: {
			200: function(data) {
				if(data.message=="Logged In") {
					window.location.href = "app.html";
				} else if(data.message=="No App") {
					if(localStorage) {
						var last_visited = localStorage.getItem("last_visited") || "index";
						localStorage.removeItem("last_visited");
						window.location.href = last_visited;
					} else {
						window.location.href = "index";
					}
				}				
			},
			401: function(xhr, data) {
				login.set_message("Invalid Login");
			}
		}
	}).always(function(){
		$("#login-spinner").toggle(false);
		$('#login_btn').prop("disabled", false);
	})
	
	return false;
}

login.set_heading = function(html) {
	$(".panel-heading").html("<h4>" + html + "</h4>");
}

login.login = function() {
	login.set_heading('<i class="icon-lock"></i> Login');
	$("#login_wrapper h3").html("Login");
	$("#login_id").attr("placeholder", "Login Email Id");
	$("#password-row").toggle(true);
	$("#full-name-row, #login_message").toggle(false);
	$("#login_btn").html("Login").removeClass("btn-success");
	$("#forgot-link").html('<a href="#forgot">Forgot Password?</a>');
	
	if(!disable_signup) {
		$("#switch-view").empty().append('<div>\
			No Account? <a class="btn btn-success" style="margin-left: 10px; margin-top: -2px;"\
				href="#sign_up">Sign Up</button></div>');
	}

	window.is_login = true;
	window.is_sign_up = false;
	window.is_forgot = false;
}

login.sign_up = function() {
	login.set_heading('<i class="icon-thumbs-up"></i> Sign Up');
	$("#login_id").attr("placeholder", "Your Email Id");
	$("#password-row, #login_message").toggle(false);
	$("#full-name-row").toggle(true);
	$("#login_btn").html("Sign Up").addClass("btn-success");
	$("#forgot-link").html("<a href='#login'>Login</a>");
	$("#switch-view").empty();
	window.is_sign_up = true;
}

login.forgot = function() {
	login.set_heading('<i class="icon-question-sign"></i> Forgot');
	$("#login_id").attr("placeholder", "Your Email Id");
	$("#password-row, #login_message, #full-name-row").toggle(false);
	$("#login_btn").html("Send Password").removeClass("btn-success");
	$("#forgot-link").html("<a href='#login'>Login</a>");
	$("#switch-view").empty();
	window.is_forgot = true;
	window.is_sign_up = false;
}

login.set_message = function(message, color) {
	wn.msgprint(message);
	return;
	//$('#login_message').html(message).toggle(true);	
}