login.html

<div class="login container">
    <div class="span7">
    	<div class="header"></div>
    	<div class="form">
	    	<form class="loginForm form-horizontal">
		    	<legend>Login</legend>
				<div class="form-group serverDiv">
					<label class="col-lg-2 control-label">Server</label>
					<div class="col-lg-4" style="padding-top: 5px">
						<span class="serverAddress"></span>
						<a class="otherServerLink">Other server</a>
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label" for="inputEmail">Username</label>
					<div class="col-lg-4">
						<div class="input-group">
		  					<span class="input-group-addon">@</span>
							<input type="email" class="form-control username" id="inputEmail" placeholder="Username (e-mail address)">
						</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label" for="inputPassword">Password</label>
					<div class="col-lg-4">
						<div class="input-group">
			 				<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
							<input type="password" class="form-control password" id="inputPassword" placeholder="Password">
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-lg-offset-2 col-lg-10">
						<label class="checkbox"> <input type="checkbox" class="rememberme" id="rememberMe"> Remember me
						</label>
						<button type="button" class="btn loginButton btn-primary">Sign in</button>
						<button type="button" class="btn btn-default resetPasswordButton">Reset password</button>
						<button type="button" class="btn btn-default registerButton initialhide">Register</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<script>
function Login(address, username, originalUrl) {
	var othis = this;
	
	if (address != null && address.startsWith("http://")) {
		address = address.substring(7);
	}
	
	this.show = function(){};

	this.login = function(address) {
		Global.bimServerApi.login($(".username").val(), $("#inputPassword").val(), function(data){
			if ($("#rememberMe").is(":checked")) {
				// Stored cookie
				$.cookie("autologin" + window.document.location.port, Global.bimServerApi.token, { expires: 31});
				$.cookie("address" + window.document.location.port, Global.bimServerApi.baseUrl, { expires: 31});
			} else {
				// Session cookie
				$.cookie("autologin" + window.document.location.port, Global.bimServerApi.token, { });
				$.cookie("address" + window.document.location.port, Global.bimServerApi.baseUrl, { });
			}
			Global.bimServerApi.resolveUser(function(user){
				if (originalUrl != null) {
					window.location = originalUrl;					
				} else {
					$(".indexcontainer").load(Global.baseDir + "main.html", function(){
						new Main(address, user).show(false);
					});
				}
			});
		});
	}

	if (address != null) {
		$(".serverAddress").html(address);
	}
	if (!Settings.allowBimServerAddress()) {
		$(".serverDiv").hide();
	}
	
	if (username != null) {
		$("#inputEmail").val(username);
	}

	$(".header").load(Global.baseDir + "header.html");
	
	$(".loginButton").click(function(){
		othis.login($("#inputServer").val());
	});
	
	$(".login .username, .login .address, .login .password, .login .rememberme").enterpress(function(){
		othis.login($("#inputServer").val());
	});
	
	this.resetPassword = function(){
		Global.bimServerApi.callWithFullIndication("AuthInterface", "requestPasswordChange", {username: $(".username").val(), resetUrl: Global.baseDir + "?page=ResetPassword", includeSiteAddress: false}, function(){
			
		});
	};
	
	this.openIdClick = function(){
		$(".openidDiv").show();
		$(".loginForm").hide();
	};
	
	this.registerClick = function(){
		$(".indexcontainer").load(Global.baseDir + "register.html", function(){
			new Register($(this));
		});
	};
	
	$(".registerButton").click(othis.registerClick);;
	
	$(".resetPasswordButton").click(function(){
		othis.resetPassword();
	});
	
	Global.bimServerApi.call("SettingsInterface", "isAllowSelfRegistration", {}, function(enabled){
		if (enabled) {
			$(".registerButton").show();
		}
	});
	
	if (username == null) {
		$("#inputEmail").focus();
	} else {
		$("#inputPassword").focus();
	}
	
	pushHistory({page: "Login"}, "Login");
	
	$(".otherServerLink").click(function(){
		$(".indexcontainer").load(Global.baseDir + "selectserver.html", function(){
			new SelectServer();
		});
	});
}
</script>