adding a menu to display comment actions

Victor Costa
1 parent e22e8356
Showing 5 changed files with 109 additions and 19 deletions Show diff stats
app/helpers/application_helper.rb
app/helpers/comment_helper.rb
app/views/comment/_comment.rhtml
public/javascripts/application.js
public/stylesheets/application.css
@@ -30,6 +30,8 @@ module ApplicationHelper
   include AccountHelper
+  include CommentHelper
+
   def locale
     (@page && !@page.language.blank?) ? @page.language : FastGettext.locale
   end
@@ -21,5 +21,44 @@ module CommentHelper
     end
     title
   end
+  
+  #FIXME make this test
+  def comment_actions(comment)
+    links = links_for_comment_actions(comment)
+    content_tag(:li, link_to(content_tag(:span, _('Contents menu')), '#', :onclick => "toggleSubmenu(this,'',#{links.to_json}); return false", :class => 'menu-submenu-trigger'), :class=> 'vcard') unless links.empty?
+  end
+
+  private
+
+  def links_for_comment_actions(comment)
+    [link_for_report_abuse(comment), link_for_spam(comment), link_for_edit(comment), link_for_remove(comment)].compact
+  end
+
+  def link_for_report_abuse(comment)
+    if comment.author
+      report_abuse_link = report_abuse(comment.author, :comment_link, comment)
+      {:link => report_abuse_link} if report_abuse_link
+    end
+  end
+
+  def link_for_spam(comment)
+    if comment.spam?
+      {:link => link_to_function(_('Mark as NOT SPAM'), 'remove_comment(this, %s); return false;' % url_for(:profile => profile.identifier, :mark_comment_as_ham => comment.id).to_json, :class => 'comment-footer comment-footer-link comment-footer-hide')}
+    elsif (logged_in? && (user == profile || user.has_permission?(:moderate_comments, profile)))
+      {:link => link_to_function(_('Mark as SPAM'), 'remove_comment(this, %s, %s); return false;' % [url_for(:profile => profile.identifier, :controller => 'comment', :action => :mark_as_spam, :id => comment.id).to_json, _('Are you sure you want to mark this comment as SPAM?').to_json], :class => 'comment-footer comment-footer-link comment-footer-hide')}
+    end
+  end
+
+  def link_for_edit(comment)
+    if comment.author && comment.author == user 
+      {:link => expirable_comment_link(comment, :edit, _('Edit'), url_for(:profile => profile.identifier, :controller => :comment, :action => :edit, :id => comment.id),:class => 'colorbox')}
+    end
+  end
+
+  def link_for_remove(comment)
+    if logged_in? && (user == profile || user == comment.author || user.has_permission?(:moderate_comments, profile))
+      {:link => link_to_function(_('Remove'), 'remove_comment(this, %s, %s); return false ;' % [url_for(:profile => profile.identifier, :controller => 'comment', :action => :destroy, :id => comment.id).to_json, _('Are you sure you want to remove this comment and all its replies?').to_json], :class => 'comment-footer comment-footer-link comment-footer-hide remove-children')}
+    end
+  end
 end
@@ -31,6 +31,21 @@
   <% comment_balloon do %>
     <div class="comment-details">
+      <div class="comment-header">
+        <ul>
+          <div class="comment-actions">
+            <%= comment_actions(comment) %>
+          </div>
+        </ul>
+      <% unless comment.spam? %>
+        <%= link_to_function '',
+          "var f = add_comment_reply_form(this, %s); f.find('comment_title, textarea').val(''); return false" % comment.id,
+          :class => 'comment-footer comment-footer-link comment-footer-hide comment-actions-reply button',
+          :id => 'comment-reply-to-' + comment.id.to_s
+        %>
+      <% end %>
+      </div>
+
       <div class="comment-created-at">
         <%= show_time(comment.created_at) %>
       </div>
@@ -41,7 +56,7 @@
       </div>
     </div>
-    <div class="comment_reply post_comment_box closed">
+    <div class="comment_reply post_comment_box closed" id="comment_reply_to_<%= comment.id %>">
       <% if @comment && @comment.errors.any? && @comment.reply_of_id.to_i == comment.id %>
         <%= error_messages_for :comment %>
         <script type="text/javascript">
