# HG changeset patch
# User Steve Losh <steve@stevelosh.com>
# Date 1256166568 14400
# Node ID c5932df8f4a87e0a87978dea684a82325d1da2c5
# Parent  43047ad3e2fa5a78da43a7b89a291a82f6be5f9f
Add some sweet web2.0javaajaxgoogles effects.

diff -r 43047ad3e2fa -r c5932df8f4a8 review/web_media/comments.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/review/web_media/comments.js	Wed Oct 21 19:09:28 2009 -0400
@@ -0,0 +1,11 @@
+$(function() {
+    
+    $("form").hide();
+    
+    $("p.comment-activate a").click(function() {
+        $(event.target).hide();
+        $(event.target).closest("div").children("form").fadeIn("fast");
+        return false;
+    });
+
+});
\ No newline at end of file
diff -r 43047ad3e2fa -r c5932df8f4a8 review/web_media/style.css
--- a/review/web_media/style.css	Wed Oct 21 18:49:25 2009 -0400
+++ b/review/web_media/style.css	Wed Oct 21 19:09:28 2009 -0400
@@ -79,8 +79,11 @@
     margin-top: 1.5em;
     white-space: pre;
 }
-div#comment-review {
+div#comment-review form {
     margin-bottom: 3em;
+    display: none;
+}
+div#comment-file form {
 }
 
 /* Diffs. */
diff -r 43047ad3e2fa -r c5932df8f4a8 review/web_templates/base.html
--- a/review/web_templates/base.html	Wed Oct 21 18:49:25 2009 -0400
+++ b/review/web_templates/base.html	Wed Oct 21 19:09:28 2009 -0400
@@ -9,6 +9,7 @@
         <link rel="stylesheet" href="/media/style.css" type="text/css" media="screen" />
         
         <script type="text/javascript" src="/media/jquery-1.3.2.min.js"></script>
+        <script type="text/javascript" src="/media/comments.js"></script>
     </head>
     
     <body>
diff -r 43047ad3e2fa -r c5932df8f4a8 review/web_templates/review.html
--- a/review/web_templates/review.html	Wed Oct 21 18:49:25 2009 -0400
+++ b/review/web_templates/review.html	Wed Oct 21 19:09:28 2009 -0400
@@ -14,6 +14,7 @@
     </div>
 
 <div id="comment-review">
+    <p class="comment-activate"><a href="">Add a comment on this changeset</a></p>
     <form id="comment-review-form" method="post" action="">
         <div class="field">
             <label for="body">Add a comment on this changeset:</label>
@@ -41,6 +42,7 @@
         </div>
     
     <div id="comment-file">
+        <p class="comment-activate"><a href="">Add a comment on this file</a></p>
         <form id="comment-file-form" method="post" action="">
             <div class="field">
                 <label for="body">Add a comment on this file:</label>