mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-10-24 12:13:33 +08:00
Merge branch 'rt_comm' of https://github.com/bgruening/galaxy into rt_comm
This commit is contained in:
+284
-237
@@ -84,88 +84,96 @@ template = """<!DOCTYPE HTML>
|
||||
<style>
|
||||
/* Styles for message text box */
|
||||
.clearable{
|
||||
background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
|
||||
border: 1px solid #999;
|
||||
padding: 3px 18px 3px 4px;
|
||||
background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
|
||||
border: 1px solid #999;
|
||||
padding: 3px 18px 3px 4px;
|
||||
border-radius: 3px;
|
||||
transition: background 0.4s;
|
||||
}
|
||||
transition: background 0.4s;
|
||||
}
|
||||
|
||||
.clearable.x { background-position: right 5px center; }
|
||||
.clearable.onX{ cursor: pointer; }
|
||||
.clearable::-ms-clear {display: none; width:0; height:0;}
|
||||
.clearable.x { background-position: right 5px center; }
|
||||
.clearable.onX{ cursor: pointer; }
|
||||
.clearable::-ms-clear {display: none; width:0; height:0;}
|
||||
|
||||
.size {
|
||||
height: 30px;
|
||||
.size {
|
||||
height: 30px;
|
||||
width: 790px;
|
||||
margin-bottom:5px;
|
||||
|
||||
}
|
||||
margin-bottom:5px;
|
||||
|
||||
}
|
||||
|
||||
/* Styles for top right icons */
|
||||
.right_icons {
|
||||
margin: 0px 0px 10px 780px;
|
||||
}
|
||||
margin: 0px 0px 10px 745px;
|
||||
}
|
||||
|
||||
#clear_messages{
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
}
|
||||
.anchor{
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.messages {
|
||||
overflow: auto;
|
||||
height: 330px;
|
||||
}
|
||||
overflow: auto;
|
||||
height: 330px;
|
||||
}
|
||||
|
||||
.send_message{
|
||||
margin-top:5px;
|
||||
}
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
.conn_msg {
|
||||
color: #00FF00;
|
||||
font-style: italic;
|
||||
font-size: 14px;
|
||||
}
|
||||
.conn_msg {
|
||||
color: #00FF00;
|
||||
font-style: italic;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.disconn_msg {
|
||||
color: #FF0000;
|
||||
font-style: italic;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.user_name {
|
||||
font-style: italic;
|
||||
font-size: 13px;
|
||||
}
|
||||
.disconn_msg {
|
||||
color: #FF0000;
|
||||
font-style: italic;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.user_name {
|
||||
font-style: italic;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.user_message {
|
||||
font-size: 14px;
|
||||
background-color: #DFE5F9;
|
||||
width: 790px;
|
||||
}
|
||||
|
||||
.user_message {
|
||||
font-size: 14px;
|
||||
background-color: #DFE5F9;
|
||||
width: 790px;
|
||||
}
|
||||
|
||||
.date_time {
|
||||
font-style: italic;
|
||||
font-size: 13px;
|
||||
background-color: #DFE5F9;
|
||||
}
|
||||
.date_time span {
|
||||
float:right;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body style="overflow: hidden";>
|
||||
<div class="right_icons">
|
||||
<i id="online_status" class="fa fa-comments" aria-hidden="true" style="" title=""></i>
|
||||
<i id="clear_messages" class="fa fa-trash-o" aria-hidden="true" title="Clear all messages"></i>
|
||||
<i id="online_status" class="fa fa-comments" aria-hidden="true" style="" title=""></i>
|
||||
<i id="chat_history" class="anchor fa fa-history" aria-hidden="true" style="" title="Show chat history"></i>
|
||||
<i id="settings" class="anchor fa fa-cog" aria-hidden="true" style="" title="All settings"></i>
|
||||
<i id="clear_messages" class="anchor fa fa-trash-o" aria-hidden="true" title="Clear all messages"></i>
|
||||
</div>
|
||||
<div id="all_messages" class="messages"></div>
|
||||
<div class="send_message">
|
||||
<form id="broadcast" method="POST" action='#'>
|
||||
<input id="send_data" class="size clearable" type="text" name="" value="" placeholder="Type your message..." autocomplete="off" />
|
||||
<button id="btn-send" type="submit" title="Send message">
|
||||
<i class="icon fa fa fa-paper-plane"></i> <span class="title">Send Message</span>
|
||||
</button>
|
||||
<form id="broadcast" method="POST" action='#'>
|
||||
<input id="send_data" class="size clearable" type="text" name="" value="" placeholder="Type your message..." autocomplete="off" />
|
||||
<button id="btn-send" type="submit" title="Send message">
|
||||
<i class="icon fa fa fa-paper-plane" style="color:#00FF00"></i> <span class="title">Send Message</span>
|
||||
</button>
|
||||
<button id="btn-disconnect" type="submit" title="Disconnect from server" class="connect_disconnect">
|
||||
<i class="icon fa fa fa-stop"></i> <span class="title">Disconnect</span>
|
||||
</button>
|
||||
<!-- <button id="btn-connect" type="submit" title="Connect again" >
|
||||
<i class="icon fa fa fa-play"></i> <span class="title">Re-connect</span>
|
||||
</button> -->
|
||||
</form>
|
||||
<i class="icon fa fa fa-stop" style="color:#FF0000"></i> <span class="title">Disconnect</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
|
||||
@@ -175,229 +183,268 @@ template = """<!DOCTYPE HTML>
|
||||
|
||||
// the namespace events connect to
|
||||
var namespace = '/chat',
|
||||
socket = io.connect( window.location.protocol + '//' + document.domain + ':' + location.port + namespace);
|
||||
socket = io.connect( window.location.protocol + '//' + document.domain + ':' + location.port + namespace);
|
||||
|
||||
// socketio events
|
||||
var events_module = {
|
||||
// event handler for sent data from server
|
||||
event_response: function( socket ) {
|
||||
socket.on('event response', function( msg ) {
|
||||
var orig_message = msg.data.split(':'),
|
||||
message = "",
|
||||
uid = utils.get_userid(),
|
||||
$all_messages = $('#all_messages');
|
||||
// event handler for sent data from server
|
||||
event_response: function( socket ) {
|
||||
socket.on('event response', function( msg ) {
|
||||
var orig_message = msg.data.split(':'),
|
||||
message = "",
|
||||
uid = utils.get_userid(),
|
||||
$el_all_messages = $('#all_messages');
|
||||
// builds the message to be displayed
|
||||
message = utils.build_message( orig_message, uid );
|
||||
// append only for non empty messages
|
||||
if( orig_message[0].length > 0 ) {
|
||||
utils.append_message($all_messages, message);
|
||||
}
|
||||
// updates the user session storage with all the messages
|
||||
sessionStorage[uid] = $all_messages.html();
|
||||
// show the last item by scrolling to the end
|
||||
utils.scroll_to_last($all_messages);
|
||||
});
|
||||
},
|
||||
// event handler for new connections
|
||||
// append only for non empty messages
|
||||
if( orig_message[0].length > 0 ) {
|
||||
utils.append_message( $el_all_messages, message );
|
||||
// adding message to build full chat history
|
||||
if( !localStorage[uid] ) {
|
||||
localStorage[uid] = message + '<br>';
|
||||
}
|
||||
else {
|
||||
localStorage[uid] = localStorage[uid] + message + '<br>';
|
||||
}
|
||||
}
|
||||
// updates the user session storage with all the messages
|
||||
sessionStorage[uid] = $el_all_messages.html();
|
||||
// show the last item by scrolling to the end
|
||||
utils.scroll_to_last( $el_all_messages );
|
||||
});
|
||||
},
|
||||
// event handler for new connections
|
||||
event_connect: function( socket ) {
|
||||
socket.on( 'connect', function() {
|
||||
var send_data = { };
|
||||
send_data.data = 'connected' + ':' + utils.get_username();
|
||||
socket.emit( 'event connect', send_data );
|
||||
});
|
||||
}
|
||||
}
|
||||
socket.on( 'connect', function() {
|
||||
var send_data = { };
|
||||
send_data.data = 'connected' + ':' + utils.get_username();
|
||||
socket.emit( 'event connect', send_data );
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// all the click events of buttons
|
||||
var click_events = {
|
||||
// on form load, user is connected, so the value is true
|
||||
is_connected: true,
|
||||
|
||||
broadcast_data: function(socket) {
|
||||
$( '#btn-send' ).click( function( event ) {
|
||||
broadcast_data: function(socket) {
|
||||
$( '#btn-send' ).click( function( event ) {
|
||||
// send data only when connected
|
||||
if( click_events.is_connected ) {
|
||||
var send_data = { };
|
||||
send_data.data = escape( $( '#send_data' ).val() ) + ':' + utils.get_userdata();
|
||||
socket.emit( 'event broadcast', send_data );
|
||||
$( '#send_data' ).val('');
|
||||
}
|
||||
return false;
|
||||
});
|
||||
},
|
||||
// event for connected and disconnect buttons
|
||||
var send_data = { };
|
||||
send_data.data = escape( $( '#send_data' ).val() ) + ':' + utils.get_userdata();
|
||||
socket.emit( 'event broadcast', send_data );
|
||||
$( '#send_data' ).val('');
|
||||
}
|
||||
return false;
|
||||
});
|
||||
},
|
||||
// event for connected and disconnect buttons
|
||||
connect_disconnect: function(socket) {
|
||||
$( '.connect_disconnect' ).click(function( event ){
|
||||
var $el = $( '.connect_disconnect' ),
|
||||
$( '.connect_disconnect' ).click(function( event ){
|
||||
var $el = $( '.connect_disconnect' ),
|
||||
id = $el.prop("id"),
|
||||
send_data = { },
|
||||
uid = utils.get_userid(),
|
||||
$el_all_messages = $( '#all_messages' ),
|
||||
$el_online_status = $('#online_status'),
|
||||
$el_connect_disconnect = $('.connect_disconnect'),
|
||||
disconnected_message = "You are disconnected and can't send/receive messages...",
|
||||
connected_message = "You are connected again...",
|
||||
disconnect_tooltip = "Disconnect from server",
|
||||
connect_tooltip = "Connect again";
|
||||
send_data = { },
|
||||
uid = utils.get_userid(),
|
||||
$el_all_messages = $( '#all_messages' ),
|
||||
$el_online_status = $('#online_status'),
|
||||
$el_connect_disconnect = $('.connect_disconnect'),
|
||||
disconnected_message = "You are disconnected and can't send/receive messages...",
|
||||
connected_message = "You are connected again...",
|
||||
disconnect_tooltip = "Disconnect from server",
|
||||
connect_tooltip = "Connect again";
|
||||
if( id === "btn-disconnect" ) {
|
||||
// disconnect only if connected
|
||||
if (click_events.is_connected) {
|
||||
send_data.data = "disconnected" + ":" + utils.get_username();
|
||||
socket.emit( 'event disconnect', send_data );
|
||||
sessionStorage.removeItem(uid);
|
||||
// disconnect only if connected
|
||||
if (click_events.is_connected) {
|
||||
send_data.data = "disconnected" + ":" + utils.get_username();
|
||||
socket.emit( 'event disconnect', send_data );
|
||||
sessionStorage.removeItem(uid);
|
||||
disconnected_message = "<div class='disconn_msg'>" + disconnected_message + "</div>";
|
||||
utils.append_message( $el_all_messages, disconnected_message);
|
||||
this.is_connected = false;
|
||||
utils.update_online_status( $el_online_status, this.is_connected );
|
||||
utils.switch_connect_disconnect( $el_connect_disconnect, "btn-connect", "Re-connect", "fa-play", "fa-stop", connect_tooltip );
|
||||
//$el, btn_id, btn_text, fa_class_add, fa_class_remove, btn_tooltip
|
||||
utils.scroll_to_last( $el_all_messages );
|
||||
}
|
||||
}
|
||||
else if ( id === "btn-connect" ) {
|
||||
socket.connect();
|
||||
this.is_connected = true;
|
||||
connected_message = "<div class='conn_msg'>" + connected_message + "</div>";
|
||||
utils.append_message( $el_all_messages, connected_message );
|
||||
utils.switch_connect_disconnect( $el_connect_disconnect, "btn-disconnect", "Disconnect", "fa-stop", "fa-play", disconnect_tooltip);
|
||||
utils.update_online_status( $el_online_status, this.is_connected );
|
||||
// show the last item by scrolling to the end
|
||||
utils.scroll_to_last( $el_all_messages );
|
||||
}
|
||||
return false;
|
||||
});
|
||||
},
|
||||
// clear all the messages
|
||||
clear_messages: function() {
|
||||
$( '#clear_messages' ).click(function( event ){
|
||||
utils.append_message( $el_all_messages, disconnected_message);
|
||||
this.is_connected = false;
|
||||
utils.update_online_status( $el_online_status, this.is_connected );
|
||||
utils.switch_connect_disconnect( $el_connect_disconnect, "btn-connect", "Re-connect", "fa-play", "fa-stop", connect_tooltip, "#00FF00" );
|
||||
//$el, btn_id, btn_text, fa_class_add, fa_class_remove, btn_tooltip
|
||||
utils.scroll_to_last( $el_all_messages );
|
||||
}
|
||||
}
|
||||
else if ( id === "btn-connect" ) {
|
||||
// connects to socket again
|
||||
socket.connect();
|
||||
this.is_connected = true;
|
||||
connected_message = "<div class='conn_msg'>" + connected_message + "<i class='fa fa-smile-o' aria-hidden='true'></i></div>";
|
||||
utils.append_message( $el_all_messages, connected_message );
|
||||
utils.switch_connect_disconnect( $el_connect_disconnect, "btn-disconnect", "Disconnect", "fa-stop", "fa-play", disconnect_tooltip, "#FF0000");
|
||||
utils.update_online_status( $el_online_status, this.is_connected );
|
||||
// show the last item by scrolling to the end
|
||||
utils.scroll_to_last( $el_all_messages );
|
||||
}
|
||||
return false;
|
||||
});
|
||||
},
|
||||
// clear all the messages
|
||||
clear_messages: function() {
|
||||
$( '#clear_messages' ).click(function( event ){
|
||||
// clears all the messages
|
||||
$("#all_messages").html("");
|
||||
return false;
|
||||
});
|
||||
},
|
||||
|
||||
}
|
||||
$("#all_messages").html("");
|
||||
return false;
|
||||
});
|
||||
},
|
||||
|
||||
// shows full chat history
|
||||
show_chat_history: function() {
|
||||
$( '#chat_history' ).click( function( events ) {
|
||||
utils.fill_messages(localStorage[utils.get_userid()]);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// utility methods
|
||||
var utils = {
|
||||
// get the current username of logged in user
|
||||
// from the querystring of the URL
|
||||
get_userdata: function() {
|
||||
var user_data = $('.modal-body').context.URL.split('?')[1],
|
||||
data = user_data.split('&'),
|
||||
userid_data = data[1],
|
||||
username_data = data[0];
|
||||
if(data) {
|
||||
return unescape( username_data.split('=')[1] + "-" + userid_data.split('=')[1] );
|
||||
}
|
||||
else {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
// from the querystring of the URL
|
||||
get_userdata: function() {
|
||||
var user_data = $('.modal-body').context.URL.split('?')[1],
|
||||
data = user_data.split('&'),
|
||||
userid_data = data[1],
|
||||
username_data = data[0];
|
||||
if(data) {
|
||||
return unescape( username_data.split('=')[1] + "-" + userid_data.split('=')[1] );
|
||||
}
|
||||
else {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
|
||||
// fill in all messages
|
||||
fill_messages: function () {
|
||||
var uid = utils.get_userid(),
|
||||
message_html = $.parseHTML( sessionStorage[uid] ),
|
||||
$all_messages = $('#all_messages');
|
||||
if(sessionStorage[uid]) {
|
||||
$all_messages.append( $( '<div' + '/' + '>' ).html( message_html ) );
|
||||
}
|
||||
// show the last item by scrolling to the end
|
||||
utils.scroll_to_last($all_messages);
|
||||
},
|
||||
fill_messages: function ( collection ) {
|
||||
var uid = utils.get_userid(),
|
||||
message_html = $.parseHTML( collection ),
|
||||
$el_all_messages = $('#all_messages');
|
||||
// clears the previous items
|
||||
$('#all_messages').html("");
|
||||
if(collection) {
|
||||
$el_all_messages.append( $( '<div' + '/' + '>' ).html( message_html ) );
|
||||
}
|
||||
// show the last item by scrolling to the end
|
||||
utils.scroll_to_last($el_all_messages);
|
||||
},
|
||||
|
||||
// gets the user id
|
||||
get_userid: function() {
|
||||
return utils.get_userdata().split('-')[1];
|
||||
},
|
||||
// gets the user id
|
||||
get_userid: function() {
|
||||
return utils.get_userdata().split('-')[1];
|
||||
},
|
||||
|
||||
// gets the user name
|
||||
get_username: function() {
|
||||
return utils.get_userdata().split('-')[0];
|
||||
},
|
||||
// gets the user name
|
||||
get_username: function() {
|
||||
return utils.get_userdata().split('-')[0];
|
||||
},
|
||||
|
||||
// scrolls to the last of element
|
||||
scroll_to_last: function($el) {
|
||||
$el.scrollTop( $el[0].scrollHeight );
|
||||
},
|
||||
// scrolls to the last of element
|
||||
scroll_to_last: function($el) {
|
||||
$el.scrollTop( $el[0].scrollHeight );
|
||||
},
|
||||
|
||||
// append message
|
||||
append_message: function($el, message) {
|
||||
//$el.append( $('<div' + '/' + '>' ).text( message ).html() );
|
||||
//$el.append('<br><br>');
|
||||
message = "<div>" + message + "</div>";
|
||||
$el.append( message );
|
||||
$el.append('<br>')
|
||||
},
|
||||
// append message
|
||||
append_message: function($el, message) {
|
||||
$el.append( message );
|
||||
$el.append('<br>');
|
||||
},
|
||||
// builds message
|
||||
build_message: function(original_message, uid) {
|
||||
var from_uid = original_message[1].split('-')[1],
|
||||
message_user = "",
|
||||
message_text = "";
|
||||
|
||||
var from_uid = original_message[1].split('-')[1],
|
||||
message_user = "",
|
||||
message_text = "";
|
||||
|
||||
// for user's own messages
|
||||
if ( from_uid === uid ) {
|
||||
message_user = "<span class='user_name'> me <br> </span>";
|
||||
message_text = "<div class='user_message'>" + unescape( original_message[0] ) + "</div>";
|
||||
|
||||
}
|
||||
// for other user's messages
|
||||
else {
|
||||
message_user = "<span class='user_name'>" + unescape(original_message[1].split('-')[0]) + "<br></span>";
|
||||
message_text = "<div class='user_message'>" + unescape(original_message[0]) + "</div>";
|
||||
}
|
||||
return message_user + message_text;
|
||||
},
|
||||
message_user = "<span class='user_name'> me <br> </span>"; //
|
||||
}
|
||||
// for other user's messages
|
||||
else {
|
||||
message_user = "<span class='user_name'>" + unescape(original_message[1].split('-')[0]) + "<br></span>";
|
||||
}
|
||||
message_text = "<div class='user_message'> <i class='fa fa-quote-left' aria-hidden='true'></i> " +
|
||||
unescape( original_message[0] ) + " <i class='fa fa-quote-right' aria-hidden='true'></i><div class='date_time'><span>sent on "+ this.get_date_time() + "</span></div></div>";
|
||||
return message_user + message_text;
|
||||
},
|
||||
// adds an information about the online status
|
||||
update_online_status: function( $el, connected ) {
|
||||
if( connected ) {
|
||||
$el.prop( "title", "You are online!" ).css( "color", "#00FF00" );
|
||||
}
|
||||
else {
|
||||
$el.prop( "title", "You are offline!" ).css( "color", "#FF0000");
|
||||
}
|
||||
},
|
||||
if( connected ) {
|
||||
$el.prop( "title", "You are online!" ).css( "color", "#00FF00" );
|
||||
}
|
||||
else {
|
||||
$el.prop( "title", "You are offline!" ).css( "color", "#FF0000");
|
||||
}
|
||||
},
|
||||
|
||||
// switch buttons connect and disconnect
|
||||
switch_connect_disconnect: function( $el, btn_id, btn_text, fa_class_add, fa_class_remove, btn_tooltip) {
|
||||
switch_connect_disconnect: function( $el, btn_id, btn_text, fa_class_add, fa_class_remove, btn_tooltip, icon_color) {
|
||||
$el.prop("id", btn_id).prop("title", btn_tooltip);
|
||||
$el.find('i').removeClass(fa_class_remove).addClass(fa_class_add);
|
||||
$el.find('span').text(btn_text);
|
||||
},
|
||||
}
|
||||
$el.find('i').removeClass(fa_class_remove).addClass(fa_class_add).css("color", icon_color);
|
||||
$el.find('span').text(btn_text);
|
||||
},
|
||||
|
||||
// gets the current date and time
|
||||
get_date_time: function() {
|
||||
var currentdate = new Date(),
|
||||
datetime = "",
|
||||
month = 0,
|
||||
day = 0,
|
||||
hours = 0,
|
||||
minutes = 0;
|
||||
month = ( (currentdate.getMonth()+1 ) < 10) ? ( "0" + (currentdate.getMonth()+1) ) : ( currentdate.getMonth()+1 );
|
||||
day = ( currentdate.getDate() < 10 ) ? ( "0" + currentdate.getDate() ) : currentdate.getDate();
|
||||
hours = ( currentdate.getHours() < 10 ) ? ( "0" + currentdate.getHours() ) : currentdate.getHours();
|
||||
minutes = ( currentdate.getMinutes() < 10 ) ? ( "0" + currentdate.getMinutes() ) : currentdate.getMinutes();
|
||||
|
||||
datetime = month + "/"
|
||||
+ day + "/"
|
||||
+ currentdate.getFullYear() + " @ "
|
||||
+ hours + ":"
|
||||
+ minutes;
|
||||
return datetime;
|
||||
}
|
||||
}
|
||||
|
||||
// this snippet is for adding a clear icon in the message textbox
|
||||
function tog(v){return v?'addClass':'removeClass';}
|
||||
$(document).on('input', '.clearable', function(){
|
||||
$(this)[tog(this.value)]('x');
|
||||
}).on('mousemove', '.x', function( e ){
|
||||
$(this)[tog(this.offsetWidth-18 < e.clientX-this.getBoundingClientRect().left)]('onX');
|
||||
}).on('touchstart click', '.onX', function( ev ){
|
||||
ev.preventDefault();
|
||||
$(this).removeClass('x onX').val('').change();
|
||||
});
|
||||
// this snippet is for adding a clear icon in the message textbox
|
||||
function tog(v){return v?'addClass':'removeClass';}
|
||||
$(document).on('input', '.clearable', function(){
|
||||
$(this)[tog(this.value)]('x');
|
||||
}).on('mousemove', '.x', function( e ){
|
||||
$(this)[tog(this.offsetWidth-18 < e.clientX-this.getBoundingClientRect().left)]('onX');
|
||||
}).on('touchstart click', '.onX', function( ev ){
|
||||
ev.preventDefault();
|
||||
$(this).removeClass('x onX').val('').change();
|
||||
});
|
||||
|
||||
// registers the events when this document is ready
|
||||
$(document).ready(function(){
|
||||
// fill the messages if user is already connected
|
||||
// and comes back to the chat window
|
||||
utils.fill_messages();
|
||||
// updates online status text
|
||||
utils.update_online_status( $('#online_status'), true );
|
||||
// registers response event
|
||||
events_module.event_response(socket);
|
||||
// registers connect event
|
||||
events_module.event_connect(socket);
|
||||
// fill the messages if user is already connected
|
||||
// and comes back to the chat window
|
||||
var uid = utils.get_userid();
|
||||
utils.fill_messages(sessionStorage[uid]);
|
||||
|
||||
// updates online status text
|
||||
utils.update_online_status( $('#online_status'), true );
|
||||
// registers response event
|
||||
events_module.event_response(socket);
|
||||
// registers connect event
|
||||
events_module.event_connect(socket);
|
||||
|
||||
// broadcast the data
|
||||
click_events.broadcast_data(socket);
|
||||
// disconnet the user from the chat server
|
||||
click_events.connect_disconnect(socket);
|
||||
// broadcast the data
|
||||
click_events.broadcast_data(socket);
|
||||
// disconnet the user from the chat server
|
||||
click_events.connect_disconnect(socket);
|
||||
|
||||
//click_events.connect(socket);
|
||||
// clears all the messages
|
||||
click_events.clear_messages();
|
||||
click_events.show_chat_history();
|
||||
// clears all the messages
|
||||
click_events.clear_messages();
|
||||
utils.get_date_time();
|
||||
utils.scroll_to_last( $('#all_messages') );
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user