772 lines
31 KiB
JavaScript
772 lines
31 KiB
JavaScript
|
if ($('#chat_cian').length > 0) {
|
||
|
|
Vue.config.devtools = true;
|
||
|
|
var chat_cian = new Vue({
|
||
|
|
el: '#chat_cian',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
user_id: $('#session_user_id').val(),
|
||
|
|
agency_id: $('#session_agency_id').val(),
|
||
|
|
isShowCian: false,
|
||
|
|
chats: {},
|
||
|
|
chatsIds: [],
|
||
|
|
nameGroup: '',
|
||
|
|
nameChat: '',
|
||
|
|
listMessage: {},
|
||
|
|
chatId: 0,
|
||
|
|
error: false,
|
||
|
|
error_mes: '',
|
||
|
|
text_mes: '',
|
||
|
|
user_global: [],
|
||
|
|
total_new: 0,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
close_cian() {
|
||
|
|
this.error = false,
|
||
|
|
this.error_mes = '';
|
||
|
|
this.isShowCian = false;
|
||
|
|
},
|
||
|
|
|
||
|
|
get_user_global(){
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'ajax_get_user',
|
||
|
|
user_id: this.user_id,
|
||
|
|
}).then((response) => {
|
||
|
|
// console.log(response.data);
|
||
|
|
this.user_global = response.data;
|
||
|
|
this.get_can_chat();
|
||
|
|
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
get_messages(chatId = false) {
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'get_messages',
|
||
|
|
agency_id: this.agency_id,
|
||
|
|
user_id: this.user_id,
|
||
|
|
user: this.user_global
|
||
|
|
}).then((response) => {
|
||
|
|
// console.log(response.data);
|
||
|
|
this.chats = {};
|
||
|
|
res = response.data;
|
||
|
|
if (res.chats) {
|
||
|
|
for (let i = 0; i < res.chats.length; i++) {
|
||
|
|
this.chatsIds.push(res.chats[i].id);
|
||
|
|
|
||
|
|
// if(!this.isEmpty(res.chats[i].id)){
|
||
|
|
|
||
|
|
// if(this.chatsIds.find(x => x.id === res.chats[i].id) === undefined){
|
||
|
|
// if(this.chatsIds.indexOf(res.chats[i].id) == -1){
|
||
|
|
|
||
|
|
if (this.chats['chat' + res.chats[i].chatid]) {
|
||
|
|
|
||
|
|
this.chatsIds.push({ 'id': res.chats[i].id, chatId: res.chats[i].chatid });
|
||
|
|
if (res.details[res.chats[i].id] && res.details[res.chats[i].id].chats[0].messages) {
|
||
|
|
for (let j = 0; j < res.details[res.chats[i].id].chats[0].messages.length; j++) {
|
||
|
|
// console.log(res.details[res.chats[i].id].chats[0].messages[j])
|
||
|
|
if (!this.isEmpty(res.details[res.chats[i].id].chats[0].messages[j])) {
|
||
|
|
|
||
|
|
if (res.details[res.chats[i].id].chats[0].messages[j].direction == 'in') {
|
||
|
|
//console.log(this.chats['chat'+res.chats[i].chatId]);
|
||
|
|
this.chats['chat' + res.chats[i].chatid].users = res.details[res.chats[i].id].users;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (res.details[res.chats[i].id].chats[0].messages[j].new == 1) {
|
||
|
|
this.chats['chat' + res.chats[i].chatid].new_mes++;
|
||
|
|
}
|
||
|
|
this.$set(this.chats['chat' + res.chats[i].chatid].chats[0].messages, this.chats['chat' + res.chats[i].chatid].chats[0].messages.length, res.details[res.chats[i].id].chats[0].messages[j]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
res.details[res.chats[i].id].is_active = false;
|
||
|
|
res.details[res.chats[i].id].new_mes = 0;
|
||
|
|
if (res.details[res.chats[i].id].chats[0].messages[0].new == 1) {
|
||
|
|
res.details[res.chats[i].id].new_mes++;
|
||
|
|
}
|
||
|
|
this.$set(this.chats, 'chat' + res.chats[i].chatid, res.details[res.chats[i].id]);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if(chatId){
|
||
|
|
this.get_message_chat(chatId);
|
||
|
|
}
|
||
|
|
//console.log(this.chats);
|
||
|
|
// this.update_total_new(res.total_new);
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
get_can_chat(){
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'ajax_can_chat',
|
||
|
|
user_id: this.user_id,
|
||
|
|
service_id: 2,
|
||
|
|
}).then((response) => {
|
||
|
|
//console.log(response.data);
|
||
|
|
if(response.data === true){
|
||
|
|
this.get_messages();
|
||
|
|
this.interval = setInterval(() => this.get_new_message(), 3000);
|
||
|
|
|
||
|
|
}
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
get_new_message() {
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'get_new_messages',
|
||
|
|
agency_id: this.agency_id,
|
||
|
|
user_id: this.user_id,
|
||
|
|
user: this.user_global
|
||
|
|
}).then((response) => {
|
||
|
|
// console.log(response.data);
|
||
|
|
let is_sort = false;
|
||
|
|
res = response.data;
|
||
|
|
if (res.chats) {
|
||
|
|
for (let i = 0; i < res.chats.length; i++) {
|
||
|
|
|
||
|
|
// if(!this.isEmpty(res.chats[i].id)){
|
||
|
|
//if(this.chatsIds.find(x => x.id === res.chats[i].id) === undefined){
|
||
|
|
if (this.chatsIds.indexOf(res.chats[i].id) == -1) {
|
||
|
|
is_sort = true;
|
||
|
|
this.chatsIds.push(res.chats[i].id);
|
||
|
|
/*if(this.chats['chat'+res.chats[i].chatId]){
|
||
|
|
this.chatsIds.push({'id':res.chats[i].id, chatId: res.chats[i].chatId});
|
||
|
|
for(let j =0; j<res.details[res.chats[i].id].chats[0].messages.length; j++){
|
||
|
|
// console.log(res.details[res.chats[i].id].chats[0].messages[j])
|
||
|
|
if(!this.isEmpty(res.details[res.chats[i].id].chats[0].messages[j])){
|
||
|
|
|
||
|
|
if(res.details[res.chats[i].id].chats[0].messages[j].direction == 'in'){
|
||
|
|
//console.log(this.chats['chat'+res.chats[i].chatId]);
|
||
|
|
this.chats['chat'+res.chats[i].chatId].users = res.details[res.chats[i].id].users;
|
||
|
|
}
|
||
|
|
|
||
|
|
if(res.details[res.chats[i].id].chats[0].messages[j].new == 1){
|
||
|
|
this.chats['chat'+res.chats[i].chatId].new_mes++;
|
||
|
|
}
|
||
|
|
this.$set(this.chats['chat'+res.chats[i].chatId].chats[0].messages, this.chats['chat'+res.chats[i].chatId].chats[0].messages.length, res.details[res.chats[i].id].chats[0].messages[j]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
res.details[res.chats[i].id].is_active = false;
|
||
|
|
res.details[res.chats[i].id].new_mes = 0;
|
||
|
|
if(res.details[res.chats[i].id].chats[0].messages[0].new == 1){
|
||
|
|
res.details[res.chats[i].id].new_mes++;
|
||
|
|
}
|
||
|
|
this.$set(this.chats, 'chat'+res.chats[i].chatId, res.details[res.chats[i].id]);
|
||
|
|
}*/
|
||
|
|
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (is_sort) {
|
||
|
|
this.get_messages();
|
||
|
|
}
|
||
|
|
// console.log(this.chats);
|
||
|
|
this.update_total_new(res.total_new);
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
//Новые сообщения
|
||
|
|
update_total_new(total_new) {
|
||
|
|
if(this.total_new != total_new){
|
||
|
|
console.log(this.total_new);
|
||
|
|
this.total_new = total_new;
|
||
|
|
this.get_messages();
|
||
|
|
}
|
||
|
|
if (total_new > 0) {
|
||
|
|
$('.quantity-message-cian').text(total_new).show();
|
||
|
|
} else {
|
||
|
|
$('.quantity-message-cian').text('').hide();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
open_chat(chatId) {
|
||
|
|
$('.jw__add-popup').removeClass('is__show');
|
||
|
|
this.error = false,
|
||
|
|
this.error_mes = '';
|
||
|
|
this.nameGroup = '';
|
||
|
|
this.nameChat = '';
|
||
|
|
if (this.chats[chatId].users[0].name) {
|
||
|
|
if (!isNaN(this.chats[chatId].users[0].name)) {
|
||
|
|
this.nameGroup = "Пользователь (ID " + this.chats[chatId].users[0].name + ")";
|
||
|
|
} else {
|
||
|
|
this.nameGroup = this.chats[chatId].users[0].name;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (this.chats[chatId].offers[0].title) {
|
||
|
|
this.nameChat = this.chats[chatId].offers[0].title
|
||
|
|
}
|
||
|
|
this.chats[chatId].is_active = true;
|
||
|
|
|
||
|
|
for (let i in this.chats) {
|
||
|
|
if (i !== chatId) {
|
||
|
|
this.chats[i].is_active = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// console.log(this.chats[chatId]);
|
||
|
|
|
||
|
|
this.get_message_chat(chatId);
|
||
|
|
|
||
|
|
$('.jw__add-popup').removeClass('is__show');
|
||
|
|
//this.listMessage = this.chats[chatId].chats[0].messages;
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
get_message_chat(chatId) {
|
||
|
|
this.error = false,
|
||
|
|
this.error_mes = '';
|
||
|
|
this.listMessage = {};
|
||
|
|
// console.log(chatId);
|
||
|
|
let isUserName = false;
|
||
|
|
if(this.chats[chatId].user_chat_name){
|
||
|
|
isUserName = true;
|
||
|
|
}else {
|
||
|
|
axios.post('/ajax/ajax_vue_settings.php', {
|
||
|
|
request: 'get_agent_cian',
|
||
|
|
agent_id: this.chats[chatId].offers[0].publishedUserId,
|
||
|
|
service_id: 2,
|
||
|
|
agency_id: this.agency_id,
|
||
|
|
}).then((response) => {
|
||
|
|
//console.log(response.data);
|
||
|
|
var res = response.data;
|
||
|
|
if(res.success){
|
||
|
|
var name = res.result.agents[0].firstName + ' ' + res.result.agents[0].lastName;
|
||
|
|
if(name && !this.isEmpty(name)){
|
||
|
|
this.chats[chatId].user_chat_name = name;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// this.get_message_chat('chat' + this.chatId);
|
||
|
|
// this.get_messages('chat' + this.chatId);
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'get_message_chat',
|
||
|
|
chatId: chatId,
|
||
|
|
isUserName: isUserName,
|
||
|
|
}).then((response) => {
|
||
|
|
//console.log(response.data);
|
||
|
|
res = response.data;
|
||
|
|
|
||
|
|
this.chats[chatId].chats[0].messages = {};
|
||
|
|
this.chats[chatId].new_mes = 0;
|
||
|
|
var k = 0;
|
||
|
|
for (let i = 0; i < res.length; i++) {
|
||
|
|
this.chatId = res[i].chat_id;
|
||
|
|
|
||
|
|
this.chats[chatId].chats[0].messages = {};
|
||
|
|
for (let j = 0; j < res[i].chats[0].messages.length; j++) {
|
||
|
|
//console.log(res[i].chats[0].messages[j])
|
||
|
|
if (!this.isEmpty(res[i].chats[0].messages[j])) {
|
||
|
|
|
||
|
|
this.$set(this.chats[chatId].chats[0].messages, j, res[i].chats[0].messages[j]);
|
||
|
|
this.$set(this.listMessage, k, res[i].chats[0].messages[j]);
|
||
|
|
k++;
|
||
|
|
//this.listMessage
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* if(!this.isEmpty(res.chats[i].id)){
|
||
|
|
if(this.chatsIds.indexOf(res.chats[i].id) == -1){
|
||
|
|
this.chatsIds.push(res.chats[i].id);
|
||
|
|
|
||
|
|
|
||
|
|
if(this.chats['chat'+res.chats[i].chatId]){
|
||
|
|
|
||
|
|
} else {
|
||
|
|
res.details[res.chats[i].id].is_active = false;
|
||
|
|
this.$set(this.chats, 'chat'+res.chats[i].chatId, res.details[res.chats[i].id]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}*/
|
||
|
|
}
|
||
|
|
// console.log(this.listMessage);
|
||
|
|
$('#chat-content-cian').animate({scrollTop: $('#chat-content-cian').prop('scrollHeight')}, 1000);
|
||
|
|
//console.log(this.chats);
|
||
|
|
//this.update_total_new(res.total_new);
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
send_mes_cian() {
|
||
|
|
//console.log(this.chatId);
|
||
|
|
if (this.chatId > 0) {
|
||
|
|
var index = this.listMessage.length;
|
||
|
|
var new_mes = {
|
||
|
|
"messageId": "",
|
||
|
|
"userId": this.chats['chat'+this.chatId].offers[0].publishedUserId,
|
||
|
|
"direction": "out",
|
||
|
|
"content": {
|
||
|
|
"text": this.text_mes,
|
||
|
|
"offers": []
|
||
|
|
},
|
||
|
|
"createdAt": "Отправляется...",
|
||
|
|
"new": 0,
|
||
|
|
"userName": this.chats['chat'+this.chatId].user_chat_name
|
||
|
|
}
|
||
|
|
this.$set(this.listMessage, index, new_mes);
|
||
|
|
$('#chat-content-cian').animate({scrollTop: $('#chat-content-cian').prop('scrollHeight')}, 1000);
|
||
|
|
// } else {
|
||
|
|
|
||
|
|
// console.log(this.text_mes);
|
||
|
|
if (!this.isEmpty(this.text_mes)) {
|
||
|
|
let text = this.text_mes;
|
||
|
|
this.text_mes = '';
|
||
|
|
axios.post('/ajax/ajax_vue_settings.php', {
|
||
|
|
request: 'send_message',
|
||
|
|
chat_id: this.chatId,
|
||
|
|
text: text,
|
||
|
|
service_id: 2,
|
||
|
|
agency_id: this.agency_id,
|
||
|
|
}).then((response) => {
|
||
|
|
//console.log(response.data);
|
||
|
|
this.listMessage[index].createdAt = response.data.created_at;
|
||
|
|
|
||
|
|
//this.get_message_chat('chat' + this.chatId);
|
||
|
|
// this.get_messages('chat' + this.chatId);
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//this.get_message_chat('chat'+this.chatId);
|
||
|
|
} else {
|
||
|
|
|
||
|
|
this.error = true;
|
||
|
|
this.error_mes = "Для отправки сообщения необходимо выбрать чат";
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
openReqForm(){
|
||
|
|
//console.log(this.chats['chat'+this.chatId]);
|
||
|
|
$('.chat-cian').css('zIndex','unset');
|
||
|
|
req_form.openReqForm();
|
||
|
|
req_form.selectedType = 4;
|
||
|
|
req_form.findObject = true;
|
||
|
|
if(this.chats['chat'+this.chatId].objectId > 0 && this.chats['chat'+this.chatId].id_add_user > 0){
|
||
|
|
|
||
|
|
req_form.objectId = parseInt(this.chats['chat'+this.chatId].objectId);
|
||
|
|
req_form.getObjectFind(this.chats['chat'+this.chatId].id_add_user, this.chats['chat'+this.chatId].objectId);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
openObjectCard(){
|
||
|
|
if(this.chats['chat'+this.chatId].objectId > 0){
|
||
|
|
openObjectModal(this.chats['chat'+this.chatId].objectId);
|
||
|
|
$('.chat-cian').css('zIndex','unset');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
//Проверка на пустоту
|
||
|
|
isEmpty(data) {
|
||
|
|
if (typeof(data) === 'object') {
|
||
|
|
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
|
|
return true;
|
||
|
|
} else if (!data) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
} else if (typeof(data) === 'string') {
|
||
|
|
if (!data.trim()) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
} else if (typeof(data) === 'undefined') {
|
||
|
|
return true;
|
||
|
|
} else {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
created: function() {
|
||
|
|
$('#chat_cian').removeClass('hidden');
|
||
|
|
this.get_user_global();
|
||
|
|
// this.get_can_chat();
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($('#chat_avito').length > 0) {
|
||
|
|
Vue.config.devtools = true;
|
||
|
|
var chat_avito = new Vue({
|
||
|
|
el: '#chat_avito',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
user_id: $('#session_user_id').val(),
|
||
|
|
agency_id: $('#session_agency_id').val(),
|
||
|
|
isShowAvito: false,
|
||
|
|
chats: {},
|
||
|
|
chatsIds: [],
|
||
|
|
nameGroup: '',
|
||
|
|
nameChat: '',
|
||
|
|
listMessage: {},
|
||
|
|
chatId: null,
|
||
|
|
error: false,
|
||
|
|
error_mes: '',
|
||
|
|
text_mes: '',
|
||
|
|
can_chat: false,
|
||
|
|
user_global: [],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
close_avito() {
|
||
|
|
this.error = false,
|
||
|
|
this.error_mes = '';
|
||
|
|
this.isShowAvito = false;
|
||
|
|
},
|
||
|
|
|
||
|
|
get_user_global(){
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'ajax_get_user',
|
||
|
|
user_id: this.user_id,
|
||
|
|
}).then((response) => {
|
||
|
|
//console.log(response.data);
|
||
|
|
this.user_global = response.data;
|
||
|
|
this.get_can_chat();
|
||
|
|
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
get_messages() {
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'get_messages_avito',
|
||
|
|
agency_id: this.agency_id,
|
||
|
|
user_id: this.user_id,
|
||
|
|
user: this.user_global,
|
||
|
|
}).then((response) => {
|
||
|
|
//console.log(response.data);
|
||
|
|
this.chats = {};
|
||
|
|
res = response.data;
|
||
|
|
if (res.chats) {
|
||
|
|
this.chats = res.chats;
|
||
|
|
for (let i in res.chats) {
|
||
|
|
for (let j in res.chats[i].messages) {
|
||
|
|
// console.log(res.chats[i].messages[j])
|
||
|
|
if (this.chatsIds.indexOf(res.chats[i].messages[j].id) == -1) {
|
||
|
|
this.chatsIds.push(res.chats[i].messages[j].id);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//console.log(this.chats);
|
||
|
|
// this.update_total_new(res.total_new);
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
get_can_chat(){
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'ajax_can_chat',
|
||
|
|
user_id: this.user_id,
|
||
|
|
service_id: 1,
|
||
|
|
}).then((response) => {
|
||
|
|
// console.log(response.data);
|
||
|
|
if(response.data === true){
|
||
|
|
this.get_messages();
|
||
|
|
this.interval = setInterval(() => this.get_new_message(), 35500);
|
||
|
|
|
||
|
|
}
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
get_new_message() {
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'get_new_messages_avito',
|
||
|
|
agency_id: this.agency_id,
|
||
|
|
user_id: this.user_id,
|
||
|
|
user: this.user_global,
|
||
|
|
}).then((response) => {
|
||
|
|
let is_sort = false;
|
||
|
|
res = response.data;
|
||
|
|
|
||
|
|
// console.log(res.messages.length);
|
||
|
|
for (let i in res.messages) {
|
||
|
|
|
||
|
|
if (this.chatsIds.indexOf(res.messages[i]) == -1) {
|
||
|
|
is_sort = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (is_sort) {
|
||
|
|
this.get_messages();
|
||
|
|
}
|
||
|
|
// console.log(this.chats);
|
||
|
|
this.update_total_new(res.total_new);
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
//Новые сообщения
|
||
|
|
update_total_new(total_new) {
|
||
|
|
if (total_new > 0) {
|
||
|
|
$('.quantity-message-avito').text(total_new).show();
|
||
|
|
} else {
|
||
|
|
$('.quantity-message-avito').text('').hide();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
open_chat(chatId) {
|
||
|
|
$('.jw__add-popup').removeClass('is__show');
|
||
|
|
this.error = false,
|
||
|
|
this.error_mes = '';
|
||
|
|
this.nameGroup = '';
|
||
|
|
this.nameChat = '';
|
||
|
|
this.nameGroup = this.chats[chatId].details.users[0].name
|
||
|
|
|
||
|
|
|
||
|
|
if (this.chats[chatId].details.context.value.title) {
|
||
|
|
this.nameChat = this.chats[chatId].details.context.value.title;
|
||
|
|
}
|
||
|
|
this.chats[chatId].is_active = true;
|
||
|
|
this.chats[chatId].new_mess = 0;
|
||
|
|
|
||
|
|
for (let i in this.chats) {
|
||
|
|
if (i !== chatId) {
|
||
|
|
this.chats[i].is_active = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// console.log(this.chats[chatId]);
|
||
|
|
this.chatId = chatId;
|
||
|
|
this.get_message_chat(chatId);
|
||
|
|
|
||
|
|
$('.jw__add-popup').removeClass('is__show');
|
||
|
|
this.listMessage = this.chats[chatId].messages;
|
||
|
|
//console.log(this.listMessage);
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
get_message_chat(chatId) {
|
||
|
|
this.error = false,
|
||
|
|
this.error_mes = '';
|
||
|
|
// this.listMessage = {};
|
||
|
|
axios.post('/ajax/vue_ajax/chat_cian_avito_axios.php', {
|
||
|
|
request: 'get_message_chat_avito',
|
||
|
|
chatId: chatId,
|
||
|
|
}).then((response) => {
|
||
|
|
// console.log(response.data);
|
||
|
|
res = response.data;
|
||
|
|
$('#chat-content-avito').animate({scrollTop: $('#chat-content-avito').prop('scrollHeight')}, 1000);
|
||
|
|
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
send_mes_cian() {
|
||
|
|
//console.log(this.chatId);
|
||
|
|
if (!this.isEmpty(this.chatId)) {
|
||
|
|
let chatId = this.chatId;
|
||
|
|
let chat_id_avito = this.chats[chatId].chat_id;
|
||
|
|
|
||
|
|
if (!this.isEmpty(this.text_mes)) {
|
||
|
|
let text = this.text_mes;
|
||
|
|
this.text_mes = '';
|
||
|
|
let temp_mess = this.chats[chatId].messages;
|
||
|
|
//this.chats[chatId].messages = {};
|
||
|
|
let userName = this.chats[chatId].details.users[1].name;
|
||
|
|
let mes_send = { chat_id: chat_id_avito, userName: userName, create: "Отправляется...", details: { id: '', payload: { type: "message", value: { content: { text: text } } } } }
|
||
|
|
// this.chats[chatId].messages
|
||
|
|
let index = 0;
|
||
|
|
for (let i in temp_mess) {
|
||
|
|
index = parseInt(i) + 1;
|
||
|
|
//this.$set(this.chats[chatId].messages, index, temp_mess[i]);
|
||
|
|
}
|
||
|
|
this.$set(this.chats[chatId].messages, index, mes_send);
|
||
|
|
this.open_chat(chatId);
|
||
|
|
|
||
|
|
axios.post('/ajax/ajax_vue_settings.php', {
|
||
|
|
request: 'send_message',
|
||
|
|
chat_id: chat_id_avito,
|
||
|
|
text: text,
|
||
|
|
service_id: 1,
|
||
|
|
agency_id: this.agency_id,
|
||
|
|
}).then((response) => {
|
||
|
|
// console.log(response.data);
|
||
|
|
res = response.data;
|
||
|
|
if (!this.isEmpty(res.created_at)) {
|
||
|
|
this.chats[chatId].messages[index].create = res.created_at;
|
||
|
|
}
|
||
|
|
this.open_chat(chatId);
|
||
|
|
//this.get_messages();
|
||
|
|
}).catch(function(error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//this.get_message_chat('chat'+this.chatId);
|
||
|
|
} else {
|
||
|
|
|
||
|
|
this.error = true;
|
||
|
|
this.error_mes = "Для отправки сообщения необходимо выбрать чат";
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
openReqForm(){
|
||
|
|
|
||
|
|
$('.chat-cian').css('zIndex','unset');
|
||
|
|
req_form.openReqForm();
|
||
|
|
|
||
|
|
req_form.selectedType = 4;
|
||
|
|
req_form.findObject = true;
|
||
|
|
// console.log(this.chats[this.chatId]);
|
||
|
|
if(this.chats[this.chatId].object_id > 0 && this.chats[this.chatId].user_id > 0){
|
||
|
|
|
||
|
|
req_form.objectId = parseInt(this.chats[this.chatId].object_id);
|
||
|
|
req_form.getObjectFind(this.chats[this.chatId].user_id, this.chats[this.chatId].object_id);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
openObjectCard(){
|
||
|
|
if(this.chats[this.chatId].object_id > 0){
|
||
|
|
openObjectModal(this.chats[this.chatId].object_id);
|
||
|
|
$('.chat-cian').css('zIndex','unset');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
//Проверка на пустоту
|
||
|
|
isEmpty(data) {
|
||
|
|
if (typeof(data) === 'object') {
|
||
|
|
if (JSON.stringify(data) === '{}' || JSON.stringify(data) === '[]') {
|
||
|
|
return true;
|
||
|
|
} else if (!data) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
} else if (typeof(data) === 'string') {
|
||
|
|
if (!data.trim()) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
} else if (typeof(data) === 'undefined') {
|
||
|
|
return true;
|
||
|
|
} else {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
created: function() {
|
||
|
|
$('#chat_avito').removeClass('hidden');
|
||
|
|
this.get_user_global();
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($('#error_message_chats').length > 0) {
|
||
|
|
// Vue.config.devtools = true;
|
||
|
|
var error_message_chats = new Vue({
|
||
|
|
el: '#error_message_chats',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
is_show: false,
|
||
|
|
is_show_error_object: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
open(){
|
||
|
|
this.is_show = true;
|
||
|
|
this.openVideo();
|
||
|
|
},
|
||
|
|
|
||
|
|
close() {
|
||
|
|
this.is_show = false;
|
||
|
|
|
||
|
|
},
|
||
|
|
open_error_object(){
|
||
|
|
this.is_show_error_object = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
close_error_object(){
|
||
|
|
this.is_show_error_object = false;
|
||
|
|
},
|
||
|
|
|
||
|
|
openVideo() {
|
||
|
|
|
||
|
|
//this.is_show_video = true;
|
||
|
|
$('#error_message_chats .video-frame').html('<iframe width="560" height="315" src="https://www.youtube.com/embed/K589d5SaMYM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
|
||
|
|
},
|
||
|
|
|
||
|
|
},
|
||
|
|
created: function() {
|
||
|
|
$('#error_message_chats').removeClass('hidden');
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function open_chat_cian() {
|
||
|
|
|
||
|
|
|
||
|
|
chat_cian.isShowCian = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
function open_chat_avito() {
|
||
|
|
|
||
|
|
//console.log('dsdadas');
|
||
|
|
chat_avito.isShowAvito = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
function open_error() {
|
||
|
|
|
||
|
|
|
||
|
|
error_message_chats.open();
|
||
|
|
}
|
||
|
|
|
||
|
|
function new_mes_count() {
|
||
|
|
let new_mes_cian = $('.quantity-message-cian').text();
|
||
|
|
if (isEmpty(new_mes_cian)) {
|
||
|
|
new_mes_cian = 0;
|
||
|
|
} else {
|
||
|
|
new_mes_cian = parseInt(new_mes_cian);
|
||
|
|
}
|
||
|
|
new_mes_cian = new_mes_cian + 1;
|
||
|
|
if (new_mes_cian > 0) {
|
||
|
|
$('.quantity-message-cian').text(new_mes_cian).show();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
/*$(document).ready(function() {
|
||
|
|
$('body').on('click', '.open_cian_chat', function(){
|
||
|
|
chat_cian.isShow = true;
|
||
|
|
});
|
||
|
|
});*/
|