hide users IPs and UAs by default

app/templating/AssetHelper.scala

@@ -7,7 +7,7 @@ import play.api.templates.Html
 
 trait AssetHelper {
 
-  val assetVersion = 90
+  val assetVersion = 91
 
   def cssTag(name: String) = css("stylesheets/" + name)
 

app/views/user/show.scala.html

@@ -99,14 +99,17 @@ evenMoreCss = evenMoreCss) {
       }
       @actions
       @info.spy.map { spy =>
-      <br />
-      <br />
-      <strong>IP addresses:</strong> <ul>@spy.ips.map { ip =>
-        <li>@ip</li>
-        }</ul>
-      <strong>User agents:</strong> <ul>@spy.uas.map { ua =>
-        <li>@ua</li>
-        }</ul>
+      <div class="user_spy">
+        <a class="toggle">Show IPs and UAs</a>
+        <div class="inner">
+          <strong>IP addresses:</strong> <ul>@spy.ips.map { ip =>
+            <li>@ip</li>
+            }</ul>
+          <strong>User agents:</strong> <ul>@spy.uas.map { ua =>
+            <li>@ua</li>
+            }</ul>
+        </div>
+      </div>
       }
     </div>
   </div>

public/javascripts/user.js

@@ -23,6 +23,10 @@ $(function() {
       return false;
     });
   }
+
+  $("div.user_spy .toggle").click(function() {
+    $(this).parent().find(".inner").toggle();
+  });
 });
 function str_repeat(input, multiplier) {
   return new Array(multiplier + 1).join(input);

public/stylesheets/user-show.css

@@ -69,3 +69,10 @@ div.user_show div.elo_with_me strong {
 div.user_show div.games {
   margin-top: 10px;
 }
+
+div.user_show .user_spy {
+  margin-top: 1em;
+}
+div.user_show .user_spy .inner {
+  display: none;
+}