From c6afeb2259108d945eb32c12596391a8c06f76e0 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Fri, 20 Mar 2015 15:40:28 -0400
Subject: [PATCH] Show the user card when clicking on users in the directory

---
 .../javascripts/discourse/components/user-small.js.es6    | 2 ++
 .../discourse/templates/components/user-small.hbs         | 8 ++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/discourse/components/user-small.js.es6 b/app/assets/javascripts/discourse/components/user-small.js.es6
index d4eaf001e..b12a0ebb4 100644
--- a/app/assets/javascripts/discourse/components/user-small.js.es6
+++ b/app/assets/javascripts/discourse/components/user-small.js.es6
@@ -1,6 +1,8 @@
 export default Ember.Component.extend({
   classNames: ['user-small'],
 
+  userPath: Discourse.computed.url('username', '/users/%@'),
+
   name: function() {
     const name = this.get('user.name');
     if (name && this.get('user.username') !== name) {
diff --git a/app/assets/javascripts/discourse/templates/components/user-small.hbs b/app/assets/javascripts/discourse/templates/components/user-small.hbs
index 87f72c07b..83edc9c95 100644
--- a/app/assets/javascripts/discourse/templates/components/user-small.hbs
+++ b/app/assets/javascripts/discourse/templates/components/user-small.hbs
@@ -1,11 +1,11 @@
 <div class="user-image">
-  {{#link-to 'user' user.username}}{{avatar user imageSize="large"}}{{/link-to}}
+  <a href="{{unbound userPath}}" data-user-card="{{unbound user.username}}">{{avatar user imageSize="large"}}</a>
 </div>
 
 <div class="user-detail">
   <div class='name-line'>
-    <span class="username">{{#link-to 'user' user.username}}{{user.username}}{{/link-to}}</span>
-    <span class="name">{{name}}</span>
+    <span class="username"><a href="{{unbound userPath}}" data-user-card="{{unbound user.username}}">{{unbound user.username}}</a></span>
+    <span class="name">{{unbound name}}</span>
   </div>
-  <div class="title">{{user.title}}</div>
+  <div class="title">{{unbound user.title}}</div>
 </div>