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">
|
2017-10-12 20:28:28 -03:00
|
|
|
<title>Sapphire Create Account</title>
|
2017-09-06 04:20:30 +10:00
|
|
|
<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-10-12 04:03:58 -03:00
|
|
|
document.getElementById("Error").innerHTML = "User creation 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-10-12 04:03:58 -03:00
|
|
|
<div class="s-full-split s-left-half col-xs-7">
|
|
|
|
|
<div class="clearfix s-link-badge-wrapper">
|
2017-10-22 21:46:55 +11:00
|
|
|
<a href="https://discord.gg/KfrZCkx" class="s-link-badge s-link-badge-discord col-xs-5">
|
2017-10-12 04:03:58 -03:00
|
|
|
Join us on Discord!
|
|
|
|
|
</a>
|
2017-10-22 21:46:55 +11:00
|
|
|
<a href="https://github.com/SapphireMordred/Sapphire" class="s-link-badge s-link-badge-github col-xs-5 pull-left">
|
2017-10-12 04:03:58 -03:00
|
|
|
Our Github repository
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<h2>Github stuff here soon!</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="s-full-split s-right-half col-xs-5">
|
|
|
|
|
<div class="s-logo">
|
|
|
|
|
<img src="assets/img/sapphire_logo_resize.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="s-login-box col-xs-12">
|
|
|
|
|
<div class="s-login-box-form">
|
|
|
|
|
<h1 class="text-center s-login-call">Account Creation</h1>
|
|
|
|
|
<div class="input-control">
|
|
|
|
|
<label class="s-login-input-wrapper">
|
|
|
|
|
Username
|
|
|
|
|
<input type="text" name="username" autofocus>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="input-control">
|
|
|
|
|
<label class="s-login-input-wrapper">
|
|
|
|
|
Password
|
|
|
|
|
<input type="password" name="password">
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<button class="btn btn-default s-login-btn pull-right" id="CreateUser" onclick="doLogin()">Create Account</button>
|
|
|
|
|
<p id="Error" class="s-error-text"></p>
|
|
|
|
|
</div>
|
|
|
|
|
<a class="btn btn-default s-acc-btn" href="login.html">Back to Login</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="s-gears">
|
|
|
|
|
<img class="s-gears" src="assets/img/graffletopia-gears.png" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2017-09-06 04:20:30 +10:00
|
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
|
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
2017-10-12 04:03:58 -03:00
|
|
|
|
|
|
|
|
<script> // Run only after jq and bootstrap have finished loading
|
|
|
|
|
|
|
|
|
|
// Work around non-HTML5 compliant IE autofocus
|
|
|
|
|
$(function() {
|
|
|
|
|
$('[autofocus]:not(:focus)').eq(0).focus();
|
|
|
|
|
});
|
|
|
|
|
</script>
|
2017-09-06 04:20:30 +10:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
