This commit is contained in:
2022-09-19 08:03:29 -04:00
parent 4ec6571a76
commit 86399b3974
3 changed files with 112 additions and 81 deletions
@@ -5,7 +5,7 @@
<div class="card-title">
<!--begin::User-->
<div class="d-flex justify-content-center flex-column me-3">
<a href="#" class="fs-4 fw-bolder text-gray-900 text-hover-primary me-1 mb-2 lh-1">Brian Cox</a>
<a href="#" class="fs-4 fw-bolder text-gray-900 text-hover-primary me-1 mb-2 lh-1"><?=$job_id?></a>
<!--begin::Info-->
<div class="mb-0 lh-1">
<span class="badge badge-success badge-circle w-10px h-10px me-1"></span>
@@ -27,70 +27,84 @@
<div class="card-body" id="kt_chat_messenger_body">
<!--begin::Messages-->
<div class="scroll-y me-n5 pe-5 h-300px h-lg-auto" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_header, #kt_toolbar, #kt_footer, #kt_chat_messenger_header, #kt_chat_messenger_footer" data-kt-scroll-wrappers="#kt_content, #kt_chat_messenger_body" data-kt-scroll-offset="5px">
<!--begin::Message(in)-->
<div class="d-flex justify-content-start mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-start">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
<?php
foreach ($my_message_rows as $row)
{
if ($row['senders_id'] === $_SESSION['member_id'] ){
?>
<div class="d-flex justify-content-end mb-10">
<div class="d-flex flex-column align-items-end">
<div class="d-flex align-items-center mb-2">
<div class="me-3">
<span class="text-muted fs-7 mb-1"><?=$row['msg_date']?></span>
<a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary ms-1"><?=$row['senders_name']?></a>
</div>
</div>
<div class="p-5 rounded bg-light-primary text-dark fw-bold mw-lg-500px text-end"
data-kt-element="message-text"><?=$row['msg']?></div>
</div>
<!--end::Avatar-->
<!--begin::Details-->
<div class="ms-3">
<a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary me-1">Brian Cox</a>
<span class="text-muted fs-7 mb-1">2 mins</span>
</div>
<!--end::Details-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-info text-dark fw-bold mw-lg-400px text-start" data-kt-element="message-text">How likely are you to recommend our company to your friends and family ?</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(in)-->
<!--begin::Message(out)-->
<div class="d-flex justify-content-end mb-10">
<!--begin::Wrapper-->
<div class="d-flex flex-column align-items-end">
<!--begin::User-->
<div class="d-flex align-items-center mb-2">
<!--begin::Details-->
<div class="me-3">
<span class="text-muted fs-7 mb-1">5 mins</span>
<a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary ms-1">You</a>
<?
}else{
?>
<div class="d-flex justify-content-start mb-10">
<div class="d-flex flex-column align-items-start">
<div class="d-flex align-items-center mb-2">
<div class="ms-3">
<a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary me-1"><?=$row['senders_name']?></a>
<span class="text-muted fs-7 mb-1"><?=$row['msg_date']?></span>
</div>
</div>
<div class="p-5 rounded bg-light-info text-dark fw-bold mw-lg-500px text-start"
data-kt-element="message-text"><?=$row['msg']?></div>
</div>
<!--end::Details-->
<!--begin::Avatar-->
<div class="symbol symbol-35px symbol-circle">
<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
</div>
<!--end::Avatar-->
</div>
<!--end::User-->
<!--begin::Text-->
<div class="p-5 rounded bg-light-primary text-dark fw-bold mw-lg-400px text-end" data-kt-element="message-text">Hey there, were just writing to let you know that youve been subscribed to a repository on GitHub.</div>
<!--end::Text-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Message(out)-->
<?php
}
}
?>
</div>
<!--end::Messages-->
</div>
<!--end::Card body-->
<!--begin::Card footer-->
<div class="card-footer pt-4" id="kt_chat_messenger_footer">
<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message"></textarea>
<div class="d-flex flex-stack">
<div class="d-flex align-items-center me-2">
<form name="job_message">
<div class="card-footer pt-4" id="kt_chat_messenger_footer">
<textarea name="yourmessage" class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message"></textarea>
<div class="d-flex flex-stack">
<div class="d-flex align-items-center me-2">
</div>
<button id="submit_yourmessage_<?=$message_id?>" onclick="return replyThisMessage('<?=$job_id?>', <?=$message_id?>);" class="btn btn-primary" type="button" data-kt-element="send">Send</button>
</div>
<button class="btn btn-primary" type="button" data-kt-element="send">Send</button>
</div>
</div>
</div>
</form>
</div>
<!-- /main content -->
<script type="text/javascript">
<!--
function replyThisMessage(message_code,message_id) {
if (document.job_message.yourmessage.value=='') {
alert('Missing message!');
return false;
}
$('#submit_yourmessage_'+message_id).prop('disabled', true);
$.ajax({
url: "/member/replymessage?proc=REPLYMSG&message_code=" + message_code + "&message_id="+message_id+"&yourmessage=" + document.job_message.yourmessage.value
}).done(function( data ) {
$('#msg_result_'+message_id).html(data);
document.job_message.yourmessage.value = '';
$('#submit_yourmessage_'+message_id).prop('disabled', false);
});
return false;
}
// -->
</script>