_comment_group.rhtml
1.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<div class="comments">
<div class="comment_group_<%= group_id %>" style="float: left">
<div style="float: left">
<%= link_to_remote(image_tag("/plugins/comment_group_macro/images/comments.gif"),
:url => { :profile => profile_identifier, :controller => 'comment_group_macro_plugin_profile', :action => 'view_comments', :group_id => group_id, :article_id => article_id},
:loaded => visual_effect(:highlight, "comments_list_group_#{group_id}"),
:method => :post,
:condition => "!groupVisible(#{group_id})",
:complete => "jQuery('div.comment-group-loading-#{group_id}').removeClass('comment-button-loading')")%>
</div>
<!-- FIXME: css file -->
<div id="comments_group_count_<%= group_id %>" style="float: right; vertical-align: middle; padding-left: 3px; padding-right: 5px; color: #5AC1FC"><span id="comment-count-<%= group_id %>" class='comment-count'><%= count %></span></div>
</div>
<div>
<%= inner_html %>
</div>
<div class="comment-group-loading-<%= group_id %>"/>
<div class="comments_list_toggle_group_<%= group_id %>" style="display:none">
<div class="article-comments-list">
<div id="comments_list_group_<%= group_id %>"></div>
</div>
<div id="page-comment-form-<%= group_id %>" class='post_comment_box closed'><%= render :partial => 'comment/comment_form', :locals => {:comment => Comment.new, :display_link => true, :cancel_triggers_hide => true, :group_id => group_id}%></div>
</div>
<script type="text/javascript">
function groupVisible(group) {
return jQuery('div.comments_list_toggle_group_'+group).is(':visible');
}
(function($) {
var button = $('div.comment_group_<%= group_id %> a');
button.click(function() {
var div = $('div.comments_list_toggle_group_<%= group_id %>')
if(!div.is(':visible'))
$('div.comment-group-loading-<%= group_id %>').addClass('comment-button-loading');
div.toggle('fast');
});
})(jQuery)
</script>
</div>