| Dir : /home/trave494/outtheboxministry.org/themes/sunshine/layout/chat/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : /home/trave494/outtheboxministry.org/themes/sunshine/layout/chat/page-tab-old.phtml |
<div class="chat-wrapper chat_page_<?php echo $wo['chat']['page']['page_id'];?>">
<div class="online-toggle pointer" onclick="javascript:$('.group-tab-container-<?php echo $wo['chat']['page']['page_id'];?>').slideToggle(100)"; style="display: block;padding-top: 10px;">
<span class="chat-tab-status">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users" style="margin-top: -3px;width: 14px;height: 14px;"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
<?php echo mb_substr($wo['chat']['page']['page_name'], 0, 20, "UTF-8");?>
</span>
<span class="<?php echo Wo_RightToLeft('pull-right');?> close-chat">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" title="<?php echo $wo['lang']['close']; ?>" data-toggle="tooltip" onclick="Wo_CloseChat(<?php echo $wo['chat']['page']['page_id'];?>,'page')"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</span>
</div>
<div class="chat-tab-container group-tab-container-<?php echo $wo['chat']['page']['page_id'];?> chat-tab-box-<?php echo $wo['chat']['page']['page_id'];?>">
<div class="chat-messages-wrapper page-messages-wrapper-<?php echo $wo['chat']['page']['page_id'];?>">
<div class="chat-messages">
<?php if (count($wo['chat']['page']['messages']) > 0): ?>
<?php foreach ($wo['chat']['page']['messages'] as $wo['chatMessage']): ?>
<?php echo Wo_LoadPage('chat/page-chat-list'); ?>
<?php endforeach; ?>
<?php else: ?>
<p class="no_message" id="no_messages_<?php echo $wo['chat']['page']['page_id'];?>"><?php echo $wo['lang']['no_messages']; ?></p>
<?php endif; ?>
</div>
<div class="clear"></div>
</div>
<div class="chat-textarea btn-group">
<form action="#" id="hren" class="group-chat-sending-<?php echo $wo['chat']['page']['page_id'];?>">
<textarea name="textSendMessage" id="sendMessage" class="form-control" cols="10" rows="5" placeholder="<?php echo $wo['lang']['write_something'];?>" onkeydown="Wo_SubmitChatGroupForm(event, <?php echo $wo['chat']['page']['page_id'];?>);" dir="auto" ></textarea>
<div class="w-10 chat-btns-w">
<span>
<div class="ball-pulse"><div></div><div></div><div></div></div>
<span class="btn btn-file chat_optns" id="progressIcon">
<?php if($wo['config']['fileSharing'] == 1) { ?>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
<input type="file" id="sendMessasgeFile" name="sendMessageFile" class="pointer" onchange="Wo_SubmitChatGroupForm(event,<?php echo $wo['chat']['page']['page_id'];?>)" />
<?php } else { ?>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
<input type="file" id="sendMessasgeFile" name="sendMessageFile" onchange="Wo_SubmitChatGroupForm(event,<?php echo $wo['chat']['page']['page_id'];?>);" accept="image/x-png, image/gif, image/jpeg" />
<?php } ?>
</span>
<span class="dropup chat_optns chat_optns">
<span class="emo-btn-<?php echo $wo['chat']['page']['page_id'];?> dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="btn btn-file">
<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" class="feather feather-user-plus"><path d="M0 0h24v24H0z" fill="none"></path><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"></path></svg>
</span>
</span>
<ul class="emo-container dropdown-menu emo-group-container-<?php echo $wo['chat']['page']['page_id'];?>" role="menu">
<?php
foreach ($wo['emo'] as $code => $name) {
$code = $code;
echo '<span onclick="Wo_AddEmoToGroup(\'' . $code . '\', ' . $wo['chat']['page']['page_id'] . ');"><i class="pointer twa-lg twa twa-' . $name . '"></i></span>';
}
?>
</ul>
</span>
</span>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('[data-toggle="tooltip"]').tooltip();
var main_hash_id = $('.main_session').val();
$('.emo-btn-<?php echo $wo['chat']['page']['page_id'];?>').click(function () {
$('.emo-group-container-<?php echo $wo['chat']['page']['page_id'];?>').toggle();
});
var chat_messages_wrapper = $('.page-messages-wrapper-<?php echo $wo['chat']['page']['page_id'];?>');
chat_messages_wrapper.scrollTop(chat_messages_wrapper[0].scrollHeight);
$('.group-chat-sending-<?php echo $wo['chat']['page']['page_id'];?>').ajaxForm({
url: Wo_Ajax_Requests_File() + '?f=chat&s=send_message&page_id=<?php echo $wo['chat']['page']['page_id'];?>&from_id=<?php echo $wo['chat']['from_id'];?>&to_id=<?php echo $wo['chat']['to_id'];?>&hash=' + main_hash_id,
type:"POST",
uploadProgress: function() {
$('form.group-chat-sending-<?php echo $wo['chat']['page']['page_id'];?>').find('.ball-pulse').fadeIn(100);
},
success: function(data) {
if (data.status == 200) {
if ($('#no_messages_<?php echo $wo['chat']['page']['page_id'];?>').length > 0) {
$(".page-messages-wrapper-<?php echo $wo['chat']['page']['page_id'];?>").find('.chat-messages').html(data.html);
}
else{
$(".page-messages-wrapper-<?php echo $wo['chat']['page']['page_id'];?>").find('.chat-messages').append(data.html);
}
if (data.invalid_file == 1) {
$("#invalid_file").modal('show');
Wo_Delay(function(){
$("#invalid_file").modal('hide');
},3000);
}
if (data.invalid_file == 2) {
$("#file_not_supported").modal('show');
Wo_Delay(function(){
$("#file_not_supported").modal('hide');
},3000);
}
if (data.file == true) {
$('form.group-chat-sending-<?php echo $wo['chat']['page']['page_id'];?>').find('.ball-pulse').fadeOut(100);
}
}
else if(data.status == 500 && data.invalid_file == 1){
$("#invalid_file").modal('show');
Wo_Delay(function(){
$("#invalid_file").modal('hide');
},3000);
$('form.group-chat-sending-<?php echo $wo['chat']['page']['page_id'];?>').find('.ball-pulse').fadeOut(100);
}
else if(data.status == 500 && data.invalid_file == 2){
$("#file_not_supported").modal('show');
Wo_Delay(function(){
$("#file_not_supported").modal('hide');
},3000);
$('form.group-chat-sending-<?php echo $wo['chat']['page']['page_id'];?>').find('.ball-pulse').fadeOut(100);
}
$(".chat_page_<?php echo $wo['chat']['page']['page_id'];?>").find('#sendMessasgeFile').val('');
$(".chat_page_<?php echo $wo['chat']['page']['page_id'];?>").find('textarea').val('');
setTimeout(function() {
chat_messages_wrapper.scrollTop(chat_messages_wrapper[0].scrollHeight);
}, 100);
}
});
setInterval(function(){
var last_group_message = ($("[data-page-tmessage-id]").length > 0) ? $("[data-page-tmessage-id]").last().attr('data-page-tmessage-id') : 0;
$.ajax({
url: Wo_Ajax_Requests_File(),
type: 'GET',
dataType: 'json',
data: {f: 'chat',s:'get_new_page_messages',message_id:last_group_message,page_id:'<?php echo $wo['chat']['page']['page_id'];?>'},
})
.done(function(data) {
if (data.status == 200) {
if ($(".page-messages-wrapper-<?php echo $wo['chat']['page']['page_id'];?>").find('.no_message').length > 0) {
$(".page-messages-wrapper-<?php echo $wo['chat']['page']['page_id'];?>").find('.chat-messages').html(data.html);
}else{
$(".page-messages-wrapper-<?php echo $wo['chat']['page']['page_id'];?>").find('.chat-messages').append(data.html);
}
chat_messages_wrapper.scrollTop(chat_messages_wrapper[0].scrollHeight);
}
})
.fail(function() {
console.log("error");
})
},5000);
});
function Wo_SubmitChatGroupForm(e, id) {
document.title = document_title;
chat_tab_container = $('.chat_main_' + id);
if (e.keyCode == 13 && e.shiftKey == 0 || $("#sendMessasgeFile").val() != '') {
e.preventDefault();
$('.group-chat-sending-<?php echo $wo['chat']['page']['page_id'];?>').submit();
}
}
</script>