You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
12 years ago
|
<!-- START Forum Info Template -->
|
||
|
|
<div class="alert alert-info">
|
||
|
|
<span id="number_of_users"></span><br />
|
||
|
|
<span id="latest_user"></span>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
(function() {
|
||
|
|
var num_users = document.getElementById('number_of_users'),
|
||
|
|
latest_user = document.getElementById('latest_user');
|
||
|
|
socket.emit('user.count', {});
|
||
|
|
socket.on('user.count', function(data) {
|
||
|
|
num_users.innerHTML = "We currently have <b>" + data.count + "</b> registered users.";
|
||
|
|
});
|
||
|
|
socket.emit('user.latest', {});
|
||
|
|
socket.on('user.latest', function(data) {
|
||
|
|
console.log('here');
|
||
|
|
latest_user.innerHTML = "The most recent user to register is <b>" + data.username + "</b>.";
|
||
|
|
});
|
||
|
|
}());
|
||
|
|
</script>
|
||
|
|
<!-- END Forum Info Template -->
|
||
|
|
<!-- START Register Template -->
|
||
|
|
<h1>Register</h1>
|
||
|
|
Username: <input type="text" placeholder="Enter Username" id="username" /> <span id="username-notify" class="label label-success"></span> <br />
|
||
|
|
Password: <input type="password" placeholder="Enter Password" id="password" /><br />
|
||
|
|
<button id="register" type="submit">Register Now</button>
|
||
|
|
<script type="text/javascript">
|
||
|
|
(function() {
|
||
|
|
var username = document.getElementById('username'),
|
||
|
|
password = document.getElementById('password'),
|
||
|
|
register = document.getElementById('register'),
|
||
|
|
username_notify = document.getElementById('username-notify');
|
||
|
|
|
||
|
|
register.onclick = function() {
|
||
|
|
socket.emit('user.create', {
|
||
|
|
username: username.value,
|
||
|
|
password: password.value
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
username.onkeyup = function() {
|
||
|
|
socket.emit('user.exists', {username: username.value});
|
||
|
|
}
|
||
|
|
|
||
|
|
socket.on('user.create', function(data) {
|
||
|
|
console.log('user create: ' + data.status);
|
||
|
|
});
|
||
|
|
socket.on('user.exists', function(data) {
|
||
|
|
if (data.exists == true) {
|
||
|
|
username_notify.innerHTML = 'Username exists';
|
||
|
|
username_notify.className = 'label label-important';
|
||
|
|
} else {
|
||
|
|
username_notify.innerHTML = 'Not taken';
|
||
|
|
username_notify.className = 'label label-success';
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}());
|
||
|
|
</script>
|