112 lines
5.0 KiB
PHP
112 lines
5.0 KiB
PHP
<div class="card" id="kt_chat_messenger">
|
|
<!--begin::Card header-->
|
|
<div class="card-header" id="kt_chat_messenger_header">
|
|
<!--begin::Title-->
|
|
<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"><?=$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>
|
|
<span class="fs-7 fw-bold text-muted">Active</span>
|
|
</div>
|
|
<!--end::Info-->
|
|
</div>
|
|
<!--end::User-->
|
|
</div>
|
|
<!--end::Title-->
|
|
<!--begin::Card toolbar-->
|
|
<div class="card-toolbar">
|
|
|
|
</div>
|
|
<!--end::Card toolbar-->
|
|
</div>
|
|
<!--end::Card header-->
|
|
<!--begin::Card body-->
|
|
<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">
|
|
|
|
<?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>
|
|
</div>
|
|
|
|
<?
|
|
|
|
}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>
|
|
</div>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
<!--end::Messages-->
|
|
</div>
|
|
<!--end::Card body-->
|
|
<!--begin::Card footer-->
|
|
<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>
|
|
</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>
|