1769 lines
86 KiB
JavaScript
1769 lines
86 KiB
JavaScript
|
`use strict`;
|
|||
|
|
|
|||
|
|
let rocketChatSocket = null;
|
|||
|
|
let activeChannelClass = 'active';
|
|||
|
|
let groupChannelClass = 'group';
|
|||
|
|
let defaultZIndex = 99999;
|
|||
|
|
|
|||
|
|
let dateTimeOptions = {
|
|||
|
|
year: 'numeric',
|
|||
|
|
month: 'numeric',
|
|||
|
|
day: 'numeric',
|
|||
|
|
timezone: 'UTC',
|
|||
|
|
hour: 'numeric',
|
|||
|
|
minute: 'numeric',
|
|||
|
|
second: 'numeric'
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
let timeOptions = {
|
|||
|
|
hour: 'numeric',
|
|||
|
|
minute: 'numeric',
|
|||
|
|
second: 'numeric'
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
let dateOptions = {
|
|||
|
|
year: 'numeric',
|
|||
|
|
month: 'numeric',
|
|||
|
|
day: 'numeric',
|
|||
|
|
timezone: 'UTC'
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
let userNamesArray = [];
|
|||
|
|
let loadNewPage = false;
|
|||
|
|
let channelsTimes = {};
|
|||
|
|
let lastCreatedChannelName = null;
|
|||
|
|
let lastCreatedChannelId = null;
|
|||
|
|
|
|||
|
|
let needLoadDefaultChannelMessages = false;
|
|||
|
|
|
|||
|
|
$(window).on("load", function () {
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/getAgencyUserNames.php',
|
|||
|
|
success: function (data) {
|
|||
|
|
userNamesArray = JSON.parse(data);
|
|||
|
|
|
|||
|
|
if ($('#session_user_chat_username').length > 0) {
|
|||
|
|
let logo = findLogoByUsername($('#session_user_chat_username').val());
|
|||
|
|
if (logo) {
|
|||
|
|
$('.chat-block__top_left-icon img').attr('src', logo);
|
|||
|
|
$('.chat-block__top_left-icon').show();
|
|||
|
|
} else {
|
|||
|
|
$('.chat-block__top_left-icon').hide();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
setupChat();
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
|
|||
|
|
$('.chat-main-block .chat-block__top_left-burger').on('click', function () {
|
|||
|
|
$(this).toggleClass('active');
|
|||
|
|
$('.chat-main-block .chat-block__left').toggleClass('show');
|
|||
|
|
//$('.chat-block__right').toggleClass('hide');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.chat-main-block .dots-modal__add-remove_title').on('click', function () {
|
|||
|
|
$(this).next().slideToggle();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.chat-main-block .chat-block__top_right-icons .closed').on('click', function () {
|
|||
|
|
document.getElementById("chat-content").removeEventListener("scroll", onScrollMessagesPart);
|
|||
|
|
$(".chat-main-block").hide(50);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.chat-main-block .group-data__top_icon').on('click', function () {
|
|||
|
|
let userAmin = $('.chat-main-block .chat-block__left_item.active').length > 0 ? $('.chat-main-block .chat-block__left_item.active').attr('data-admin') : '';
|
|||
|
|
let type = $('.chat-main-block .chat-block__left_item.active').length > 0 ? $('.chat-main-block .chat-block__left_item.active').attr('data-type') : '';
|
|||
|
|
if (type === 'g' && $('#session_user_chat_username').val() === userAmin) {
|
|||
|
|
$('#changeGroupAvatarBlock').show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.chat-main-block .dots-modal-show').on('click', function () {
|
|||
|
|
|
|||
|
|
$('.chat-main-block .dots-modal__btn2').hide();
|
|||
|
|
$('.chat-main-block .dots-modal__btn3').hide();
|
|||
|
|
$('.chat-main-block .dots-modal__btn4').hide();
|
|||
|
|
$('.chat-main-block .dots-modal').css('height', '58px');
|
|||
|
|
$('.chat-main-block .dots-modal').css('bottom', '-45px');
|
|||
|
|
|
|||
|
|
let userAmin = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-admin') : '';
|
|||
|
|
let type = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-type') : '';
|
|||
|
|
if (type === 'd') {
|
|||
|
|
$('.chat-main-block .dots-modal__btn3').show();
|
|||
|
|
$('.chat-main-block .dots-modal').css('height', '85px');
|
|||
|
|
$('.chat-main-block .dots-modal').css('bottom', '-75px');
|
|||
|
|
} else {
|
|||
|
|
if (userAmin) {
|
|||
|
|
if ($('#session_user_chat_username').val() === userAmin) {
|
|||
|
|
$('.chat-main-block .dots-modal__btn3').show();
|
|||
|
|
$('.chat-main-block .dots-modal__btn2').show();
|
|||
|
|
$('.chat-main-block .dots-modal').css('height', '122px');
|
|||
|
|
$('.chat-main-block .dots-modal').css('bottom', '-105px');
|
|||
|
|
} else {
|
|||
|
|
$('.chat-main-block .dots-modal__btn4').show();
|
|||
|
|
$('.chat-main-block .dots-modal').css('height', '85px');
|
|||
|
|
$('.chat-main-block .dots-modal').css('bottom', '-75px');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
$('.chat-main-block .dots-modal__btn4').show();
|
|||
|
|
$('.chat-main-block .dots-modal').css('height', '85px');
|
|||
|
|
$('.chat-main-block .dots-modal').css('bottom', '-75px');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$('.chat-main-block .dots-modal').fadeIn();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("body").on('click', '.new-message__top_closed', function(){
|
|||
|
|
$(this).parents('.new-message').remove();
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("body").on('click', '.new-message', function(){
|
|||
|
|
let channelId = $(this).attr('data-channel');
|
|||
|
|
|
|||
|
|
if (channelId) {
|
|||
|
|
let messageChannelDiv = $("div[data-id='" + channelId + "']");
|
|||
|
|
|
|||
|
|
if (messageChannelDiv && messageChannelDiv.length > 0) {
|
|||
|
|
messageChannelDiv.click();
|
|||
|
|
openChat();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$(this).remove();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("body").on('click', '.chat-main-block .chat-block__left_item', function(e){
|
|||
|
|
if($(e.target).closest('.chat-block_cian__left_list').length == 0){
|
|||
|
|
$('.chat-main-block .chat-block__left_item').each(function (index, element) {
|
|||
|
|
$(element).removeClass("active");
|
|||
|
|
});
|
|||
|
|
$(this).addClass('active');
|
|||
|
|
|
|||
|
|
//удаляем счетчик
|
|||
|
|
if ($(this).find('.chat-block__left_item-quantity').length > 0) {
|
|||
|
|
$(this).find('.chat-block__left_item-quantity').remove();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
recalculateTopCounter();
|
|||
|
|
|
|||
|
|
$('.chat-main-block .chat-block__right_wrapper').show(100);
|
|||
|
|
$('.chat-main-block .group-data').hide(10);
|
|||
|
|
|
|||
|
|
// получаем инфу о канале для вывода в заголовке
|
|||
|
|
getChannelInfo();
|
|||
|
|
// получаем сообщения с канала
|
|||
|
|
getChannelMessages($(this).attr('data-id'));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("body").on('click', '.group-data__center_item-remove', function() {
|
|||
|
|
if (confirm("Удалить пользователя из беседы?")) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
let userId = $(this).attr('data-id');
|
|||
|
|
|
|||
|
|
blockChat();
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/removeUserFromChannel.php',
|
|||
|
|
method: "post",
|
|||
|
|
data: {
|
|||
|
|
"groupId": channelId,
|
|||
|
|
"userId": userId
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
$('.chat-block__right_wrapper').show(100);
|
|||
|
|
$('.group-data').hide(10);
|
|||
|
|
getChannelInfo();
|
|||
|
|
unBlockChat();
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.chat-main-block .modal-add__one_btn').on('click', function () {
|
|||
|
|
$('.chat-main-block .modal-add__one').fadeOut(100);
|
|||
|
|
$('.chat-main-block .modal-add__two').fadeIn(100);
|
|||
|
|
|
|||
|
|
if (this.id === 'otherChatCreate') {
|
|||
|
|
$(".chat-main-block .modal-add").css('height', '300px');
|
|||
|
|
let htmlUsersList = '';
|
|||
|
|
//делаем наполнение списка пользователей
|
|||
|
|
userNamesArray.forEach(function (element, index, array) {
|
|||
|
|
//текущего пользователя не добавляем в список. Он будет владельцем канала
|
|||
|
|
if (element.id !== $('#session_user_id').val()) {
|
|||
|
|
let userFio = element.last_name + ' ' + element.first_name;
|
|||
|
|
if (element.middle_name) {
|
|||
|
|
userFio = element.last_name + ' ' + element.first_name + ' ' + element.middle_name;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
htmlUsersList = htmlUsersList + '<div><input type="checkbox" class="checkbox" data-id="' + element.id + '"><span>' + userFio + '</span></div>'
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(".chat-main-block .modal-add__two_list").html(htmlUsersList);
|
|||
|
|
$(".chat-main-block .modal-add__two_list").show();
|
|||
|
|
}
|
|||
|
|
if (this.id === 'agencyChatCreate') {
|
|||
|
|
$(".chat-main-block .modal-add__two_list").hide();
|
|||
|
|
$(".chat-main-block .modal-add").css('height', '123px');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.chat-main-block .cancel-add').on('click', function () {
|
|||
|
|
$('.chat-main-block .modal-add__one').fadeIn(100);
|
|||
|
|
$('.chat-main-block .modal-add__two').fadeOut(100);
|
|||
|
|
$(".chat-main-block .modal-add__two_list").hide();
|
|||
|
|
$(".chat-main-block .modal-add").css('height', '123px');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#chat-message-input').on('keypress', function(e) {
|
|||
|
|
if((e.which === 13 || e.originalEvent.code === 'Enter')) {
|
|||
|
|
if (!e.ctrlKey) {
|
|||
|
|
sendChatMesasge();
|
|||
|
|
e.preventDefault();
|
|||
|
|
e.stopPropagation();
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
var position = this.selectionEnd;
|
|||
|
|
if (this.value.length === position) {
|
|||
|
|
$(this).val(function(i,val){
|
|||
|
|
return val + "\n";
|
|||
|
|
});
|
|||
|
|
$(this).scrollTop($(this).prop('scrollHeight'));
|
|||
|
|
} else {
|
|||
|
|
this.value = this.value.substring(0, position) + '\n' + this.value.substring(position);
|
|||
|
|
this.selectionEnd = position;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.create-agency-channel').on('click', function () {
|
|||
|
|
let name = $('#chatGroupName').val();
|
|||
|
|
let isUsersSelect = $('.modal-add__two_list').is(':visible');
|
|||
|
|
|
|||
|
|
if (isUsersSelect) {
|
|||
|
|
|
|||
|
|
let users = '';
|
|||
|
|
let usersCount = 0;
|
|||
|
|
|
|||
|
|
$(".modal-add__two_list").find('input[type="checkbox"]').each(function (index, element) {
|
|||
|
|
if ($(element).prop('checked')) {
|
|||
|
|
if (users) {
|
|||
|
|
users = users + ',';
|
|||
|
|
}
|
|||
|
|
users = users + $(element).attr('data-id');
|
|||
|
|
usersCount++;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
if (usersCount === 0) {
|
|||
|
|
alert("Необходимо выбрать пользователей");
|
|||
|
|
} else {
|
|||
|
|
if (usersCount > 1 && !name) {
|
|||
|
|
alert("Необходимо ввести название группы");
|
|||
|
|
} else {
|
|||
|
|
if (usersCount === 1) {
|
|||
|
|
let username = '';
|
|||
|
|
userNamesArray.forEach(function (element, index, array) {
|
|||
|
|
if (element.id === users) {
|
|||
|
|
username = element.chat_login;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (username) {
|
|||
|
|
createDirect(username);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
blockChat();
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/createChannel.php',
|
|||
|
|
method: "post",
|
|||
|
|
data: {
|
|||
|
|
"name": name,
|
|||
|
|
"users": users
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data) {
|
|||
|
|
alert(data);
|
|||
|
|
} else {
|
|||
|
|
$('.modal-add__two').fadeOut(100);
|
|||
|
|
$('.modal-add__one').fadeIn(100);
|
|||
|
|
$('.modal-add').fadeOut(100);
|
|||
|
|
$(".modal-add").css('height', '123px');
|
|||
|
|
lastCreatedChannelName = name;
|
|||
|
|
getChannels();
|
|||
|
|
}
|
|||
|
|
unBlockChat();
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (!name) {
|
|||
|
|
alert("Необходимо ввести название группы");
|
|||
|
|
} else {
|
|||
|
|
blockChat();
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/createAgencyChannel.php',
|
|||
|
|
method: "post",
|
|||
|
|
data: {
|
|||
|
|
"name": name
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data) {
|
|||
|
|
alert(data);
|
|||
|
|
} else {
|
|||
|
|
$('.modal-add__two').fadeOut(100);
|
|||
|
|
$('.modal-add__one').fadeIn(100);
|
|||
|
|
$('.modal-add').fadeOut(100);
|
|||
|
|
$(".modal-add").css('height', '123px');
|
|||
|
|
$('.chat-main-block .chat-block__top_left-add').hide();
|
|||
|
|
if (confirm("Страница будет перезагружена для применения настроек чата")) {
|
|||
|
|
location.reload();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
unBlockChat();
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('.chat-block__top_left-add').on('click', function () {
|
|||
|
|
if ($('#session_agency_id').val() === '93') {
|
|||
|
|
$('.chat-main-block .modal-add__one_input').show();
|
|||
|
|
|
|||
|
|
let htmlUsersList = '';
|
|||
|
|
$('.modal-add__one_list').html('');
|
|||
|
|
//делаем наполнение списка пользователей
|
|||
|
|
userNamesArray.forEach(function (element, index, array) {
|
|||
|
|
let logoUrl = '/images/chat/one.png';
|
|||
|
|
let userFio = element.last_name + ' ' + element.first_name;
|
|||
|
|
if (element.middle_name) {
|
|||
|
|
userFio = element.last_name + ' ' + element.first_name + ' ' + element.middle_name;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (element.user_logo) {
|
|||
|
|
logoUrl = '/photos/agency/' + element.user_logo;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
htmlUsersList = htmlUsersList + '<div class="modal-add__one_list_div"><div class="modal-add__one_list_div_photo"><img class="modal-add__one_list_div_photo_img" src="' + logoUrl +'" alt="img"></div><span style="margin-top: 6px;">' + userFio + '</span></div>';
|
|||
|
|
});
|
|||
|
|
$('.chat-main-block .modal-add__one_list').html(htmlUsersList);
|
|||
|
|
|
|||
|
|
$('.chat-main-block .modal-add__one_list').show();
|
|||
|
|
$(".chat-main-block .modal-add").css('height', '297px');
|
|||
|
|
}
|
|||
|
|
$('.chat-main-block .modal-add').fadeIn(100);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.dots-modal__btn2').on('click', function () {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
blockChat();
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/getGroupUsers.php',
|
|||
|
|
method: "post",
|
|||
|
|
data: {
|
|||
|
|
"groupId": channelId
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
let result = JSON.parse(data);
|
|||
|
|
|
|||
|
|
$('.dots-modal__add_list').html('');
|
|||
|
|
let html = '';
|
|||
|
|
if (result.success) {
|
|||
|
|
let found = false;
|
|||
|
|
userNamesArray.forEach(function (element, index, array) {
|
|||
|
|
found = false;
|
|||
|
|
result.members.forEach(function(member, index, array) {
|
|||
|
|
if (element.chat_login === member.username) {
|
|||
|
|
found = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (!found) {
|
|||
|
|
let userFio = element.last_name + ' ' + element.first_name;
|
|||
|
|
if (element.middle_name) {
|
|||
|
|
userFio = element.last_name + ' ' + element.first_name + ' ' + element.middle_name;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html = html + '<div><input type="checkbox" class="checkbox" data-id="' + element.id + '"><span>' + userFio + '</span></div>'
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.dots-modal__add_list').html(html);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (html) {
|
|||
|
|
$('.chat-main-block .dots-modal').fadeOut(100);
|
|||
|
|
$('.chat-main-block .dots-modal__add').fadeIn(100);
|
|||
|
|
} else {
|
|||
|
|
$('.chat-main-block .dots-modal').fadeOut(100);
|
|||
|
|
alert("Все агенты уже в беседе.");
|
|||
|
|
}
|
|||
|
|
unBlockChat();
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.group-data__top_text-add').on('click', function () {
|
|||
|
|
$('.dots-modal__add').fadeIn(100);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.group-data__top_rename').on('click', function () {
|
|||
|
|
$(this).fadeOut(1);
|
|||
|
|
let name = $('.group-data__top_text-name .name');
|
|||
|
|
$(name).fadeOut(1);
|
|||
|
|
$('.rename-input').fadeIn(100);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.dots-modal__btn1').on('click', function () {
|
|||
|
|
getExtChannelInfo();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.dots-modal__btn3').on('click', function () {
|
|||
|
|
clearChat();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.dots-modal__btn4').on('click', function () {
|
|||
|
|
leaveChat();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.group-data__top_close').on('click', function () {
|
|||
|
|
$('.chat-block__right_wrapper').show(100);
|
|||
|
|
$('.group-data').hide(10);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(document).mouseup(function (e) {
|
|||
|
|
var div = $(".dots-modal, .modal-add, .dots-modal__add ");
|
|||
|
|
if (!div.is(e.target) && div.has(e.target).length === 0) {
|
|||
|
|
$(div).fadeOut();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function changeAvatarForGroup() {
|
|||
|
|
let url = $('#chatGroupAvatarInput').val();
|
|||
|
|
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
let renameGroup = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "saveRoomSettings",
|
|||
|
|
"id": "saveRoomSettingsAvatar",
|
|||
|
|
"params": [
|
|||
|
|
channelId, "roomDescription", url
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(renameGroup));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function renameChatGroup() {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
|
|||
|
|
if (!$('#chatGroupNameInput').val()) {
|
|||
|
|
alert("Необходимо указать имя");
|
|||
|
|
} else {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
let renameGroup = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "saveRoomSettings",
|
|||
|
|
"id": "saveRoomSettingsId",
|
|||
|
|
"params": [
|
|||
|
|
channelId, "roomName", $('#chatGroupNameInput').val()
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(renameGroup));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* inits a websocket by a given url, returned promise resolves with initialized websocket, rejects after failure/timeout.
|
|||
|
|
*
|
|||
|
|
* @param url the websocket url to init
|
|||
|
|
* @param existingWebsocket if passed and this passed websocket is already open, this existingWebsocket is resolved, no additional websocket is opened
|
|||
|
|
* @param timeoutMs the timeout in milliseconds for opening the websocket
|
|||
|
|
* @param numberOfRetries the number of times initializing the socket should be retried, if not specified or 0, no retries are made
|
|||
|
|
* and a failure/timeout causes rejection of the returned promise
|
|||
|
|
* @return {Promise}
|
|||
|
|
*/
|
|||
|
|
function initWebsocket(url, existingWebsocket, timeoutMs, numberOfRetries) {
|
|||
|
|
timeoutMs = timeoutMs ? timeoutMs : 1500;
|
|||
|
|
numberOfRetries = numberOfRetries ? numberOfRetries : 0;
|
|||
|
|
var hasReturned = false;
|
|||
|
|
var promise = new Promise((resolve, reject) => {
|
|||
|
|
setTimeout(function () {
|
|||
|
|
if(!hasReturned) {
|
|||
|
|
console.info('opening websocket timed out: ' + url);
|
|||
|
|
rejectInternal();
|
|||
|
|
}
|
|||
|
|
}, timeoutMs);
|
|||
|
|
if (!existingWebsocket || existingWebsocket.readyState !== existingWebsocket.OPEN) {
|
|||
|
|
if (existingWebsocket) {
|
|||
|
|
existingWebsocket.close();
|
|||
|
|
}
|
|||
|
|
var websocket = new WebSocket(url);
|
|||
|
|
websocket.onopen = function () {
|
|||
|
|
if(hasReturned) {
|
|||
|
|
websocket.close();
|
|||
|
|
} else {
|
|||
|
|
console.info('websocket to opened! url: ' + url);
|
|||
|
|
|
|||
|
|
let connectRequest = {
|
|||
|
|
"msg": "connect",
|
|||
|
|
"version": "1",
|
|||
|
|
"support": ["1", "pre2", "pre1"]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
websocket.send(JSON.stringify(connectRequest));
|
|||
|
|
|
|||
|
|
let loginRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "login",
|
|||
|
|
"id": "login",
|
|||
|
|
"params": [
|
|||
|
|
{"resume": $('#session_user_chat_token').val()}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
websocket.send(JSON.stringify(loginRequest));
|
|||
|
|
|
|||
|
|
websocket.onmessage = function (event) {
|
|||
|
|
let response = JSON.parse(event.data);
|
|||
|
|
if ($('#session_agency_id').val() === '93') {
|
|||
|
|
console.log('response', response);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// you have to pong back if you need to keep the connection alive
|
|||
|
|
// each ping from server need a 'pong' back
|
|||
|
|
if (response.msg === 'ping') {
|
|||
|
|
websocket.send(JSON.stringify({
|
|||
|
|
msg: 'pong'
|
|||
|
|
}));
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (response.msg === 'result') {
|
|||
|
|
if (response.id === 'login') {
|
|||
|
|
//подписываемся на изменения
|
|||
|
|
subscribeToChannelChanged();
|
|||
|
|
//получаем список каналов и список сообщений в дефолтном
|
|||
|
|
getChannels();
|
|||
|
|
}
|
|||
|
|
//получили список чатов - обновляем данные по нужной комнате
|
|||
|
|
if (response.id === 'roomInfo') {
|
|||
|
|
if (response.result && response.result.length > 0) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
response.result.forEach(function(element, index, array) {
|
|||
|
|
if (element._id === channelId) {
|
|||
|
|
if (element.t && element.t === 'd') {
|
|||
|
|
let channelName = '';
|
|||
|
|
element.usernames.forEach(function(element, index, array) {
|
|||
|
|
if (element !== $('#session_user_chat_username').val()) {
|
|||
|
|
channelName = findUserByUsername(element);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('.name-chat').html(channelName).show();
|
|||
|
|
} else {
|
|||
|
|
$('.name-chat').html(element.fname).show();
|
|||
|
|
}
|
|||
|
|
$('.quantity-participant').html('Участников: ' + element.usersCount).show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (response.id === 'saveRoomSettingsId') {
|
|||
|
|
if (response.result && response.result.result) {
|
|||
|
|
let newName = $('#chatGroupNameInput').val();
|
|||
|
|
|
|||
|
|
$('.rename-input').hide();
|
|||
|
|
$('#chatExtInfoName').html(newName);
|
|||
|
|
$('.name-chat').html(newName);
|
|||
|
|
$('.chat-block__left_item.active').find('.chat-block__left_item-text').find('.name').html(newName);
|
|||
|
|
$('.group-data__top_rename').show();
|
|||
|
|
$('#chatExtInfoName').show();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (response.id === 'saveRoomSettingsAvatar') {
|
|||
|
|
if (response.result && response.result.result) {
|
|||
|
|
let newAvatar = $('#chatGroupAvatarInput').val();
|
|||
|
|
|
|||
|
|
$('#changeGroupAvatarBlock').hide();
|
|||
|
|
if (newAvatar) {
|
|||
|
|
$('#chatGroupImage').attr('src', newAvatar);
|
|||
|
|
$('.chat-block__left_item.active').find('.chat-block__left_item-icon').find('img').attr('src', newAvatar);
|
|||
|
|
} else {
|
|||
|
|
$('#chatGroupImage').attr('src', '/images/chat/group.png');
|
|||
|
|
$('.chat-block__left_item.active').find('.chat-block__left_item-icon').find('img').attr('src', '/images/chat/group.png');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (response.id === 'extRoomInfo') {
|
|||
|
|
if (response.result && response.result.length > 0) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
response.result.forEach(function(element, index, array) {
|
|||
|
|
if (element._id === channelId) {
|
|||
|
|
if (element.t && element.t === 'd') {
|
|||
|
|
$('.group-data__top_rename').hide();
|
|||
|
|
$('.group-data__bottom').show();
|
|||
|
|
$('.group-data__center_list').css('height', '213px');
|
|||
|
|
let channelName = '';
|
|||
|
|
let channelLogo = '/images/chat/one.png';
|
|||
|
|
element.usernames.forEach(function(element, index, array) {
|
|||
|
|
if (element !== $('#session_user_chat_username').val()) {
|
|||
|
|
channelName = findUserByUsername(element);
|
|||
|
|
let logo = findLogoByUsername(element);
|
|||
|
|
if (logo) {
|
|||
|
|
channelLogo = logo;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#chatGroupImage').attr('src', channelLogo);
|
|||
|
|
|
|||
|
|
$('#chatExtInfoName').html(channelName);
|
|||
|
|
$('#chatExtInfoDate').html('Создана: ' + new Date(element.ts.$date).toLocaleString("ru", dateTimeOptions).replace(',',''));
|
|||
|
|
let html = '';
|
|||
|
|
element.usernames.forEach(function(member, index, array) {
|
|||
|
|
let name = findUserByUsername(member);
|
|||
|
|
let logo = findLogoByUsername(member);
|
|||
|
|
let logoHtml = '';
|
|||
|
|
|
|||
|
|
if (logo) {
|
|||
|
|
logoHtml = '<div class="group-data__center_item-icon"><img src="' + logo + '" alt="img"></div>'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html = html + '<div class="group-data__center_item">\n' + logoHtml +
|
|||
|
|
'<div class="group-data__center_item-name">\n' + name +
|
|||
|
|
'</div>\n' +
|
|||
|
|
'</div>'
|
|||
|
|
});
|
|||
|
|
$('.group-data__center_list').html(html);
|
|||
|
|
$('.chat-block__right_wrapper, .dots-modal').fadeOut(1);
|
|||
|
|
$('.group-data').fadeIn(100);
|
|||
|
|
} else {
|
|||
|
|
$('#chatGroupAvatarInput').val(element.description);
|
|||
|
|
$('#changeGroupAvatarBlock').hide();
|
|||
|
|
if (element.description) {
|
|||
|
|
$('#chatGroupImage').attr('src', element.description);
|
|||
|
|
} else {
|
|||
|
|
$('#chatGroupImage').attr('src', '/images/chat/group.png');
|
|||
|
|
}
|
|||
|
|
$('#chatExtInfoName').html(element.fname);
|
|||
|
|
$('#chatGroupNameInput').val(element.fname);
|
|||
|
|
$('#chatExtInfoDate').html('Создана: ' + new Date(element.ts.$date).toLocaleString("ru", dateTimeOptions).replace(',',''));
|
|||
|
|
blockChat();
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/getGroupUsers.php',
|
|||
|
|
method: "post",
|
|||
|
|
data: {
|
|||
|
|
"groupId": channelId
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
let result = JSON.parse(data);
|
|||
|
|
$('.group-data__center_list').html('');
|
|||
|
|
let html = '';
|
|||
|
|
if (result.success) {
|
|||
|
|
result.members.forEach(function(member, index, array) {
|
|||
|
|
|
|||
|
|
let name = findUserByUsername(member.username);
|
|||
|
|
let logo = findLogoByUsername(member.username);
|
|||
|
|
let logoHtml = '';
|
|||
|
|
|
|||
|
|
if (logo) {
|
|||
|
|
logoHtml = '<div class="group-data__center_item-icon"><img src="' + logo + '" alt="img"></div>'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let deleteUserHtml = '';
|
|||
|
|
|
|||
|
|
if ($('#session_user_chat_username').val() === element.u.username && element.u.username !== member.username) {
|
|||
|
|
$('.group-data__top_rename').show();
|
|||
|
|
deleteUserHtml = ' <button data-id="' + member._id + '" class="group-data__center_item-remove">\n' +
|
|||
|
|
' <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">\n' +
|
|||
|
|
'<g clip-path="url(#clip0)">\n' +
|
|||
|
|
'<path d="M10.5 2H8.95C8.83395 1.43571 8.52691 0.928673 8.08063 0.564359C7.63434 0.200045 7.0761 0.000727262 6.5 0L5.5 0C4.9239 0.000727262 4.36566 0.200045 3.91937 0.564359C3.47309 0.928673 3.16605 1.43571 3.05 2H1.5C1.36739 2 1.24021 2.05268 1.14645 2.14645C1.05268 2.24021 1 2.36739 1 2.5C1 2.63261 1.05268 2.75979 1.14645 2.85355C1.24021 2.94732 1.36739 3 1.5 3H2V9.5C2.00079 10.1628 2.26444 10.7982 2.73311 11.2669C3.20178 11.7356 3.8372 11.9992 4.5 12H7.5C8.1628 11.9992 8.79822 11.7356 9.26689 11.2669C9.73556 10.7982 9.99921 10.1628 10 9.5V3H10.5C10.6326 3 10.7598 2.94732 10.8536 2.85355C10.9473 2.75979 11 2.63261 11 2.5C11 2.36739 10.9473 2.24021 10.8536 2.14645C10.7598 2.05268 10.6326 2 10.5 2ZM5.5 1H6.5C6.81014 1.00038 7.11256 1.09669 7.36581 1.27572C7.61905 1.45476 7.81071 1.70775 7.9145 2H4.0855C4.18929 1.70775 4.38095 1.45476 4.63419 1.27572C4.88744 1.09669 5.18986 1.00038 5.5 1ZM9 9.5C9 9.89782 8.84197 10.2794 8.56066 10.5607C8.27936 10.842 7.89783 11 7.5 11H4.5C4.10218 11 3.72064 10.842 3.43934 10.5607C3.15804 10.2794 3 9.89782 3 9.5V3H9V9.5Z"\n' +
|
|||
|
|
' fill="#757579" />\n' +
|
|||
|
|
' <path d="M5 8.99998C5.13261 8.99998 5.25978 8.9473 5.35355 8.85354C5.44732 8.75977 5.5 8.63259 5.5 8.49998V5.5C5.5 5.36739 5.44732 5.24021 5.35355 5.14645C5.25978 5.05268 5.13261 5 5 5C4.86739 5 4.74021 5.05268 4.64645 5.14645C4.55268 5.24021 4.5 5.36739 4.5 5.5V8.49998C4.5 8.63259 4.55268 8.75977 4.64645 8.85354C4.74021 8.9473 4.86739 8.99998 5 8.99998Z"\n' +
|
|||
|
|
' fill="#757579" />\n' +
|
|||
|
|
'<path d="M7.00001 8.99998C7.13262 8.99998 7.2598 8.9473 7.35356 8.85354C7.44733 8.75977 7.50001 8.63259 7.50001 8.49998V5.5C7.50001 5.36739 7.44733 5.24021 7.35356 5.14645C7.2598 5.05268 7.13262 5 7.00001 5C6.8674 5 6.74022 5.05268 6.64645 5.14645C6.55268 5.24021 6.5 5.36739 6.5 5.5V8.49998C6.5 8.63259 6.55268 8.75977 6.64645 8.85354C6.74022 8.9473 6.8674 8.99998 7.00001 8.99998Z"\n' +
|
|||
|
|
' fill="#757579" />\n' +
|
|||
|
|
'</g>\n' +
|
|||
|
|
'<defs><clipPath id="clip0"><rect width="12" height="12" fill="white" /></clipPath></defs>\n' +
|
|||
|
|
'</svg>\n' +
|
|||
|
|
'</button>\n'
|
|||
|
|
} else {
|
|||
|
|
$('.group-data__top_rename').hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html = html + '<div class="group-data__center_item">\n' + logoHtml +
|
|||
|
|
'<div class="group-data__center_item-name">\n' + name +
|
|||
|
|
'</div>\n' + deleteUserHtml +
|
|||
|
|
'</div>'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
$('.group-data__center_list').html(html);
|
|||
|
|
if ($('#session_user_chat_username').val() === element.u.username && element._id !== $('#session_agency_channel_id').val()) {
|
|||
|
|
$('.group-data__bottom').show();
|
|||
|
|
$('.group-data__center_list').css('height', '213px');
|
|||
|
|
} else {
|
|||
|
|
$('.group-data__bottom').hide();
|
|||
|
|
$('.group-data__center_list').css('height', '281px');
|
|||
|
|
}
|
|||
|
|
$('.chat-block__right_wrapper, .dots-modal').fadeOut(1);
|
|||
|
|
$('.group-data').fadeIn(100);
|
|||
|
|
unBlockChat();
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//получили список чатов - обновляем
|
|||
|
|
if (response.id === 'rooms') {
|
|||
|
|
if (response.result && response.result.length > 0) {
|
|||
|
|
let currentDate = new Date();
|
|||
|
|
let yesterday = new Date(currentDate);
|
|||
|
|
yesterday.setDate(yesterday.getDate() - 1);
|
|||
|
|
|
|||
|
|
//очищаем
|
|||
|
|
let html = '';
|
|||
|
|
let active = '';
|
|||
|
|
let group = '';
|
|||
|
|
$('.chat-block__left_list').html('');
|
|||
|
|
response.result.forEach(function(element, index, array) {
|
|||
|
|
if (lastCreatedChannelName !== null) {
|
|||
|
|
if (element.fname === lastCreatedChannelName) {
|
|||
|
|
active = activeChannelClass;
|
|||
|
|
lastCreatedChannelId = element._id;
|
|||
|
|
$('.name-chat').html(element.fname).show();
|
|||
|
|
$('.quantity-participant').html('Участников: ' + element.usersCount).show();
|
|||
|
|
} else {
|
|||
|
|
active = '';
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (index === 0) {
|
|||
|
|
active = activeChannelClass;
|
|||
|
|
$('.name-chat').html(element.fname).show();
|
|||
|
|
$('.quantity-participant').html('Участников: ' + element.usersCount).show();
|
|||
|
|
} else {
|
|||
|
|
active = '';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (element.t && element.t === 'd') {
|
|||
|
|
group = '';
|
|||
|
|
} else {
|
|||
|
|
group = groupChannelClass;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let lastMessage = '<span class="letter"></span><span class="when"></span>';
|
|||
|
|
|
|||
|
|
if (element.lastMessage) {
|
|||
|
|
let date = new Date(element.lastMessage.ts.$date);
|
|||
|
|
|
|||
|
|
lastMessage = '<span class="letter">' + element.lastMessage.msg +
|
|||
|
|
'</span><span class="when">' + getDateFill(currentDate, yesterday, date) + '</span>';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (element.t && element.t === 'd') {
|
|||
|
|
let channelName = '';
|
|||
|
|
let channelLogo = '<div class="chat-block__left_item-icon"><img src="/images/chat/one.png" alt="img"></div>';
|
|||
|
|
element.usernames.forEach(function(element, index, array) {
|
|||
|
|
if (element !== $('#session_user_chat_username').val()) {
|
|||
|
|
channelName = findUserByUsername(element);
|
|||
|
|
let logo = findLogoByUsername(element);
|
|||
|
|
if (logo) {
|
|||
|
|
channelLogo = '<div class="chat-block__left_item-icon"><img src="' + logo + '" alt="img"></div>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.name-chat').html(channelName).show();
|
|||
|
|
|
|||
|
|
html += '<div data-type="d" data-admin="' + $('#session_user_chat_username').val() + '" data-id="' + element._id + '" class="chat-block__left_item ' + active + '">' + channelLogo + '<div class="chat-block__left_item-text"><span class="name ' + group + '">' + channelName + '</span>' + lastMessage + '</div></div>';
|
|||
|
|
} else {
|
|||
|
|
let channelLogo = '<div class="chat-block__left_item-icon"><img src="/images/chat/group.png" alt="img"></div>';
|
|||
|
|
|
|||
|
|
if (element.description) {
|
|||
|
|
channelLogo = '<div class="chat-block__left_item-icon"><img src="' + element.description + '" alt="img"></div>';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html += '<div data-type="g" data-admin="' + element.u.username + '" data-id="' + element._id + '" class="chat-block__left_item ' + active + '">' + channelLogo +'<div class="chat-block__left_item-text"><span class="name ' + group + '">' + element.fname + '</span>' + lastMessage + '</div></div>';
|
|||
|
|
}
|
|||
|
|
//подписываемся на канал для получения сообщений
|
|||
|
|
subscribeToChannelMessages(element._id);
|
|||
|
|
});
|
|||
|
|
if (lastCreatedChannelId !== null) {
|
|||
|
|
getChannelMessages(lastCreatedChannelId);
|
|||
|
|
}
|
|||
|
|
lastCreatedChannelId = null;
|
|||
|
|
lastCreatedChannelName = null;
|
|||
|
|
$('.chat-block__left_list').html(html);
|
|||
|
|
//список каналов
|
|||
|
|
$('.chat-block__left_list').show();
|
|||
|
|
if (needLoadDefaultChannelMessages) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
getChannelMessages(channelId);
|
|||
|
|
}
|
|||
|
|
needLoadDefaultChannelMessages = false;
|
|||
|
|
}
|
|||
|
|
//строка отпарвки в чат
|
|||
|
|
$('.chat-block__right_bottom').show();
|
|||
|
|
getSubscriptions();
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(response.id === 'createDirectMessageNew') {
|
|||
|
|
let rid = response.result.rid;
|
|||
|
|
$('.modal-add__two').fadeOut(100);
|
|||
|
|
$('.modal-add__one').fadeIn(100);
|
|||
|
|
$('.modal-add').fadeOut(100);
|
|||
|
|
$(".modal-add").css('height', '123px');
|
|||
|
|
|
|||
|
|
let messageChannelDiv = $("div[data-id='" + rid + "']");
|
|||
|
|
|
|||
|
|
if (messageChannelDiv && messageChannelDiv.length > 0) {
|
|||
|
|
messageChannelDiv.click();
|
|||
|
|
} else {
|
|||
|
|
let channelName = '';
|
|||
|
|
let channelLogo = '<div class="chat-block__left_item-icon"><img src="/images/chat/one.png" alt="img"></div>';
|
|||
|
|
response.result.usernames.forEach(function(element, index, array) {
|
|||
|
|
if (element !== $('#session_user_chat_username').val()) {
|
|||
|
|
channelName = findUserByUsername(element);
|
|||
|
|
let logo = findLogoByUsername(element);
|
|||
|
|
if (logo) {
|
|||
|
|
channelLogo = '<div class="chat-block__left_item-icon"><img src="' + logo + '" alt="img"></div>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
let html = '<div data-type="d" data-admin="' + $('#session_user_chat_username').val() + '" data-id="' + rid + '" class="chat-block__left_item">' + channelLogo +'<div class="chat-block__left_item-text"><span class="name ">' + channelName + '</span></div></div>';
|
|||
|
|
//подписываемся на канал для получения сообщений
|
|||
|
|
subscribeToChannelMessages(rid);
|
|||
|
|
$('.chat-block__left_list').html($('.chat-block__left_list').html() + html);
|
|||
|
|
messageChannelDiv = $("div[data-id='" + rid + "']");
|
|||
|
|
|
|||
|
|
if (messageChannelDiv && messageChannelDiv.length > 0) {
|
|||
|
|
messageChannelDiv.click();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (response.id === 'subscriptions') {
|
|||
|
|
if (response.result && response.result.length > 0) {
|
|||
|
|
|
|||
|
|
let count = 0;
|
|||
|
|
response.result.forEach(function(element, index, array) {
|
|||
|
|
if (element && element.unread) {
|
|||
|
|
count = count + element.unread;
|
|||
|
|
updateCounters(element, element.unread);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(".open-chat .quantity-message").html(count);
|
|||
|
|
if (count) {
|
|||
|
|
$(".open-chat .quantity-message").show();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (response.id === 'messages') {
|
|||
|
|
if (response.result && response.result.messages.length > 0) {
|
|||
|
|
let result = printMessages('', response.result.messages, true);
|
|||
|
|
$('#chat-content').html(result[0]);
|
|||
|
|
loadNewPage = true;
|
|||
|
|
$('#chat-content').animate({scrollTop: $('#chat-content').prop('scrollHeight')}, 1000);
|
|||
|
|
loadNewPage = false;
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
readChannelMessages(channelId);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (response.result.messages.length === 0) {
|
|||
|
|
$('#chat-content').html('');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
setupScrollEvents();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (response.id === 'prevMessages') {
|
|||
|
|
if (response.result && response.result.messages.length > 0) {
|
|||
|
|
//формируем HTML
|
|||
|
|
let res = printMessages('', response.result.messages, false);
|
|||
|
|
let timeArr = res[1];
|
|||
|
|
|
|||
|
|
let prevHtml = $('#chat-content').html();
|
|||
|
|
|
|||
|
|
timeArr.forEach(function (element, index, array) {
|
|||
|
|
if (prevHtml.includes(element)) {
|
|||
|
|
prevHtml = prevHtml.replace(element, "");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//объединяем
|
|||
|
|
let result = res[0] + prevHtml;
|
|||
|
|
//выводим
|
|||
|
|
$('#chat-content').html(result);
|
|||
|
|
//перематываем наверх
|
|||
|
|
loadNewPage = true;
|
|||
|
|
$('#chat-content').animate({scrollTop: 10}, 1000);
|
|||
|
|
loadNewPage = false;
|
|||
|
|
}
|
|||
|
|
loadNewPage = false;
|
|||
|
|
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (response.id === 'message') {
|
|||
|
|
$('#chat-message-input').val('');
|
|||
|
|
$('#chat-message-input').focus();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (response.id === 'deleteRoom') {
|
|||
|
|
$('.chat-block__right_wrapper').show(100);
|
|||
|
|
$('.group-data').hide(10);
|
|||
|
|
getChannels();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (response.id === 'leaveRoom') {
|
|||
|
|
$('.chat-block__right_wrapper').show(100);
|
|||
|
|
$('.dots-modal').fadeOut(100);
|
|||
|
|
$('.group-data').hide(10);
|
|||
|
|
needLoadDefaultChannelMessages = true;
|
|||
|
|
getChannels();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (response.msg === 'changed') {
|
|||
|
|
if (response.collection === 'stream-room-messages') {
|
|||
|
|
if (response.fields && response.fields.args && response.fields.args.length > 0) {
|
|||
|
|
//если чат открыт - выводим сообщения
|
|||
|
|
if ($(".chat-main-block").is(":visible")) {
|
|||
|
|
//будем проверять тут наличие отметок по датам
|
|||
|
|
let prevHtml = $('#chat-content').html();
|
|||
|
|
//формируем HTML
|
|||
|
|
let res = printMessages(prevHtml, response.fields.args, true);
|
|||
|
|
//объединяем
|
|||
|
|
let result = prevHtml + res[0];
|
|||
|
|
//показываем
|
|||
|
|
$('#chat-content').html(result);
|
|||
|
|
//скроллим вниз
|
|||
|
|
loadNewPage = true;
|
|||
|
|
$('#chat-content').animate({scrollTop: $('#chat-content').prop('scrollHeight')}, 1000);
|
|||
|
|
loadNewPage = false;
|
|||
|
|
} else {
|
|||
|
|
//иначе просто обновляем общий счетчик
|
|||
|
|
let count = $(".open-chat .quantity-message").html();
|
|||
|
|
if (count) {
|
|||
|
|
$(".open-chat .quantity-message").html(+count + response.fields.args.length);
|
|||
|
|
} else {
|
|||
|
|
$(".open-chat .quantity-message").html(response.fields.args.length);
|
|||
|
|
}
|
|||
|
|
$(".open-chat .quantity-message").show();
|
|||
|
|
//и счетчики каналов
|
|||
|
|
response.fields.args.forEach(function (element, index, array) {
|
|||
|
|
updateCounters(element, 1);
|
|||
|
|
showBottomMessage(element);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (response.collection === 'stream-notify-user') {
|
|||
|
|
if (response.fields && response.fields.args && response.fields.args.length > 0) {
|
|||
|
|
if (response.fields.args[0] === 'inserted') {
|
|||
|
|
let channelInfo = response.fields.args[1];
|
|||
|
|
|
|||
|
|
if (channelInfo.u.username !== $('#session_user_chat_username').val()) {
|
|||
|
|
if (element.t && element.t === 'd') {
|
|||
|
|
let channelName = '';
|
|||
|
|
let channelLogo = '<div class="chat-block__left_item-icon"><img src="/images/chat/one.png" alt="img"></div>';
|
|||
|
|
element.usernames.forEach(function(element, index, array) {
|
|||
|
|
if (element !== $('#session_user_chat_username').val()) {
|
|||
|
|
channelName = findUserByUsername(element);
|
|||
|
|
let logo = findLogoByUsername(element);
|
|||
|
|
if (logo) {
|
|||
|
|
channelLogo = '<div class="chat-block__left_item-icon"><img src="' + logo + '" alt="img"></div>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
let html = '<div data-type="d" data-admin="' + $('#session_user_chat_username').val() + '" data-id="' + channelInfo.rid + '" class="chat-block__left_item">' + channelLogo +'<div class="chat-block__left_item-text"><span class="name ">' + channelName + '</span></div></div>';
|
|||
|
|
} else {
|
|||
|
|
let channelLogo = '<div class="chat-block__left_item-icon"><img src="/images/chat/group.png" alt="img"></div>';
|
|||
|
|
let html = '<div data-type="g" data-admin="' + channelInfo.u.username + '" data-id="' + channelInfo.rid + '" class="chat-block__left_item">' + channelLogo + '<div class="chat-block__left_item-text"><span class="name ">' + channelInfo.fname + '</span></div></div>';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//подписываемся на канал для получения сообщений
|
|||
|
|
subscribeToChannelMessages(channelInfo.rid);
|
|||
|
|
$('.chat-block__left_list').html($('.chat-block__left_list').html() + html);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
resolve(websocket);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
websocket.onclose = function () {
|
|||
|
|
console.info('websocket closed! url: ' + url);
|
|||
|
|
rejectInternal();
|
|||
|
|
};
|
|||
|
|
websocket.onerror = function () {
|
|||
|
|
console.info('websocket error! url: ' + url);
|
|||
|
|
|
|||
|
|
if (websocket && websocket.readyState === WebSocket.CLOSED) {
|
|||
|
|
$('#chat-content').html('<div id="empty_agency_chat" style="font-weight: bold;margin: 100px 0;text-align: center;font-size: 20px;">Произошла ошибка, обратитесь к администратору.</div>');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
rejectInternal();
|
|||
|
|
};
|
|||
|
|
} else {
|
|||
|
|
resolve(existingWebsocket);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function rejectInternal() {
|
|||
|
|
if(numberOfRetries <= 0) {
|
|||
|
|
reject();
|
|||
|
|
} else if(!hasReturned) {
|
|||
|
|
hasReturned = true;
|
|||
|
|
console.info('retrying connection to websocket! url: ' + url + ', remaining retries: ' + (numberOfRetries-1));
|
|||
|
|
initWebsocket(url, null, timeoutMs, numberOfRetries-1).then(resolve, reject);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
promise.then(function () {hasReturned = true;}, function () {hasReturned = true;});
|
|||
|
|
return promise;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setupChat() {
|
|||
|
|
if($('#session_user_chat_token').length || $('#session_user_chat_user_id').length) {
|
|||
|
|
|
|||
|
|
initWebsocket("wss://rocket.joywork.ru/websocket", null, 10000, 5).then(function(socket){
|
|||
|
|
console.log('socket initialized!');
|
|||
|
|
rocketChatSocket = socket;
|
|||
|
|
|
|||
|
|
}, function(){
|
|||
|
|
console.log('init of socket failed!');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isFeedAtTop() {
|
|||
|
|
return 0 === document.getElementById("chat-content").scrollTop;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setupScrollEvents() {
|
|||
|
|
document.getElementById("chat-content").addEventListener("scroll", onScrollMessagesPart);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onScrollMessagesPart() {
|
|||
|
|
if (isFeedAtTop() && !loadNewPage) {
|
|||
|
|
loadNewPage = true;
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
loadPrevPage(channelId);
|
|||
|
|
} else {
|
|||
|
|
loadNewPage = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function loadPrevPage(channelId) {
|
|||
|
|
let time = null;
|
|||
|
|
if (channelsTimes && channelsTimes[channelId]) {
|
|||
|
|
time = channelsTimes[channelId];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getChannelMessages(channelId, time);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function printMessages(prevHtml, messages, updateChatLine) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
|
|||
|
|
let html = '';
|
|||
|
|
|
|||
|
|
let currentDate = new Date();
|
|||
|
|
let yesterday = new Date(currentDate);
|
|||
|
|
yesterday.setDate(yesterday.getDate() - 1);
|
|||
|
|
|
|||
|
|
let lastDate = null;
|
|||
|
|
//массив для хранения строк с выводом даты, чтобы потом удалить
|
|||
|
|
let dateLines = [];
|
|||
|
|
messages.reverse().forEach(function (element, index, array) {
|
|||
|
|
|
|||
|
|
let date = new Date(element.ts.$date);
|
|||
|
|
|
|||
|
|
if (updateChatLine) {
|
|||
|
|
let messageChannelDiv = $("div[data-id='" + element.rid + "']");
|
|||
|
|
|
|||
|
|
if (messageChannelDiv && messageChannelDiv.length > 0) {
|
|||
|
|
let text = element.msg;
|
|||
|
|
if (element.t) {
|
|||
|
|
|
|||
|
|
if (element.t === 'au') {
|
|||
|
|
text = 'Пользователь ' + findUserByUsername(element.msg) + ' добавлен в группу';
|
|||
|
|
}
|
|||
|
|
if (element.t === 'ru') {
|
|||
|
|
text = 'Пользователь ' + findUserByUsername(element.msg) + ' удален из группы';
|
|||
|
|
}
|
|||
|
|
if (element.t === 'r') {
|
|||
|
|
text = 'Группа переименована, новое наименование ' + element.msg;
|
|||
|
|
}
|
|||
|
|
if (element.t === 'room_changed_description') {
|
|||
|
|
text = 'Изменен аватар группы на ' + element.msg;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (text.length > 30) {
|
|||
|
|
text = text.slice(0, 30) + '...';
|
|||
|
|
}
|
|||
|
|
messageChannelDiv.find('.letter').html(text);
|
|||
|
|
messageChannelDiv.find('.when').html(getDateFill(currentDate, yesterday, date));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//если сообщение в текущий канал - пишем и показываем
|
|||
|
|
if (channelId === element.rid) {
|
|||
|
|
|
|||
|
|
if (channelsTimes && channelsTimes[channelId]) {
|
|||
|
|
let time = channelsTimes[channelId];
|
|||
|
|
if (time > element.ts.$date) {
|
|||
|
|
channelsTimes[channelId] = element.ts.$date
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
channelsTimes[channelId] = element.ts.$date;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let dateLine = '<div class="chat-block__right_field-when">' + getDateFill(currentDate, yesterday, date) + '</div>';
|
|||
|
|
dateLines.push(dateLine);
|
|||
|
|
|
|||
|
|
if (lastDate === null) {
|
|||
|
|
let result = dateLine;
|
|||
|
|
if (!prevHtml.includes(result) && !html.includes(result)) {
|
|||
|
|
html += result;
|
|||
|
|
}
|
|||
|
|
lastDate = date;
|
|||
|
|
} else {
|
|||
|
|
if (!isSameDate(lastDate, date)) {
|
|||
|
|
html += dateLine;
|
|||
|
|
}
|
|||
|
|
lastDate = date;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (element.t && element.t === 'au') {
|
|||
|
|
html += '<div id="' + element._id + '" class="message"><div class="message__block"><button class="message__block_name">Администратор</button><span class="message__block_text" style="font-weight:bold;">Пользователь ' + findUserByUsername(element.msg) + ' добавлен в группу</span><span class="message__block_time">' + date.toLocaleString("ru", dateTimeOptions).replace(',', '') + '</span></div></div>';
|
|||
|
|
} else {
|
|||
|
|
if (element.t && element.t === 'ru') {
|
|||
|
|
html += '<div id="' + element._id + '" class="message"><div class="message__block"><button class="message__block_name">' + findUserByUsername(element.u.username) + '</button><span class="message__block_text" style="font-weight:bold;">Пользователь ' + findUserByUsername(element.msg) + ' исключен из группы</span><span class="message__block_time">' + date.toLocaleString("ru", dateTimeOptions).replace(',', '') + '</span></div></div>';
|
|||
|
|
} else {
|
|||
|
|
if (element.t && element.t === 'r') {
|
|||
|
|
html += '<div id="' + element._id + '" class="message"><div class="message__block"><button class="message__block_name">' + findUserByUsername(element.u.username) + '</button><span class="message__block_text" style="font-weight:bold;">Группа переименована, новое наименование ' + element.msg + '</span><span class="message__block_time">' + date.toLocaleString("ru", dateTimeOptions).replace(',', '') + '</span></div></div>';
|
|||
|
|
} else {
|
|||
|
|
if (element.t && element.t === 'room_changed_description') {
|
|||
|
|
html += '<div id="' + element._id + '" class="message"><div class="message__block"><button class="message__block_name">' + findUserByUsername(element.u.username) + '</button><span class="message__block_text" style="font-weight:bold;">Изменен аватар группы на ' + element.msg + '</span><span class="message__block_time">' + date.toLocaleString("ru", dateTimeOptions).replace(',', '') + '</span></div></div>';
|
|||
|
|
} else {
|
|||
|
|
let imgBlock = '';
|
|||
|
|
let logo = findLogoByUsername(element.u.username);
|
|||
|
|
if (logo) {
|
|||
|
|
imgBlock = '<div class="message__icon"><img src="' + logo + '" alt="img"></div>';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let message = element.msg;
|
|||
|
|
//формируем перенос строки
|
|||
|
|
message = message.replace(/\n/g, "<br/>");
|
|||
|
|
|
|||
|
|
html += '<div id="' + element._id + '" class="message">' + imgBlock + '<div class="message__block"><button class="message__block_name">' + findUserByUsername(element.u.username) + '</button><span class="message__block_text">' + message + '</span><span class="message__block_time">' + date.toLocaleString("ru", dateTimeOptions).replace(',', '') + '</span></div></div>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
//меняем количество в счетчиках
|
|||
|
|
updateCounters(element, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return [html, dateLines];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showBottomMessage(element) {
|
|||
|
|
if (element.u.username !== $('#session_user_chat_username').val() && !element.t) {
|
|||
|
|
|
|||
|
|
let id = element._id;
|
|||
|
|
|
|||
|
|
let newZIndex = defaultZIndex + $('.new-message').length;
|
|||
|
|
|
|||
|
|
let html = '<div class="new-message" data-channel="' + element.rid + '" style="z-index: ' + newZIndex + '" id="' + id + '">';
|
|||
|
|
html = html + '<div class="new-message__top">';
|
|||
|
|
html = html + '<span>Новое сообщение</span>';
|
|||
|
|
html = html + '<img class="closed new-message__top_closed" src="/images/chat/close-icon.svg" alt="img">';
|
|||
|
|
html = html + '</div>';
|
|||
|
|
html = html + '<div class="new-message__bottom">';
|
|||
|
|
let logo = findLogoByUsername(element.u.username);
|
|||
|
|
if (logo) {
|
|||
|
|
html = html + '<div class="new-message__bottom_icon">';
|
|||
|
|
html = html + '<img src="' + logo + '" alt="img">';
|
|||
|
|
html = html + '</div>';
|
|||
|
|
}
|
|||
|
|
html = html + '<div class="new-message__bottom_right">';
|
|||
|
|
html = html + findUserByUsername(element.u.username);
|
|||
|
|
html = html + '</button>';
|
|||
|
|
html = html + '<span class="new-message__bottom_text">';
|
|||
|
|
if (element.msg.length > 30) {
|
|||
|
|
html = html + element.msg.slice(0, 30) + '...';
|
|||
|
|
} else {
|
|||
|
|
html = html + element.msg;
|
|||
|
|
}
|
|||
|
|
html = html + '</span>';
|
|||
|
|
html = html + '<span class="new-message__bottom_time">';
|
|||
|
|
html = html + new Date(element.ts.$date).toLocaleTimeString("ru", timeOptions).replace(',','');
|
|||
|
|
html = html + '</span>';
|
|||
|
|
html = html + '</div>';
|
|||
|
|
html = html + '</div>';
|
|||
|
|
html = html + '</div>';
|
|||
|
|
|
|||
|
|
if ($('.new-message').length > 0) {
|
|||
|
|
//будет показан поверх всех
|
|||
|
|
$('.new-message').first().before(html);
|
|||
|
|
} else {
|
|||
|
|
$('.chat-main-block').after(html);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*setTimeout(function() {
|
|||
|
|
$('#' + id).remove();
|
|||
|
|
}, 3000);*/
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function updateCounters(element, newMessagesCnt = 1) {
|
|||
|
|
|
|||
|
|
if (!newMessagesCnt) {
|
|||
|
|
newMessagesCnt = element.unread;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let messageChannelDiv = $("div[data-id='" + element.rid + "']");
|
|||
|
|
|
|||
|
|
if (messageChannelDiv && messageChannelDiv.length > 0) {
|
|||
|
|
if ($(messageChannelDiv).find('.chat-block__left_item-quantity').length === 0) {
|
|||
|
|
$(messageChannelDiv).html($(messageChannelDiv).html() + '<div class="chat-block__left_item-quantity"></div>');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let count = $(messageChannelDiv).find('.chat-block__left_item-quantity').html();
|
|||
|
|
|
|||
|
|
if (count) {
|
|||
|
|
$(messageChannelDiv).find('.chat-block__left_item-quantity').html(+count + newMessagesCnt);
|
|||
|
|
} else {
|
|||
|
|
$(messageChannelDiv).find('.chat-block__left_item-quantity').html(newMessagesCnt);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function sendChatMesasge() {
|
|||
|
|
let message = $('#chat-message-input').val();
|
|||
|
|
|
|||
|
|
if (message && $('.chat-block__left_item.active').length > 0 && rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').attr('data-id');
|
|||
|
|
|
|||
|
|
let mesageSendRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "sendMessage",
|
|||
|
|
"id": "message",
|
|||
|
|
"params": [
|
|||
|
|
{
|
|||
|
|
"_id": String(generateHash(17)),
|
|||
|
|
"rid": channelId,
|
|||
|
|
"msg": message
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(mesageSendRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getDateFill(currentDate, yesterday, fromDate) {
|
|||
|
|
if (isSameDate(currentDate, fromDate)) {
|
|||
|
|
return 'Сегодня';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (isSameDate(yesterday, fromDate)) {
|
|||
|
|
return 'Вчера';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return fromDate.toLocaleString("ru", dateOptions).replace(',','');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isSameDate(currentDate, fromDate) {
|
|||
|
|
return currentDate.getDate() === fromDate.getDate() && currentDate.getMonth() === fromDate.getMonth() &&
|
|||
|
|
currentDate.getFullYear() === fromDate.getFullYear();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function findUserByUsername(username) {
|
|||
|
|
let userFio = username;
|
|||
|
|
userNamesArray.forEach(function (element, index, array) {
|
|||
|
|
if (element.chat_login === username) {
|
|||
|
|
if (element.middle_name) {
|
|||
|
|
userFio = element.last_name + ' ' + element.first_name + ' ' + element.middle_name;
|
|||
|
|
} else {
|
|||
|
|
userFio = element.last_name + ' ' + element.first_name;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return userFio;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function findLogoByUsername(username) {
|
|||
|
|
let userLogo = '';
|
|||
|
|
userNamesArray.forEach(function (element, index, array) {
|
|||
|
|
if (element.chat_login === username) {
|
|||
|
|
if (element.user_logo) {
|
|||
|
|
userLogo = '/photos/agency/' + element.user_logo;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return userLogo;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function deleteGroup() {
|
|||
|
|
if ($('.chat-block__left_item.active').length > 0) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').attr('data-id');
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let roomDeleteRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "eraseRoom",
|
|||
|
|
"id": "deleteRoom",
|
|||
|
|
"params": [ channelId ]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(roomDeleteRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function generateHash(targetLength) {
|
|||
|
|
var text = '';
|
|||
|
|
var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
|||
|
|
|
|||
|
|
for (var i = 0; i < targetLength; i++)
|
|||
|
|
text += possible.charAt(Math.floor(Math.random() * possible.length));
|
|||
|
|
|
|||
|
|
return text;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function openChat() {
|
|||
|
|
if(!$('#session_user_chat_token').length || !$('#session_user_chat_user_id').length) {
|
|||
|
|
if ($('#session_admin_rights').val() === "1") {
|
|||
|
|
$('#chat-content').html('<div id="empty_agency_chat" style="font-weight: bold;margin: 100px 0;text-align: center;font-size: 20px;">Необходимо создать Общий чат агентства. Нажмите на зеленый + вверху и введите название общего чата. Все сотрудники будут добавлены в него автоматически.</div>');
|
|||
|
|
} else {
|
|||
|
|
$('#chat-content').html('<div id="empty_agency_chat" style="font-weight: bold;margin: 100px 0;text-align: center;font-size: 20px;">Необходимо создать Общий чат агентства. Обратитесь к своему руководителю.</div>');
|
|||
|
|
}
|
|||
|
|
$('.chat-main-block .chat-block__top_left-icon').hide();
|
|||
|
|
} else {
|
|||
|
|
$('#chat-content').html('<div id="empty_agency_chat" style="font-weight: bold;margin: 100px 0;text-align: center;font-size: 20px;">Идет процесс получения данных...</div>');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(!$('#session_agency_channel_id').length) {
|
|||
|
|
if ($('#session_admin_rights').val() === "1") {
|
|||
|
|
$('.chat-main-block .chat-main-block .chat-block__top_left-add').show();
|
|||
|
|
$('#agencyChatCreate').show();
|
|||
|
|
$('#otherChatCreate').hide();
|
|||
|
|
} else {
|
|||
|
|
$('.chat-main-block .chat-block__top_left-add').hide();
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$('.chat-main-block .chat-block__top_left-add').show();
|
|||
|
|
$('#agencyChatCreate').hide();
|
|||
|
|
$('#otherChatCreate').show();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ($('.chat-block__left_item.active').length > 0) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').attr('data-id');
|
|||
|
|
getChannelMessages(channelId, null);
|
|||
|
|
//удаляем счетчик
|
|||
|
|
if ($('.chat-block__left_item.active').find('.chat-block__left_item-quantity').length > 0) {
|
|||
|
|
$('.chat-block__left_item.active').find('.chat-block__left_item-quantity').remove();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
recalculateTopCounter();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$('.chat-main-block .dots-modal-show').show();
|
|||
|
|
|
|||
|
|
//$('.chat-block__top_left-burger').click();
|
|||
|
|
|
|||
|
|
loadNewPage = true;
|
|||
|
|
$(".chat-main-block").fadeIn(500);
|
|||
|
|
loadNewPage = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function recalculateTopCounter() {
|
|||
|
|
let sum = 0;
|
|||
|
|
|
|||
|
|
$('.chat-block__left_item').each(function (index, element) {
|
|||
|
|
if($(element).closest('.chat-cian').length == 0) {
|
|||
|
|
if ($(element).find('.chat-block__left_item-quantity').length > 0) {
|
|||
|
|
let html = $(element).find('.chat-block__left_item-quantity').html();
|
|||
|
|
if (html) {
|
|||
|
|
sum = +html + sum;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (sum) {
|
|||
|
|
$(".open-chat .quantity-message").html(sum);
|
|||
|
|
$(".open-chat .quantity-message").show();
|
|||
|
|
} else {
|
|||
|
|
$(".open-chat .quantity-message").html('');
|
|||
|
|
$(".open-chat .quantity-message").hide();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getChannels() {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let roomsRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "rooms/get",
|
|||
|
|
"id": "rooms",
|
|||
|
|
"params": [
|
|||
|
|
{"date": 0}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(roomsRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getChannelInfo() {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let roomsRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "rooms/get",
|
|||
|
|
"id": "roomInfo",
|
|||
|
|
"params": [
|
|||
|
|
{"date": 0}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(roomsRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getExtChannelInfo() {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let roomsRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "rooms/get",
|
|||
|
|
"id": "extRoomInfo",
|
|||
|
|
"params": [
|
|||
|
|
{"date": 0}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(roomsRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function createDirect(username) {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let directRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "createDirectMessage",
|
|||
|
|
"id": "createDirectMessageNew",
|
|||
|
|
"params": [username]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(directRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function leaveChat() {
|
|||
|
|
if (confirm("Покинуть беседу?")) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let leaveRoomRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "leaveRoom",
|
|||
|
|
"id": "leaveRoom",
|
|||
|
|
"params": [ channelId ]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(leaveRoomRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clearChat() {
|
|||
|
|
if (confirm("Удалить все сообщения в беседе?")) {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
blockChat();
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/clearChannel.php',
|
|||
|
|
method: "post",
|
|||
|
|
data: {
|
|||
|
|
"groupId": channelId
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data) {
|
|||
|
|
console.log(data);
|
|||
|
|
}
|
|||
|
|
$('.chat-block__left_item.active').find('.letter').html('');
|
|||
|
|
$('.chat-block__left_item.active').find('.when').html('');
|
|||
|
|
$('#chat-content').html('');
|
|||
|
|
$('.dots-modal').fadeOut(100);
|
|||
|
|
unBlockChat();
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getSubscriptions() {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let getSubscriptionsRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "subscriptions/get",
|
|||
|
|
"id": "subscriptions",
|
|||
|
|
"params": [
|
|||
|
|
{"date": 0}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(getSubscriptionsRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getChannelMessages(channelId, time) {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let timeParam = null;
|
|||
|
|
let id = "messages";
|
|||
|
|
|
|||
|
|
if (time) {
|
|||
|
|
timeParam = { "$date": time };
|
|||
|
|
id = "prevMessages";
|
|||
|
|
} else {
|
|||
|
|
channelsTimes[channelId] = 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let messagesRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "loadHistory",
|
|||
|
|
"id": id,
|
|||
|
|
"params": [ channelId, timeParam, 20, { "$date": new Date().getTime() }]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(messagesRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function readChannelMessages(channelId) {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
let messagesRequest = {
|
|||
|
|
"msg": "method",
|
|||
|
|
"method": "readMessages",
|
|||
|
|
"id": "readChannelMessages",
|
|||
|
|
"params": [ channelId]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(messagesRequest));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function subscribeToChannelMessages(channelId) {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
|
|||
|
|
let channelMessagesUnsub = {
|
|||
|
|
"msg": "unsub",
|
|||
|
|
"id": channelId
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(channelMessagesUnsub));
|
|||
|
|
|
|||
|
|
let channelMessagesSub = {
|
|||
|
|
"msg": "sub",
|
|||
|
|
"id": channelId,
|
|||
|
|
"name": "stream-room-messages",
|
|||
|
|
"params":[ channelId, false ]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(channelMessagesSub));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function subscribeToChannelChanged() {
|
|||
|
|
if (rocketChatSocket && rocketChatSocket.readyState === WebSocket.OPEN) {
|
|||
|
|
|
|||
|
|
let channelMessagesUnsub = {
|
|||
|
|
"msg": "unsub",
|
|||
|
|
"id": "streamNotifyUser"
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(channelMessagesUnsub));
|
|||
|
|
|
|||
|
|
let channelMessagesSub = {
|
|||
|
|
"msg": "sub",
|
|||
|
|
"id": "streamNotifyUser",
|
|||
|
|
"name": "stream-notify-user",
|
|||
|
|
"params":[ $('#session_user_chat_user_id').val() + '/subscriptions-changed', false ]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
rocketChatSocket.send(JSON.stringify(channelMessagesSub));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addUsersToChannel() {
|
|||
|
|
let channelId = $('.chat-block__left_item.active').length > 0 ? $('.chat-block__left_item.active').attr('data-id') : '';
|
|||
|
|
if (channelId) {
|
|||
|
|
let users = '';
|
|||
|
|
|
|||
|
|
$(".dots-modal__add_list").find('input[type="checkbox"]').each(function (index, element) {
|
|||
|
|
if ($(element).prop('checked')) {
|
|||
|
|
if (users) {
|
|||
|
|
users = users + ',';
|
|||
|
|
}
|
|||
|
|
users = users + $(element).attr('data-id');
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
if (!users) {
|
|||
|
|
alert("Необходимо выбрать пользователей");
|
|||
|
|
} else {
|
|||
|
|
blockChat();
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/ajax/chat/addUsersToChannel.php',
|
|||
|
|
method: "post",
|
|||
|
|
data: {
|
|||
|
|
"channelId": channelId,
|
|||
|
|
"users": users
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data) {
|
|||
|
|
alert(data);
|
|||
|
|
} else {
|
|||
|
|
$('.modal-add__two').fadeOut(100);
|
|||
|
|
$('.modal-add__one').fadeIn(100);
|
|||
|
|
$('.modal-add').fadeOut(100);
|
|||
|
|
$('.dots-modal__add').fadeOut(100);
|
|||
|
|
$(".modal-add").css('height', '123px');
|
|||
|
|
getChannelInfo();
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("eRROR: " + errorThrown + "; status:" + textStatus);
|
|||
|
|
unBlockChat();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function blockChat() {
|
|||
|
|
$('#chat-spinner').show();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function unBlockChat() {
|
|||
|
|
$('#chat-spinner').hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
(function () {
|
|||
|
|
const cropElement = document.querySelectorAll('.letter'), // выбор элементов
|
|||
|
|
size = 27 // кол-во символов
|
|||
|
|
endCharacter = '...'; // окончание
|
|||
|
|
cropElement.forEach(el => {
|
|||
|
|
let text = el.innerHTML;
|
|||
|
|
if (el.innerHTML.length > size) {
|
|||
|
|
text = text.substr(0, size);
|
|||
|
|
el.innerHTML = text + endCharacter;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}());
|
|||
|
|
|
|||
|
|
(function () {
|
|||
|
|
const cropElement = document.querySelectorAll('.new-message__bottom_text'), // выбор элементов
|
|||
|
|
size = 47 // кол-во символов
|
|||
|
|
endCharacter = '...'; // окончание
|
|||
|
|
cropElement.forEach(el => {
|
|||
|
|
let text = el.innerHTML;
|
|||
|
|
if (el.innerHTML.length > size) {
|
|||
|
|
text = text.substr(0, size);
|
|||
|
|
el.innerHTML = text + endCharacter;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}());
|
|||
|
|
|
|||
|
|
(function () {
|
|||
|
|
const cropElement = document.querySelectorAll('.modal-add__one_list span'), // выбор элементов
|
|||
|
|
size = 24 // кол-во символов
|
|||
|
|
endCharacter = '...'; // окончание
|
|||
|
|
cropElement.forEach(el => {
|
|||
|
|
let text = el.innerHTML;
|
|||
|
|
if (el.innerHTML.length > size) {
|
|||
|
|
text = text.substr(0, size);
|
|||
|
|
el.innerHTML = text + endCharacter;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}());
|
|||
|
|
|
|||
|
|
|
|||
|
|
//var objDiv = document.getElementById("chat");
|
|||
|
|
//objDiv.scrollTop = objDiv.scrollHeight;
|