Vishal.Chandora/freeu-project
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #392 from Ritikeshyadav/RitikeshFreeu

Browse Source 
Ritikesh freeu
This commit is contained in:
Ritikeshyadav
2024-07-01 11:31:14 +05:30
committed by GitHub
parent 0de0d34350 22a06a4771
commit e8566cba3f
4 changed files with 122 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/Http/Controllers/Admin/ManageChatController.php
View File

@@ -72,8 +72,13 @@ class ManageChatController extends Controller
$data['filename'] = $data->getRawOriginal('file');
}
}
$username = "<div class='card-header justify-content-center' id='kt_drawer_chat_messenger_header'>
<a href='#' class='fs-4 fw-bold text-gray-900 text-hover-primary'>$user->name</a>
</div>
</div>
<hr>";
$chatPage = View::make('Admin.Pages.manage_chat.chat')->with('chat', $chat)->with('user', $user)->render();
return response()->json(['user' => $userPage, 'chat' => $chatPage]);
return response()->json(['user' => $userPage, 'chat' => $chatPage, 'username' => $username]);
}
public function getChat(Request $request)

41
public/assets/css/style.css
View File

@@ -1275,12 +1275,18 @@ nav {
border-radius: 9px;
}
.chat-box div#kt_drawer_chat_messenger_footer {
/* position: absolute; */
position: absolute;
bottom: 0;
width: 100%;
background-color: #dfdfdf;
color: #000;
}
div#kt_drawer_chat_messenger {
height: 400px !important;
}
.chat_screen {
position: relative;
}
.chat-box .chat-msgs .card-body {
height: 85%;
overflow-y: scroll;
@@ -1337,7 +1343,8 @@ td a.action_icon {
font-size: 15px;
}
#manage_investors_kyc_wrapper tr.odd td:last-child, #manage_investors_kyc_wrapper tr.even td:last-child {
#manage_investors_kyc_wrapper tr.odd td:last-child,
#manage_investors_kyc_wrapper tr.even td:last-child {
display: flex;
/* justify-content: center; */
}
@@ -1411,10 +1418,12 @@ button.btn.btn-light-primary.me-3 {
.top_header {
align-items: end;
}
tr.odd td.dataTables_empty:last-child, tr.even td.dataTables_empty:last-child {
tr.odd td.dataTables_empty:last-child,
tr.even td.dataTables_empty:last-child {
display: revert;
}
.dropdown .dropdown-item.active, .dropdown .dropdown-item:active {
.dropdown .dropdown-item.active,
.dropdown .dropdown-item:active {
background: #eff2f5;
color: #000;
}
@@ -1432,11 +1441,19 @@ label.error {
#active_meeting .tabdiv select {
padding-bottom: 5px !important;
}
.cmm-span{
.cmm-span {
color: red;
}
.chat-msgs {
height: 90% !important;
height: 366px !important;
overflow-x: hidden;
}
.user_name {
height: 40px;
display: flex;
align-items: center;
padding: 10px;
background: #d9dbe5;
}
#kt_profile_details_view svg.svg-inline--fa.fa-download:hover {
color: #c18948;
@@ -1455,7 +1472,9 @@ label.error {
color: #000 !important;
}
.activ .accordion-item:first-of-type .accordion-button:after {filter: brightness(0);}
.activ .accordion-item:first-of-type .accordion-button:after {
filter: brightness(0);
}
.tabdiv {
padding-bottom: 10px;
@@ -1468,7 +1487,7 @@ label.error {
.tabdiv label {
box-sizing: border-box;
padding: 6px;
padding: 6px !important;
color: var(--labelColor);
display: inline-block;
width: 50%;
@@ -1491,4 +1510,8 @@ label.error {
align-items: center;
justify-content: center;
border-radius: 5px;
}
}
.modal .tabdiv label.error {
padding: 6px 6px 6px 20px !important;
}

11
resources/views/Admin/Pages/manage_chat/chat.blade.php
View File

@@ -1,13 +1,10 @@
<div class="card-header justify-content-center" id="kt_drawer_chat_messenger_header">
{{-- <div class="card-header justify-content-center" id="kt_drawer_chat_messenger_header">
<a href="#" class="fs-4 fw-bold text-gray-900 text-hover-primary">{{$user->name}}</a>
{{-- <div class="card-title"> --}}
{{-- <div class="d-flex justify-content-center flex-column me-3 align-items-center">
</div> --}}
</div>
</div>
<hr>
<hr> --}}
<div class="card-body" id="kt_drawer_chat_messenger_body">
{{-- <div class="card-body user-chat-message" id="kt_drawer_chat_messenger_body"> --}}
<div class="scroll-y me-n5 pe-5 " data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">
@foreach($chat as $data)
@if($data->by == 'User')
@@ -68,4 +65,4 @@
@endif
@endforeach
</div>
</div>
{{-- </div> --}}

99
resources/views/Admin/Pages/manage_chat/manage_chat.blade.php
View File

@@ -69,23 +69,28 @@
</div>
<div class="col-md-5 p-0 chat_screen h-100">
<div class="user_name"></div>
<div class="card w-100 rounded-0 border-0" id="kt_drawer_chat_messenger"
style="overflow-x:hidden;background-color: #cccccc1a;position: relative;height: 100%;">
<div class="chat-msgs h-100">
<div class="d-flex align-items-center justify-content-center" style="margin-top: 14rem">
<img src="{{ asset('/public/assets/media/FrontendImages/menu-logo.png') }}"/>
<p></p>
{{-- <div class="chat-msgs h-100"> --}}
<div class="h-100">
<div class="chat-msgs user-chat-message">
<div class="d-flex align-items-center justify-content-center" style="margin-top: 14rem">
<img src="{{ asset('/public/assets/media/FrontendImages/menu-logo.png') }}"/>
<p></p>
</div>
</div>
</div>
<div class="card-footer d-flex align-items-center me-2 p-0 d-none"
id="kt_drawer_chat_messenger_footer">
<textarea class="form-control form-control-flush resize-none" rows="1" data-kt-element="input" name="message"
id="message" placeholder="Type a message" style="background-color: #dfdfdf;"></textarea>
<input type="hidden" name="user_id" id="user_id">
<div class="btn" data-kt-element="send"><i class="fa-solid fa-paper-plane" title="send"
onclick="sendMsg()"></i></div>
</div>
</div>
<div class="card-footer d-flex align-items-center me-2 p-0 d-none"
id="kt_drawer_chat_messenger_footer" style="margin-top: -100px;">
<textarea class="form-control form-control-flush resize-none" rows="1" data-kt-element="input" name="message"
id="message" placeholder="Type a message" style="background-color: #dfdfdf;"></textarea>
<input type="hidden" name="user_id" id="user_id">
<div class="btn" data-kt-element="send"><i class="fa-solid fa-paper-plane" title="send"
onclick="sendMsg()"></i></div>
</div>
{{-- <i class="fa fa-chevron-down d-none" style="border:2px solid black;" id="down_btn" aria-hidden="true"></i> --}}
</div>
<div class="col-md-3 p-0 active_user_details show-user" style="background-color: #fff;height: 100%;overflow: scroll;">
</div>
@@ -103,11 +108,8 @@
})
setInterval(function() {
if ($('#user_id').val()) {
// $(`#user_${$('#user_id').val()}`).addClass('active');
getUser($('#user_id').val());
// $('.spanName').each(function() {
// $(this).removeClass('active');
// })
checkScroll();
}
}, 4000);
@@ -181,6 +183,11 @@
if (result.status == 200) {
getUser($('#user_id').val());
setTimeout(() => {
$('.user-chat-message').scrollTop($('.user-chat-message')[0]
.scrollHeight);
}, 2000);
checkScroll();
$('#message').val('')
@@ -197,6 +204,9 @@
});
}
// $(document).ready(function(){
// })
let firstTime = true;
function getUser(id) {
$('.spanName').each(function() {
@@ -219,14 +229,24 @@
},
success: function(result) {
// alert(firstTime)
$('.show-user').html('');
$('.chat-msgs').html('');
$('.show-user').append(result.user);
$('.chat-msgs').append(result.chat);
$('.user_name').html('');
$('.user_name').append(result.username);
if (firstTime) {
// $('.chat-msgs').scrollTop($('.user-chat-message')[0].scrollHeight);
$('.user-chat-message').children('div.first').addClass('d-none');
$('.user-chat-message').scrollTop($('.user-chat-message')[0].scrollHeight);
$('.user-chat-message').children('div.first').removeClass('d-none');
}
firstTime = false;
$('#kt_drawer_chat_messenger_footer').removeClass('d-none');
@@ -258,6 +278,47 @@
},
});
}
function checkScroll() {
// $(function() {
var lastScrollTop = 0,
delta = 5;
$('.user-chat-message').scroll(function() {
var nowScrollTop = $(this).scrollTop();
// alert(nowScrollTop);
if (Math.abs(lastScrollTop - nowScrollTop) >= delta) {
if (nowScrollTop > lastScrollTop) {
// ACTION ON
// SCROLLING DOWN
// alert('down');
autoScrollDown = true;
if ($('.user-chat-message')[0].scrollHeight) {
// $('#down_btn').addClass('d-none');
}
} else {
// alert('up');
// ACTION ON
// SCROLLING UP
autoScrollDown = false;
if (condition) {
$('.user-chat-message').scroll(function() {
setTimeout(() => {
$('.user-chat-message').scrollTop($(
'.user-chat-message')[0]
.scrollHeight);
}, 2000);
});
condition = false;
} else {
// alert('stop');
// $('#down_btn').removeClass('d-none');
}
}
lastScrollTop = nowScrollTop;
}
});
// });
}
</script>
@endsection