@@ -295,11 +295,17 @@ function toggleSubmenu(trigger, title, link_list) {
   content.append('<h4>' + title + '</h4>');
   jQuery.each(link_list, function(index, link_hash) {
     for (label in link_hash) {
-      options = "";
-      jQuery.each(link_hash[label], function(option, value){
-        options += option +'="'+ value + '" ';
-      })
-      list.append('<li><a '+ options +'>' + label + '</a></li>');
+      if(link_hash[label]!=null) {
+        if(label=='link' && jQuery.type(link_hash[label])=="string") {
+          list.append('<li>' + link_hash[label] + '</li>');
+        } else {
+          options = "";
+          jQuery.each(link_hash[label], function(option, value){
+            options += option +'="'+ value + '" ';
+          })
+          list.append('<li><a '+ options +'>' + label + '</a></li>');
+        }
+      }
     }
   });
   content.append(list);
@@ -323,9 +329,9 @@ function hideAllSubmenus() {
 // Hide visible ballons when clicked outside them
 jQuery(document).ready(function() {
   jQuery('body').live('click', function() { hideAllSubmenus(); });
-  jQuery('.menu-submenu-trigger').click(function(e) { e.stopPropagation(); });
-  jQuery('.simplemenu-trigger').click(function(e) { e.stopPropagation(); });
-  jQuery('#chat-online-users').click(function(e) { e.stopPropagation(); });
+  jQuery('.menu-submenu-trigger').live('click', function(e) { e.stopPropagation(); });
+  jQuery('.simplemenu-trigger').live('click', function(e) { e.stopPropagation(); });
+  jQuery('#chat-online-users').live('click', function(e) { e.stopPropagation(); });
 });
 function input_javascript_ordering_stuff() {
@@ -689,8 +695,8 @@ jQuery(function($) {
 });
 function add_comment_reply_form(button, comment_id) {
-  var container = jQuery(button).parents('.comment_reply');
-
+  //var container = jQuery(button).parents('.comment_reply');
+  var container = jQuery('#comment_reply_to_'+comment_id);
   var f = container.find('.comment_form');
   if (f.length == 0) {
     comments_div = jQuery(button).parents('.comments');
@@ -1755,13 +1755,31 @@ a.button.disabled, input.disabled {
 #content .profile-list-block ul {
   width: 200px;
 }
-#content .common-profile-list-block li {
-  margin: 0px;
+#content .comment-header .comment-actions-reply {
+  float: right;
+  background-image: url(/designs/icons/tango/Tango/16x16/actions/go-jump.png);
+  height: 12px;
+}
+#content .comment-header ul {
+  float: right;
+}
+#content .comment-actions .menu-submenu-header, #content .comment-actions .menu-submenu-footer, #content .comment-actions .menu-submenu h4 {
+  display: none;
+}
+#content .comment-actions .menu-submenu ul {
+  border: 1px solid #888a85;
+  background-color: #efefef;
+  padding-right: 2px;
+  height: auto;
+  display: block;
+}
+#content .common-profile-list-block li, #content .comment-actions li {
+  margin: 0px !important;
   padding: 0px;
   list-style: none;
   position: relative;
 }
