Web/chat/index.php

<?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"; ?>