The administration panel and web client for ParEdu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

49 lines
1.8 KiB

<?php
$ischat = true;
include "../header.php";
?>
<section class="fullscreencontent">
<div class="row clearfix chat-container">
<div class="user_id"><?php echo $userid; ?></div>
<div class="list-group users col-xs-12 col-md-3" style="padding-right: 0; margin-right: 0;">
</div>
<div class="chat col-xs-12 col-md-9" style="padding-left: 0;padding-right: 0;">
<div class="chat_history">
<div class="chat_history_user">
<div class="chat_history_user_pic circle"></div>
<div class="chat_history_user_info">Nincs másodlagos fél kiválasztva.</div>
<div class="chat_history_user_id">0</div>
</div>
<div class="chat_history_chat">
<div class="text-center">
<h4>Chat</h4>
<p>A beszélgetés megkezdéséhez kattintson az adott felhasználóra</p>
</div>
</div>
</div>
<div class="chat_box">
<form id="form">
<div class="form-group" style="margin-right: 15px;">
<div class="form-line">
<textarea class="form-control no-resize message auto-growth" id="new_message" disabled=true rows="1" placeholder="Üzenet" style="background-color: rgba(0,0,0,0.0);"></textarea>
</div>
</div>
<button type="submit" id="btn-send" onClick="scrollDown();" class="btn bg-teal waves-effect" disabled=true><i class="material-icons">send</i></button>
</form>
</div>
</div>
</div>
</section>
<script src="<?php echo $curdir; ?>plugins/autosize/autosize.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
autosize($('textarea.auto-growth'));
});
function scrollDown(){
setTimeout(function(){
document.querySelectorAll(".chat_history_chat")[0].scrollTop=document.querySelectorAll(".chat_history_chat")[0].scrollHeight;
}, 300);
}
</script>
<?php include "../footer.php"; ?>