-.common-profile-list-block .vcard a {
+.common-profile-list-block .vcard a, .comment-actions .vcard a {
   display: block;
   height: 112px;
   max-height: 112px;
@@ -1772,7 +1790,7 @@ a.button.disabled, input.disabled {
   text-align: center;
   overflow: hidden;
   font-size: 11px;
-  text-decoration: none;
+  text-decoration: none !important;
   color: #000;
   position: relative;
   cursor: pointer; /* work arround bug for MSIE */
@@ -4458,11 +4476,17 @@ h1#agenda-title {
 }
 /* Profile balloon */
-.common-profile-list-block .vcard {
+.common-profile-list-block .vcard, .comment-actions .vcard {
   position: relative !important;
   float: left;
 }
-.common-profile-list-block .vcard .menu-submenu-trigger, .menu-submenu-trigger {
+#content .comment-actions .vcard {
+  padding-right: 20px;
+}
+#content .comment-actions .vcard .menu-submenu-trigger {
+  display: block;
+}
+.common-profile-list-block .vcard .menu-submenu-trigger, .menu-submenu-trigger, .comment-actions .vcard .menu-submenu-trigger {
   display: none;
   width: 16px;
   height: 16px;
@@ -4476,7 +4500,7 @@ h1#agenda-title {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
 }
-.common-profile-list-block .vcard .menu-submenu-trigger:hover, .menu-submenu-trigger:hover {
+.common-profile-list-block .vcard .menu-submenu-trigger:hover, .menu-submenu-trigger:hover, .comment-actions .vcard .menu-submenu-trigger:hover {
   background: #fff url(/images/top-arrow.png) center center no-repeat;
   border: 1px solid #ccc;
 }
@@ -4495,6 +4519,10 @@ h1#agenda-title {
   padding: 0;
   text-align: left;
 }
+.comment-details .menu-submenu {
+  bottom: 0px;
+  right: -134px;
+}
 .box-2 .menu-submenu, .box-3 .menu-submenu {
   bottom: 78px;
   right: -44px;
@@ -4529,7 +4557,7 @@ h1#agenda-title {
 .msie7 #search-results .menu-submenu-trigger {
   width: 20px !important;
 }
-.common-profile-list-block .vcard .menu-submenu a {
+.common-profile-list-block .vcard .menu-submenu a, .comment-actions .vcard .menu-submenu a {
   float: none;
   display: block;
   height: auto;
	@@ -30,6 +30,8 @@ module ApplicationHelper		@@ -30,6 +30,8 @@ module ApplicationHelper
30		30
31	include AccountHelper	31	include AccountHelper
32		32
		33	+ include CommentHelper
		34	+
33	def locale	35	def locale
34	(@page && !@page.language.blank?) ? @page.language : FastGettext.locale	36	(@page && !@page.language.blank?) ? @page.language : FastGettext.locale
35	end	37	end
	@@ -21,5 +21,44 @@ module CommentHelper		@@ -21,5 +21,44 @@ module CommentHelper
21	end	21	end
22	title	22	title
23	end	23	end
		24	+
		25	+ #FIXME make this test
		26	+ def comment_actions(comment)
		27	+ links = links_for_comment_actions(comment)
		28	+ content_tag(:li, link_to(content_tag(:span, _('Contents menu')), '#', :onclick => "toggleSubmenu(this,'',#{links.to_json}); return false", :class => 'menu-submenu-trigger'), :class=> 'vcard') unless links.empty?
		29	+ end
		30	+
		31	+ private
		32	+
		33	+ def links_for_comment_actions(comment)
		34	+ [link_for_report_abuse(comment), link_for_spam(comment), link_for_edit(comment), link_for_remove(comment)].compact
		35	+ end
		36	+
		37	+ def link_for_report_abuse(comment)
		38	+ if comment.author
		39	+ report_abuse_link = report_abuse(comment.author, :comment_link, comment)
		40	+ {:link => report_abuse_link} if report_abuse_link
		41	+ end
		42	+ end
		43	+
		44	+ def link_for_spam(comment)
		45	+ if comment.spam?
		46	+ {:link => link_to_function(_('Mark as NOT SPAM'), 'remove_comment(this, %s); return false;' % url_for(:profile => profile.identifier, :mark_comment_as_ham => comment.id).to_json, :class => 'comment-footer comment-footer-link comment-footer-hide')}
		47	+ elsif (logged_in? && (user == profile \|\| user.has_permission?(:moderate_comments, profile)))
		48	+ {:link => link_to_function(_('Mark as SPAM'), 'remove_comment(this, %s, %s); return false;' % [url_for(:profile => profile.identifier, :controller => 'comment', :action => :mark_as_spam, :id => comment.id).to_json, _('Are you sure you want to mark this comment as SPAM?').to_json], :class => 'comment-footer comment-footer-link comment-footer-hide')}
		49	+ end
		50	+ end
		51	+
		52	+ def link_for_edit(comment)
		53	+ if comment.author && comment.author == user
		54	+ {:link => expirable_comment_link(comment, :edit, _('Edit'), url_for(:profile => profile.identifier, :controller => :comment, :action => :edit, :id => comment.id),:class => 'colorbox')}
		55	+ end
		56	+ end
		57	+
		58	+ def link_for_remove(comment)
		59	+ if logged_in? && (user == profile \|\| user == comment.author \|\| user.has_permission?(:moderate_comments, profile))
		60	+ {:link => link_to_function(_('Remove'), 'remove_comment(this, %s, %s); return false ;' % [url_for(:profile => profile.identifier, :controller => 'comment', :action => :destroy, :id => comment.id).to_json, _('Are you sure you want to remove this comment and all its replies?').to_json], :class => 'comment-footer comment-footer-link comment-footer-hide remove-children')}
		61	+ end
		62	+ end
24		63
25	end	64	end
	@@ -31,6 +31,21 @@		@@ -31,6 +31,21 @@
31	<% comment_balloon do %>	31	<% comment_balloon do %>
32		32
33	<div class="comment-details">	33	<div class="comment-details">
		34	+ <div class="comment-header">
		35	+ <ul>
		36	+ <div class="comment-actions">
		37	+ <%= comment_actions(comment) %>
		38	+ </div>
		39	+ </ul>
		40	+ <% unless comment.spam? %>
		41	+ <%= link_to_function '',
		42	+ "var f = add_comment_reply_form(this, %s); f.find('comment_title, textarea').val(''); return false" % comment.id,
		43	+ :class => 'comment-footer comment-footer-link comment-footer-hide comment-actions-reply button',
		44	+ :id => 'comment-reply-to-' + comment.id.to_s
		45	+ %>
		46	+ <% end %>
		47	+ </div>
		48	+
34	<div class="comment-created-at">	49	<div class="comment-created-at">
35	<%= show_time(comment.created_at) %>	50	<%= show_time(comment.created_at) %>
36	</div>	51	</div>
	@@ -41,7 +56,7 @@		@@ -41,7 +56,7 @@
41	</div>	56	</div>
42	</div>	57	</div>
43		58
44	- <div class="comment_reply post_comment_box closed">	59	+ <div class="comment_reply post_comment_box closed" id="comment_reply_to_<%= comment.id %>">
45	<% if @comment && @comment.errors.any? && @comment.reply_of_id.to_i == comment.id %>	60	<% if @comment && @comment.errors.any? && @comment.reply_of_id.to_i == comment.id %>
46	<%= error_messages_for :comment %>	61	<%= error_messages_for :comment %>
47	<script type="text/javascript">	62	<script type="text/javascript">