From 541e41e804fbbffb6d6372f66f3f4e303ce22209 Mon Sep 17 00:00:00 2001
From: Mattias Erming <mattias@mattiaserming.com>
Date: Wed, 9 Apr 2014 22:54:04 +0200
Subject: [PATCH] Clickable users

---
 client/css/style.css | 12 +++++++-----
 client/index.html    |  6 +++---
 client/js/chat.js    |  9 +++++++--
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/client/css/style.css b/client/css/style.css
index 063dc14c..c229c553 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -11,9 +11,14 @@ h2 {
 	font: inherit;
 	margin: 0;
 }
-.nav > li > a:hover {
+.nav a[data-toggle]:hover {
 	background: #f9f9f9;
 }
+.user {
+	color: #f00;
+	cursor: pointer;
+	-webkit-user-select: none;
+}
 #wrap,
 #viewport {
 	height: 100%;
@@ -184,7 +189,7 @@ h2 {
 	padding: 0 8px;
 }
 #chat .messages {
-	border-left: 8px solid #fafafa;
+	border-left: 8px solid #f7f7f9;
 	bottom: 30px;
 	left: 0;
 	overflow-y: auto;
@@ -205,9 +210,6 @@ h2 {
 #chat .message .time {
 	color: #bbb;
 }
-#chat .message .user {
-	color: #f00;
-}
 #chat .message .type,
 #chat .message .text {
 	color: inherit;
diff --git a/client/index.html b/client/index.html
index 58cd0df6..7f08c89e 100644
--- a/client/index.html
+++ b/client/index.html
@@ -99,9 +99,9 @@
 	</script>
 	<script type="text/html" id="user">
 	{{#users}}
-	<a href="{{name}}" class="user">
-		{{mode}}{{name}}
-	</a>
+	<div class="user">
+		{{name}}
+	</div>
 	{{/users}}
 	</script>
 	<script type="text/html" id="message">
diff --git a/client/js/chat.js b/client/js/chat.js
index 2a31543e..fe12c640 100644
--- a/client/js/chat.js
+++ b/client/js/chat.js
@@ -215,8 +215,13 @@ $(function() {
 		});
 	});
 	
-	chat.on("click", ".user", function(e) {
-		e.preventDefault();
+	chat.on("dblclick", ".user", function() {
+		var link = $(this);
+		var id = parseInt(link.closest(".window").attr("id").replace("window-", ""));
+		socket.emit("input", {
+			id: id,
+			text: "/whois " + link.text(),
+		});
 	});
 
 	chat.on("focus", "input[type=text]", function() {