From 319da55b31b57557848fe6a60fed612532bff71a Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Thu, 14 Feb 2013 00:44:31 -0800
Subject: Chat restyled.

---
 pages/chat.php | 110 ++++++---------------------------------------------------
 1 file changed, 11 insertions(+), 99 deletions(-)

(limited to 'pages/chat.php')

diff --git a/pages/chat.php b/pages/chat.php
index ff61294..a29cf36 100644
--- a/pages/chat.php
+++ b/pages/chat.php
@@ -1,6 +1,6 @@
 <?php
 htmlHeader(
-	array('stats'), 'Chat', 
+	array('stats', 'chat'), 'Chat', 
 	'BetaChat for Pathery.com', 
 	array('scores', 'dateformat')
 );
@@ -13,99 +13,9 @@ if (!$accepted) {
 	echo "<center>Please <a href='javascript:showSignin();'>login</a> to chat!</center>";
 }
 
-?>
 
-<style>
-.chatMessage {
-	width:99%;
-	min-height:32px;
-	margin:4px;
-	display:block;
-	clear:both;
-}
-.chatColumn1 {
-	float:left;
-	min-height:31px;
-	width:9%;
-	margin:1px;
-	padding:2px;
-	height:100%;
-	background-color:#222;
-	text-overflow: ellipsis;
-	white-space:nowrap;
-	display:block;
-	border-bottom-left-radius: 10px;
-	border-top-left-radius: 10px;
-}
-.chatColumn2 {
-	float:left;
-	min-height:31px;
-	width:4%;
-	background-color:#222;
-	margin:1px;
-	padding-right:3px;
-}
-.chatColumn3 {
-	float:left;
-	min-height:31px;
-	width:83%;
-	background-color:#222;
-	margin:1px;
-	padding:2px;
-	border-bottom-right-radius: 20px;
-	border-top-right-radius: 20px;
-}
-.chatTimestamp {
-	font-family:"Times New Roman", Times, serif;
-	float:left;
-	padding: 5px 3px 3px 3px;
-	min-width:70px;
-	overflow:hidden;
-	text-overflow: ellipsis;
-	white-space:nowrap;
-}
-.chatBadge { 
-	height:100%;
-	float:left;
-}
-.chatUsername {
-	font-family:Comic Sans MS, Comic Sans MS5, cursive;
-	min-height:34px;
-		text-overflow: ellipsis;
-	padding: 5px 5px 5px 5px;
-}
-.chatText {
-	font-family:Comic Sans MS, Comic Sans MS5, cursive;
-	min-height:34px;
-	padding: 5px 5px 5px 5px;
-}
-.chatInputMessage {
-	font-family:Comic Sans MS, Comic Sans MS5, cursive;
-	border: 1px solid gray;
-	background-color:#999;
-	width: 700px;
-	margin: 4px;
-}
-.chatButton {
-	margin: 4px;
-}
 
-#chatContainer {
-	width:800px;
-	margin:0 auto;
-	height:400px;
-	overflow:auto;
-}
-.chatContainer2 {
-	width:810px;
-	margin:0 auto;
-	height:450px;
-	overflow:auto;
-}
-
-
-
-</style>
+?>
 
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
@@ -161,16 +71,13 @@ function getChatDone(data) {
 		p = '';
 		p = p+ " <div class='chatColumn1'>";
 		p = p+ " 	<span class='chatTimestamp'>["+timestamp+"]</span>";
-		p = p+ "</div>";
-		
-		p = p+ " <div class='chatColumn2'>";
 		p = p+ "		<div class='grid_td chatBadge' style='float:left; width:35px; height:35px; background:"+user.wallColor+" url(images/marks/"+user.wallEmblem+");'>";
 		p = p+ "			<div style='background-color:transparent;' class='grid_td_inner grid_td_rocks'>";
 		p = p+ "			</div>";
 		p = p+ "		</div>";
 		p = p+ "	</div>";
 		
-		p = p+ " <div class='chatColumn3'>";
+		p = p+ " <div class='chatColumn2'>";
 		
 		p = p+ "<span class='chatUsername'><a href='achievements?id="+user.userID+"' style='color:"+user.displayColor+"'>";
 		p = p+ user.displayName+"</a>:</span>";
@@ -182,15 +89,20 @@ function getChatDone(data) {
 		
 		lastID = user.ID;
 		
-		items.unshift('<div class="chatMessage" id="' + key + '">' + p + '</div>');
+		var strClass = '';
+		console.log('cpm', user.userID, userObj.ID); 
+		if (user.userID == userObj.ID) {
+			strClass += ' self';
+		}
+		
+		items.unshift('<div class="chatMessage'+strClass+'" id="' + key + '">' + p + '</div>');
 		newChats = true;
 	});
 	
 	//console.log("BUILD DONE");
 	
 	if (newChats) {
-		if (chatTimerDelay > chatTimerDelayLower)
-			chatTimerDelay -= 1000;
+		if (chatTimerDelay > chatTimerDelayLower)	chatTimerDelay -= 1000;
 		
 		var new_chatDiv = $('<div/>', {
 			'class': 'my-new-list',
-- 
cgit v1.2.3