user click to chat

app/views/relation/actions.scala.html

@@ -28,13 +28,6 @@ case None => {
 </a>
 }
 case Some(true) => {
-@if(followsMe(userId)) {
-<a class="icon button chat chat_query"
-  title="@trans.chat()"
-  data-query="@userId">
-  <span class="s16 chat"></span>
-</a>
-}
 <a class="button relation hover_text" href="@routes.Relation.unfollow(userId)">
   <span class="base s16 tup">@trans.following()</span>
   <span class="hover s16 tup">@trans.unfollow()</span>

app/views/user/mini.scala.html

@@ -16,6 +16,7 @@
     <span class="lang s16">@name</span>
     }
   </p>
+  <a href="@routes.User.show(u.username)">@trans.profile()</a>
   @if(followsMe(u.id)) {
   @trans.followsYou()
   }

public/javascripts/big.js

@@ -1118,6 +1118,10 @@ var storage = {
       self.$list = self.element.find("div.content");
       self.$nobody = self.element.find("div.nobody");
       self.set(self.element.data('preload'));
+      self.$list.on('click', 'a', function(e) {
+        $('#chat').onechat('query', $(this).data('id'));
+        e.preventDefault();
+      });
     },
     repaint: function() {
       this.users = _.uniq(this.users);
@@ -1141,7 +1145,7 @@ var storage = {
       this.repaint();
     },
     _renderUser: function(user) {
-      return '<a class="ulpt" data-placement="nw" href="/@/' + user + '"><span class="s16">' + user + '</span></a>';
+      return '<a class="ulpt" data-id="' + user + '" data-placement="nw" href="/@/' + user + '"><span class="s16">' + user + '</span></a>';
     }
   });
 

public/stylesheets/common.css

@@ -191,9 +191,6 @@ ul.ui-autocomplete li a.ui-state-focus {
   position: absolute;
   z-index: 2147483647;
 }
-#powerTip {
-  width: 270px;
-}
 #powerTip > .title {
   padding: 8px;
   border-bottom: 1px solid #c0c0c0;