fixed comment hiding

app/assets/javascripts/comments.js

@@ -5,6 +5,7 @@
     $("div.dtext-preview").hide();
     this.initialize_response_link();
     this.initialize_preview_button();
+    this.hide_threshold_comments();
   }
   
   Danbooru.Comment.initialize_response_link = function() {
@@ -31,6 +32,37 @@
       });
     });
   }
+  
+  Danbooru.Comment.highlight_threshold_comments = function(post_id) {
+    var threshold = parseInt(Danbooru.meta("user-comment-threshold"));
+    var articles = $("article.comment[data-post-id=" + post_id + "]");
+    console.log("articles=%o", articles);
+    articles.each(function(i, v) {
+      var $comment = $(v);
+      console.log("testing %o", $comment);
+      if (parseInt($comment.data("score")) < threshold) {
+        $comment.addClass("below-threshold");
+      }
+    })
+  }
+  
+  Danbooru.Comment.hide_threshold_comments = function(post_id) {
+    var threshold = parseInt(Danbooru.meta("user-comment-threshold"));
+    var articles = null;
+    
+    if (post_id) {
+      articles = $("article.comment[data-post-id=" + post_id + "]");
+    } else {
+      articles = $("article.comment");
+    }
+    
+    articles.each(function(i, v) {
+      var $comment = $(v);
+      if (parseInt($comment.data("score")) < threshold) {
+        $comment.hide();
+      }
+    });
+  }
 })();
 
 $(document).ready(function() {

app/assets/stylesheets/application.css.scss

@@ -539,7 +539,7 @@ div#c-pool-orders {
 
 div.comments-for-post {
   div.list-of-comments {
-    article {
+    article.comment {
       margin-bottom: 2em;
       
       div.author {
@@ -558,6 +558,14 @@ div.comments-for-post {
         float: left;
       }
     }
+    
+    article.comment.below-threshold {
+      opacity: 0.2;
+    }
+    
+    article.comment.below-threshold:hover {
+      opacity: 1.0;
+    }
   }
   
   div.comment-preview {

app/controllers/comments_controller.rb

@@ -40,7 +40,7 @@ private
   def index_for_post
     @post = Post.find(params[:post_id])
     @comments = @post.comments
-    @comments = @comments.visible unless params[:include_hidden]
+    @comments = @comments.visible(CurrentUser.user) unless params[:include_below_threshold]
     render :action => "index_for_post"
   end
 

app/views/comments/index_for_post.js.erb

@@ -1 +1,11 @@
-$("div.comments-for-post[data-post-id=<%= @post.id %>] div.notices").hide();
+$("#hidden-comments-notice-for-<%= @post.id %>").hide();
+
+$("div.comments-for-post[data-post-id=<%= @post.id %>] div.list-of-comments").html("<%= j(render(:partial => 'comments/partials/show/comment', :collection => @comments))%>");
+
+<% if params[:include_below_threshold] %>
+  $("#threshold-comments-notice-for-<%= @post.id %>").hide();
+  Danbooru.Comment.highlight_threshold_comments(<%= @post.id %>);
+<% else %>
+  Danbooru.Comment.hide_threshold_comments(<%= @post.id %>);
+<% end %>
+

app/views/comments/partials/index/_header.html.erb

@@ -33,12 +33,12 @@
   <div class="row notices">
     <% if post.comments.count > 6 %>
       <span class="info" id="hidden-comments-notice-for-<%= post.id %>"%>
-        <%= link_to "#{pluralize(post.comments.size, 'comment')} hidden", comments_path(:post_id => post.id), :remote => true %>.
+        <%= link_to "#{pluralize(post.comments.size, 'comment')} hidden", comments_path(:post_id => post.id), :remote => true %>
       </span>
     <% end %>
     <% if post.comments.hidden(CurrentUser.user).count > 0 %>
       <span class="info" id="threshold-comments-notice-for-<%= post.id %>"%>
-        <%= link_to "#{pluralize(post.comments.hidden(CurrentUser.user).count, 'comment')} below threshold", comments_path(:post_id => post.id, :include_hidden => true), :remote => true %>.
+        <%= link_to "#{pluralize(post.comments.hidden(CurrentUser.user).count, 'comment')} below threshold", comments_path(:post_id => post.id, :include_below_threshold => true), :remote => true %>
       </span>
     <% end %>
   </div>

app/views/comments/partials/show/_comment.html.erb

@@ -1,4 +1,4 @@
-<article data-comment-id="<%= comment.id %>">
+<article class="comment" data-post-id="<%= comment.post_id %>" data-comment-id="<%= comment.id %>" data-score="<%= comment.score %>">
   <div class="author">
     <h1><%= link_to comment.creator_name, user_path(comment.creator_id) %></h1>
     <p>

app/views/layouts/default.html.erb

@@ -7,6 +7,7 @@
   <%= csrf_meta_tag %>
   <meta name="current-user-name" content="<%= CurrentUser.name %>">
   <meta name="current-user-id" content="<%= CurrentUser.id %>">
+  <meta name="user-comment-threshold" content="<%= CurrentUser.comment_threshold %>">
   <% unless CurrentUser.user.blacklisted_tags.blank? %>
     <meta name="blacklisted-tags" content="<%= CurrentUser.user.blacklisted_tags %>">
   <% end %>

db/seeds.rb

@@ -45,7 +45,9 @@ end
 if Comment.count == 0
   puts "Creating comments"
   Post.all.each do |post|
-    Comment.create(:post_id => post.id, :body => rand(1_000_000).to_s)
+    20.times do
+      Comment.create(:post_id => post.id, :body => rand(1_000_000).to_s)
+    end
   end
 else
   puts "Skipping comments"