mirror of https://github.com/calzoneman/sync.git
130 lines
5.4 KiB
HTML
130 lines
5.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CyTube - Login</title>
|
|
<link rel="stylesheet" href="assets/css/bootstrap.css">
|
|
<style type="text/css">
|
|
#username, #pw {
|
|
width: 95%;
|
|
}
|
|
#login, #register {
|
|
width: 49%;
|
|
}
|
|
#changepass {
|
|
width: 99%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form class="form-horizontal" action="javascript:void(0)">
|
|
<div class="control-group">
|
|
<label class="control-label" for="username">Username</label>
|
|
<div class="controls">
|
|
<input type="text" id="username">
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label" for="pw">Password</label>
|
|
<div class="controls">
|
|
<input type="password" id="pw">
|
|
</div>
|
|
</div>
|
|
<div class="control-group" style="display: none" id="newpassdiv">
|
|
<label class="control-label" for="newpass" id="nplabel">New Password</label>
|
|
<div class="controls">
|
|
<input type="password" id="newpass">
|
|
</div>
|
|
</div>
|
|
<div class="control-group" style="display: none" id="pw2div">
|
|
<label class="control-label" for="pw2" id="confirm">Confirm Password</label>
|
|
<div class="controls">
|
|
<input type="password" id="pw2">
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<div class="controls">
|
|
<button class="btn" id="login">Login</button>
|
|
<button class="btn" id="register">Register</button>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<div class="controls">
|
|
<button class="btn" id="changepass">Change Password</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script src="assets/js/jquery.js" type="text/javascript"></script>
|
|
<script src="assets/js/iourl.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
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;
|
|
}
|
|
var theme = readCookie("cytube_theme") || "default";
|
|
if(theme != "default") {
|
|
$("<link/>").attr("rel", "stylesheet")
|
|
.attr("type", "text/css")
|
|
.attr("id", "usertheme")
|
|
.attr("href", theme)
|
|
.appendTo($("head"));
|
|
}
|
|
|
|
var source;
|
|
var respond = function(e) {
|
|
if(e.data == "cytube-syn") {
|
|
source = e.source;
|
|
source.postMessage("cytube-ack", document.location);
|
|
}
|
|
}
|
|
window.addEventListener("message", respond, false);
|
|
|
|
$("#login").click(function() {
|
|
$.getJSON(IO_URL+"/api/json/login?name="+$("#username").val()+"&pw="+$("#pw").val()+"&callback=?", function(data) {
|
|
data.uname = $("#username").val();
|
|
source.postMessage("cytube-login:"+JSON.stringify(data), document.location);
|
|
});
|
|
});
|
|
$("#register").click(function() {
|
|
if($("#pw2div").css("display") == "none") {
|
|
$("#pw2div").css("display", "");
|
|
return false;
|
|
}
|
|
else if($("#pw2").val() != $("#pw").val()) {
|
|
$("#confirm").addClass("text-error");
|
|
return;
|
|
}
|
|
$.getJSON(IO_URL+"/api/json/register?name="+$("#username").val()+"&pw="+$("#pw").val()+"&callback=?", function(data) {
|
|
console.log(data);
|
|
data.uname = $("#username").val();
|
|
source.postMessage("cytube-login:"+JSON.stringify(data), document.location);
|
|
});
|
|
});
|
|
$("#changepass").click(function() {
|
|
if($("#newpassdiv").css("display") == "none") {
|
|
$("#newpassdiv").css("display", "");
|
|
$("#pw2div").css("display", "");
|
|
return false;
|
|
}
|
|
else if($("#newpass").val() != $("#pw2").val()) {
|
|
$("#confirm").addClass("text-error");
|
|
return;
|
|
}
|
|
$.getJSON(IO_URL+"/api/json/changepass?name="+$("#username").val()+"&oldpw="+$("#pw").val()+"&newpw="+$("#newpass").val()+"&callback=?", function(data) {
|
|
if(data.success) {
|
|
$("#newpassdiv").css("display", "none");
|
|
$("#pw2div").css("display", "none");
|
|
}
|
|
source.postMessage("cytube-changepass:"+JSON.stringify(data), document.location);
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|