a bit more ajax work on chat and chatsvc and some fiddling with layouts

1 files changed, 25 insertions, 10 deletions

diff --git a/view/tpl/chat.tpl b/view/tpl/chat.tpl
index d0f9418a0..13862c339 100644
--- a/view/tpl/chat.tpl
+++ b/view/tpl/chat.tpl
@@ -1,11 +1,12 @@
-<div id="chatContainer">
+<div id="chatContainer" style="height: 100%; width: 100%; position: absolute; right: 0; bottom: 0;">
 
-    <div id="chatTopBar" class="rounded"></div>
+    <div id="chatTopBar" style="float: left; height: 80%;"></div>
     <div id="chatLineHolder"></div>
 
-    <div id="chatUsers" class="rounded"></div>
+    <div id="chatUsers" style="float: right; width: 120px; height: 100%; border: 1px solid #000;" ></div>
 
-    <div id="chatBottomBar" class="rounded">
+	<div class="clear"></div>
+    <div id="chatBottomBar" style="position: absolute; bottom: 0; height: 150px;">
         <div class="tip"></div>
 
         <form id="chat-form" method="post" action="#">
@@ -20,24 +21,38 @@
 
 <script>
 var room_id = {{$room_id}};
+var last_chat = 0;
+var chat_timer = null;
 
 $('#chat-form').submit(function(ev) {
 	$('body').css('cursor','wait');
 	$.post("chatsvc", $('#chat-form').serialize(),function(data) {
-			load_chats(data);
+			if(chat_timer) clearTimeout(chat_timer);
+			load_chats();
 			$('body').css('cursor','auto');
 		},'json');
 	ev.preventDefault();
 });
 
-function load_chats(data) {
-	var chat_data = data;
-	if(! data) {
-		$.get("chatsvc?f=&room_id=" + room_id,function(data) {
-			chat_data = $this;
+function load_chats() {
+
+	$.get("chatsvc?f=&room_id=" + room_id + '&last=' + last_chat,function(data) {
+		if(data.success) {
+			update_inroom(data.inroom);
+			update_chats(data.chats);
 		});
 	}
 
+	chat_timer = setTimeout(load_chats,10000);
+
+}
+
+function update_inroom(inroom) {
 
 }
+
+function update_chats(chats) {
+
+}
+
 </script>