Changed popup to redirect mode, updated dependencies
This commit is contained in:
parent
c31764aac3
commit
46c212363f
@ -7,9 +7,9 @@
|
|||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"dotenv": "^1.2.0",
|
"dotenv": "^1.2.0",
|
||||||
"express": "^4.10.2",
|
"express": "^4.13.3",
|
||||||
"jade": "^1.11.0",
|
"jade": "^1.11.0",
|
||||||
"socket.io": "^1.3.6",
|
"socket.io": "^1.3.7",
|
||||||
"socketio-jwt": "^4.3.1"
|
"socketio-jwt": "^4.3.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,68 +1,69 @@
|
|||||||
extends layout
|
extends layout
|
||||||
|
|
||||||
block content
|
block content
|
||||||
script(src="https://cdn.auth0.com/js/lock-7.12.js")
|
script(src="https://cdn.auth0.com/js/lock-8.1.1.js")
|
||||||
script(src="/socket.io/socket.io.js")
|
script(src="/socket.io/socket.io.js")
|
||||||
script(src="http://code.jquery.com/jquery-1.11.1.js")
|
script(src="http://code.jquery.com/jquery-1.11.3.js")
|
||||||
|
|
||||||
|
|
||||||
div#login
|
|
||||||
button.btn Login
|
|
||||||
div#chat
|
|
||||||
ul#messages
|
|
||||||
form(action="")
|
|
||||||
input(id="m" autocomplete="off")
|
|
||||||
button.btn Send
|
|
||||||
|
|
||||||
script.
|
|
||||||
var userProfile;
|
|
||||||
var userToken;
|
|
||||||
var lock = new Auth0Lock('#{env.AUTH0_CLIENT_ID}', '#{env.AUTH0_DOMAIN}');
|
|
||||||
$('#chat').hide();
|
|
||||||
$('#login button').click(function(e){
|
|
||||||
e.preventDefault();
|
|
||||||
lock.show(function(err, profile, token) {
|
|
||||||
if (err) {
|
|
||||||
//Error callback
|
|
||||||
alert('There was an error');
|
|
||||||
alert(err);
|
|
||||||
} else {
|
|
||||||
console.log('connected and authenticated');
|
|
||||||
//Success callback
|
|
||||||
userToken = token;
|
|
||||||
|
|
||||||
//Save the JWT token
|
div#login
|
||||||
localStorage.setItem('userToken', token);
|
button.btn Login
|
||||||
|
div#chat
|
||||||
|
ul#messages
|
||||||
|
form(action="")
|
||||||
|
input(id="m" autocomplete="off")
|
||||||
|
button.btn Send
|
||||||
|
|
||||||
|
script.
|
||||||
|
var userProfile;
|
||||||
|
var userToken;
|
||||||
|
var lock = new Auth0Lock('#{env.AUTH0_CLIENT_ID}', '#{env.AUTH0_DOMAIN}');
|
||||||
|
var hash = lock.parseHash();
|
||||||
|
$('#chat').hide();
|
||||||
|
$('#login button').click(function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
lock.show();
|
||||||
|
});
|
||||||
|
|
||||||
|
if (hash) {
|
||||||
|
if (hash.error) {
|
||||||
|
console.log("There was an error logging in", hash.error);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
lock.getProfile(hash.id_token, function (err, profile) {
|
||||||
|
if (err) {
|
||||||
|
console.log('Cannot get user', err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
console.log('connected and authenticated');
|
||||||
|
userProfile = profile;
|
||||||
|
localStorage.setItem('userToken', hash.id_token);
|
||||||
|
userToken = hash.id_token;
|
||||||
|
openChat();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function openChat() {
|
||||||
|
var socket = io();
|
||||||
|
socket.on('connect', function () {
|
||||||
|
socket.on('authenticated', function () {
|
||||||
|
//Do
|
||||||
|
$('#login').hide();
|
||||||
|
$('#chat').show();
|
||||||
|
$('form').submit(function (event) {
|
||||||
|
socket.emit('chat message', $('#m').val());
|
||||||
|
$('#m').val('');
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
socket.on('chat message', function (msg) {
|
||||||
|
console.log("msg");
|
||||||
|
$('#messages').append($('<li>').text(msg));
|
||||||
|
});
|
||||||
|
}).emit('authenticate', {token: userToken}); // send the jwt
|
||||||
|
})
|
||||||
|
};
|
||||||
|
|
||||||
//Save the profile
|
|
||||||
userProfile = profile;
|
|
||||||
|
|
||||||
openChat();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
function openChat(){
|
|
||||||
var socket = io();
|
|
||||||
socket.on('connect', function () {
|
|
||||||
socket.on('authenticated', function () {
|
|
||||||
//Do
|
|
||||||
$('#login').hide();
|
|
||||||
$('#chat').show();
|
|
||||||
$('form').submit(function(event){
|
|
||||||
socket.emit('chat message', $('#m').val());
|
|
||||||
$('#m').val('');
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
socket.on('chat message', function(msg){
|
|
||||||
console.log("msg");
|
|
||||||
$('#messages').append($('<li>').text(msg));
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.emit('authenticate', {token: userToken}); // send the jwt
|
|
||||||
})
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user