The administration panel and web client for ParEdu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

114 lines
3.4 KiB

$(document).ready(function (){
let users = $('.users');
let send= $('#btn-send');
let message= $('#new_message');
let form =$('#form');
let chat_pic= $('.chat_history_user_pic');
let chat_name= $('.chat_history_user_info');
let chat_id =$('.chat_history_user_id');
let user_id= $('.user_id');
let chat_history= $('.chat_history_chat');
message.keyup(function(){
if(message.val()!= ''){
send.prop("disabled", false);
//send.css("background-color", "blue");
} else {
send.prop("disabled", true);
//send.css("background-color", 'gray');
}
});
let loadMessages= function(user1_id, user2_id){
chat_history.empty();
$.ajax({ url:'php/get_messages.php',
method: 'POST',
dataType:'json',
data: {
user1: user1_id,
user2: user2_id
},
dataType: 'json',
success: function(result){
if(result != ''){
for(let i=0; i<result.length; i++){
$(".chat_history_none").remove();
if(result[i].chat_sent_by == user1_id){
let item='<div class="chat_history_chat_sent"><h4>'+result[i].chat_message+'</h4></div>';
chat_history.append(item);
} else {
let item='<div class="chat_history_chat_received"><h4>'+result[i].chat_message+'</h4></div>';
chat_history.append(item);
}
}
} else{
let item='<div class="chat_history_none"><p>Nincsennek még üzenetek.</p></div>';
chat_history.append(item);
}
},
error: function(result){
console.log(result);
}
})
}
let sendMessage= function(user1_id, user2_id){
$.ajax({ url:'php/new_message.php',
data: {
new_message: message.val(),
user_id: user1_id,
user_2: user2_id,
},
dataType: 'text',
method:'POST',
success: function(result){
let parsed= jQuery.parseJSON(result);
$(".chat_history_none").remove();
let item='<div class="chat_history_chat_sent"><h4>'+parsed.message+'</h4></div>';
chat_history.append(item);
},
error: function(result){
console.log(result);
}
});
message.val('');
}
let getUsers= function(){
$.ajax({url:'php/get_users.php',
method:'POST',
dataType: 'json',
data: {
id: user_id.html()
},
success: function(data){
for(let i=0; i<data.length; i++) {
let item= '<div class="users_user listitem list-group-item waves-effect" id="'+data[i].id+'"><span class="users_user_pic"><img src="'+data[i].userimg+'" class="listitemimg circle"></span><span class="users_user_info">'+data[i].name+'</span><span class="users_user_id">'+data[i].id+'</span></div>';
users.append(item);
}
let single_user= $('.users_user');
for(let i=0; i<single_user.length; i++){
$(single_user[i]).click(function(e){
message.prop('disabled', false);
let pic= e.target.firstChild.firstChild.src;
let id = e.target.id;
let name= e.target.children[1].innerHTML;
chat_id.html(id);
chat_pic.css('background-image', 'url('+data[i].userimg+')');
chat_name[0].innerHTML= name;
loadMessages(user_id.html(), id);
})
}
}, error: function(){
console.log('error');
}
});
}
getUsers();
send.click(function(e){
e.preventDefault();
sendMessage(user_id.html(),chat_id.html());
})
});