2017-09-06 04:20:30 +10:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Sapphire Create Account</title>
|
|
|
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
|
|
|
|
<link rel="stylesheet" href="assets/css/styles.css">
|
|
|
|
|
<link rel="stylesheet" href="assets/css/global.css">
|
|
|
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
|
2017-08-08 13:53:47 +02:00
|
|
|
<script>
|
|
|
|
|
function doLogin(){
|
|
|
|
|
var url = "sapphire-api/lobby/createAccount";
|
|
|
|
|
var params = "{\"username\":\"" + document.getElementsByName('username')[0].value + "\",\"pass\":\"" + document.getElementsByName('password')[0].value + "\"}";
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
xhr.open("POST", url, true);
|
|
|
|
|
|
|
|
|
|
xhr.onreadystatechange = function() {
|
|
|
|
|
if (xhr.readyState == 4) {
|
|
|
|
|
try{
|
|
|
|
|
var response = readBody(xhr);
|
|
|
|
|
var parsed = JSON.parse(response);
|
|
|
|
|
window.external.Boot(parsed.sId, parsed.lobbyHost, parsed.frontierHost);
|
|
|
|
|
}catch(err){
|
2017-09-06 04:20:30 +10:00
|
|
|
document.getElementById("Error").innerHTML = "Create User failed.";
|
2017-08-08 13:53:47 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
xhr.send(params);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function readBody(xhr) {
|
|
|
|
|
var data;
|
|
|
|
|
if (!xhr.responseType || xhr.responseType === "text") {
|
|
|
|
|
data = xhr.responseText;
|
|
|
|
|
} else if (xhr.responseType === "document") {
|
|
|
|
|
data = xhr.responseXML;
|
|
|
|
|
} else {
|
|
|
|
|
data = xhr.response;
|
|
|
|
|
}
|
|
|
|
|
return data;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2017-09-06 04:20:30 +10:00
|
|
|
</head>
|
|
|
|
|
|
2017-10-02 13:56:04 +02:00
|
|
|
<body scroll="no">
|
2017-09-06 04:20:30 +10:00
|
|
|
<div id="TopDiv"></div>
|
|
|
|
|
<div class="container"><img src="assets/img/sapphire_logo.png" width="40%" height="40%"></div>
|
|
|
|
|
<div class="container" id="Conttwo">
|
|
|
|
|
<div></div>
|
|
|
|
|
<h1 class="text-center">Create Account</h1>
|
|
|
|
|
<p class="text-center">Username: </p>
|
|
|
|
|
<td><input type="text" name="username" /></td>
|
|
|
|
|
<div id="Split"></div>
|
|
|
|
|
<p class="text-center">Password: </p>
|
|
|
|
|
<td><input type="password" name="password" /></td>
|
|
|
|
|
<div id="space"></div>
|
|
|
|
|
<button class="btn btn-default" input id="submitButton" onclick="doLogin()">Create User</button>
|
|
|
|
|
<p id="Error" class="text-center"></p>
|
|
|
|
|
<div id="Split">
|
|
|
|
|
<p id="CreateUser"><a href="login.html"><span style="text-decoration: underline;">Back to Login</span></a></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
|
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
