socialforge/app/views/boards/_project_show.html.erb

<div nhname="container_board">
  <div class="project_r_h" xmlns="http://www.w3.org/1999/html">
    <h2 class="project_h2 fl">
      <% if User.current.language == "zh"%>
          <%= h @board.name %>
      <% else %>
          <%= l(:project_module_boards) %>
      <% end %>
    </h2>
    <% if User.current.logged? %>
        <a href="javascript:void(0)" class="green_btn fr newtalk " id="new_topic_btn" nhname="showbtn"><%= l(:label_message_new) %></a>
    <% end %>
    <div class="cl"></div>
  </div>
  <% if !User.current.logged? %>
    <div class="c_grey f14">
      <%= l(:label_user_login_project_board) %>
      <%= link_to l(:label_user_login_new), signin_path, :class => "c_blue ml5" %>
    </div>
  <% end %>
  <div class="cl"></div>
  <div class=" talklist_box" >
    <div class="talk_new ml15 mb10" nhname="about_talk" style="display:none;">
      <ul>
        <%= render :partial => 'project_new_topic' %>
      </ul>
    </div><!--talknew end-->
  </div>
</div>
<div class=" talklist_box" >
  <p class="c_dark mb5 f14">讨论区共有<span class="c_orange"><%= @topic_count %></span>个帖子</p>
  <% if @topics.any? %>
      <% @topics.each do |topic| %>
          <div class="talkmain_box" id="topic<%= topic.id %>" nhname="container_board" mhname="container_board_reply" style="border:none; margin-bottom:0; border-bottom: 1px dashed #d9d9d9;">
            <%= link_to image_tag(url_to_avatar(topic.author), :width=>"42",:height=>"42"), user_path(topic.author),:class =>'talkmain_pic fl' %>
            <div class="talkmain_txt fl mt5 f14">
              <% author = topic.author.to_s %>
              <div style="max-width:80px;white-space:nowrap;overflow:hidden;float:left;text-overflow:ellipsis;">
                <%= link_to author, user_path(topic.author), :class =>"talkmain_name fl f14",:title=>author,
                            :style=>'max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;' %>
              </div>
              <p style="float:left;color:#ff5722;">&nbsp;&nbsp;:</p>

              <p class="talkmain_tit fl fb break_word f14" title="<%=  h(topic.subject) %>" style="width:auto;float:left;max-width:390px;white-space:nowrap;overflow:hidden;float:left;text-overflow:ellipsis;">&nbsp;&nbsp;<%=  h(topic.subject) %></p>

                <% if topic.editable_by?(User.current) %>
                  <a href="javascript:void(0)" nhname="showbtn" style="color: #426e9a;float: right;margin-right: 10px;"><%= l(:button_edit) %></a>
                <% end %>
                <%= link_to(l(:button_delete), {:controller =>'messages',:action => 'destroy',  :id => topic.id, :board_id => topic.board_id,  :is_board=>'true'},
                           :method => :post,
                           :data => {:confirm => l(:text_are_you_sure)},
                           :class => 'talk_edit fr',
                           :style => ' margin-right: 10px;') if topic.destroyable_by?(User.current) %>
                <% if topic.sticky? %>
                  <a href="javascript:void(0)" class="talk_up fr c_red" style="margin-right: 10px;"><%= l(:label_board_sticky)%></a>
                <% end %>
                <script>
                    //$(function(){if($("#contentmessage<%#=topic.id %>").height()>182){$("#project_show_<%#= topic.id%>").show();}});
                    //解决由于图片加载慢造成div高度不够 以至于展开按钮不显示的bug
                    $(function(){
                        function nh_show_btn(){
                            if($("#project_show_<%= topic.id%>").is(':hidden')){
                                if($("#contentmessage<%=topic.id %>").height()>182){
                                    $("#project_show_<%= topic.id%>").show();
                                }
                            }
                        }
                        var div = $("#contentmessage<%=topic.id %>");
                        var imgs = $('img',div);
                        var lens = imgs.length;
                        function nh_load_img_end(){
                            nh_show_btn();
//                    lens--;
//                    if(lens <= 0){
//                      nh_show_btn();
//                    }
                        }
                        if(lens > 0){
                            $('img',div).load(function(){
                                nh_load_img_end();
                            });
                        }
                        nh_show_btn();
//                  if(lens <= 0){
//                    nh_show_btn();
//                  }else{
//                    $('img',div).load(function(){
//                      nh_load_img_end();
//                    });
//                  }
                    });
                </script>

              <div class="cl"></div>
              <div  class="project_board_content break_word f14 list_style" id="content_<%=topic.id%>">
                <div id="contentmessage<%=topic.id %>" class="upload_img">
                  <%= topic.content.html_safe %>
                  <!-- -->
                </div>
              </div>
              <p style="display: none;" id="project_show_<%= topic.id%>">
                <a  id="expend_more_information<%= topic.id%>" style="color: #0781b4;"   href="javascript:void(0)"  onclick="show_more_reply('#content_<%=topic.id%>','#expend_more_information<%= topic.id%>','#arrow<%=topic.id%>');"  value="show_more">[展开]</a>
                <span class="g-arr-down">
                  <img id="arrow<%=topic.id%>" src="/images/jiantou.jpg" width="12" height="6" />
                </span>
              </p>
              <%= link_to_attachments_course topic, :author => false %>
              <%= l(:label_activity_time)%>：&nbsp;&nbsp;<%= format_time topic.created_on %>
            </div>
            <% if User.current.logged? %>
              <a href="javascript:void(0)" nhname="showbtn_reply" class="c_dblue fr f14" style="margin-right:10px;"><%= l(:button_reply) %></a>
            <% end %>
            <div class="cl"></div>
            <div class="talk_new ml15 mb10" nhname='about_talk' id="about_newtalk<%=topic.id%>" style="display: none;border-top: 1px dashed #d9d9d9;padding-top:5px;margin-left:0px;padding-left:15px;">
              <ul>
                <%= render :partial => 'edit',locals:  {:topic => topic} %>
              </ul>
            </div>
            <div class="cl"></div>
            <div class="talkWrapBox">
              <% reply = Message.new(:subject => "RE: #{topic.subject}")%>
              <% if !topic.locked? && authorize_for('messages', 'reply') %>
                  <div class="talkWrapMsg" nhname="about_talk_reply" style="display: none;">
                    <em class="talkWrapArrow"></em>
                    <div class="cl"></div>
                    <div class="talkConIpt ml15 mb10" style="margin-left:30px;" id="reply<%= topic.id %>">
                      <%= form_for reply, :as => :reply, :url => {:controller=>'messages',:action => 'reply', :id => topic.id, :board_id => topic.board_id, :is_board => 'true'},
                                     :html => {:nhname=>"form",:multipart => true, :id => 'message_form' + topic.id.to_s, :name=>'message-form'} do |f| %>
                        <%= render :partial => 'form_project', :locals => {:f => f, :replying => true} %>
                        <div class="fl" style="padding-top:5px;" nhname="toolbar_container"></div>
                        <div style="padding-top:5px;" class="fr">
                            <a href="javascript:void(0)" nhname="cancelbtn" class="grey_btn fr ml10" style=""><%= l(:button_cancel)%></a>
                            <a href="javascript:void(0)" nhname="submitbtn" class="blue_btn fr " style=""><%= l(:button_submit)%></a>
                        </div>
                      <% end %>
                      <div class="cl"></div>
                    </div>
                  </div>
              <% end %>
              <div class="cl"></div>
              <% replies_all = topic.children.includes(:author, :attachments, {:board => :project}).reorder("#{Message.table_name}.id desc").all %>
              <% unless replies_all.empty? %>
                  <div class="talkWrapMsg" nhname="nh_reply_div" id="nh_reply_div_<%= topic.id %>">
                    <ul>
                      <% replies_all_i = 0 %>
                      <% replies_all.each do |message| %>
                          <% replies_all_i=replies_all_i+1 %>
                          <li nhname="reply_rec" style="display:<%= replies_all_i>2?'none':'' %>">
                            <%= link_to image_tag(url_to_avatar(message.author), :width => '34',:height => '34'), user_path(message.author), :class =>'Msg_pic' %>
                            <div class="Msg_txt">
                              <%= link_to_user_header message.author,false,:class => 'fl c_orange f14 ' %>
                              <br/>
                              <div class="fl break_word f14 list_style">
                                <%= textAreailizable message,:content,:attachments => message.attachments %>
                                <!-- -->
                              </div>
                              <input nhname="nh_content_val" type="hidden" value="<%= message.content %>"/>
                              <br/><div class="cl"></div>
                              <span class=" c_grey fl f14"><%= format_time(message.created_on) %></span>
                              <%= link_to(l(:button_delete),{:controller => 'messages', :action => 'destroy',  :id => message.id, :board_id => message.board_id, :is_board => 'true'},
                                       :method => :post,
                                       :data => {:confirm => l(:text_are_you_sure)},
                                       :title => l(:button_delete),
                                       :class => ' c_dblue fr f14') if message.course_destroyable_by?(User.current) %>
                              <%= link_to(l(:button_reply), 'javascript:;',
                                       :nhname =>'showbtn_child_reply',
                                       :class => ' c_dblue fr f14',
                                       :style => 'margin-right: 10px;',
                                       :title => l(:button_reply)) if !topic.locked? && authorize_for('messages', 'reply') %>
                            </div>
                            <div class="cl"></div>
                          </li>
                      <% end %>
                    </ul>
                  </div>
                  <%if topic.replies_count>2 %>
                      <div class="talkWrapMsg">
                        <a nhname="reply_ex_btn" data-count="<%= topic.replies_count %>" data-init="0" href="javascript:void(0)" class="ml258 c_dblue lh23">展开回复(<%= topic.replies_count.to_s%>)</a>
                      </div>
                  <% end %>
              <% end %>
            </div>
          </div>
      <% end %>
  <% else %>
      <p class="nodata"><%= l(:label_no_data) %></p>
  <% end %>
  <ul class="wlist">
    <%= pagination_links_full @topic_pages, @topic_count, :per_page_links => false, :remote => false, :flag => true %>
  </ul>
  <!--讨论主类容 end-->

<%# other_formats_links do |f| %>
  <%#= f.link_to 'Atom', :url => {:key => User.current.rss_key} %>
<%# end %>
  <% html_title @board.name %>
  <% content_for :header_tags do %>
      <%= auto_discovery_link_tag(:atom, {:format => 'atom', :key => User.current.rss_key}, :title => "#{@project}: #{@board}") %>
  <% end %>
</div>
<div style="display:none;"><a href="#" id="nhjump"></a></div>

<script type="text/javascript">
    $(function(){
        $(".talkmain_box").each(function(){
            var target = $("li[nhname='reply_rec']",$(this));
            var btn = $("a[nhname='reply_ex_btn']",$(this));
            var jumpobj = $("div[nhname='nh_reply_div']",$(this));
            btn.click(function(){
                if($(this).data('init')=='0'){
                    $(this).data('init',1);
                    $(this).html('收起回复('+$(this).data('count')+')');
                    target.show();
                }else{
                    $(this).data('init',0);
                    $(this).html('展开回复('+$(this).data('count')+')');
                    target.hide();
                    target.eq(0).show();
                    target.eq(1).show();
                    $("#nhjump").attr('href','#'+jumpobj.attr('id'));
                    $("#nhjump")[0].click();
                }
            });
        });
        KindEditor.ready(function(K){
            $("div[nhname='container_board']").each(function(){
                var container = $(this);
                var about_talk = $("div[nhname='about_talk']",container);
                var params = ({
                    kindutil:K,
                    showbtn:$("a[nhname='showbtn']",container),
                    about_talk:about_talk,
                    inputsubject:$("input[nhname='inputsubject']",about_talk),
                    subjectmsg:$("p[nhname='subjectmsg']",about_talk),
                    textarea:$("textarea[nhname='textarea']",about_talk),
                    contentmsg:$("p[nhname='contentmsg']",about_talk),
                    submitbtn:$("a[nhname='submitbtn']",about_talk),
                    cancelbtn:$("a[nhname='cancelbtn']",about_talk),
                    form:$("form[nhname='form']",about_talk),
                    toolbar_container:$("div[nhname='toolbar_container']",about_talk),
                    init_content_val:$("input[nhname='init_content_val']",about_talk)
                });
                nh_init_board(params);
            });
            $("div[mhname='container_board_reply']").each(function(){
                var container = $(this);
                var about_talk = $("div[nhname='about_talk_reply']",container);
                var params = {
                    type:'reply',
                    kindutil:K,
                    showbtn:$("a[nhname='showbtn_reply']",container),
                    showbtn_child:$("a[nhname='showbtn_child_reply']",container),
                    about_talk:about_talk,
                    inputsubject:$("input[nhname='inputsubject']",about_talk),
                    subjectmsg:$("p[nhname='subjectmsg']",about_talk),
                    textarea:$("textarea[nhname='textarea']",about_talk),
                    contentmsg:$("p[nhname='contentmsg']",about_talk),
                    submitbtn:$("a[nhname='submitbtn']",about_talk),
                    cancelbtn:$("a[nhname='cancelbtn']",about_talk),
                    form:$("form[nhname='form']",about_talk),
                    quote_show:$("div[nhname='quote_show']",about_talk),
                    quote_input:$("textarea[nhname='quote_input']",about_talk),
                    toolbar_container:$("div[nhname='toolbar_container']",about_talk),
                    jumphref:$("#nhjump")
                };
                params.get_ref_str_call=function(btn){
                    var div = btn.parent('div');
                    var str = '<blockquote>'+$('a',div).filter(':first').html()+' 写到： <br/>'+$("input[nhname='nh_content_val']",div).val()+'<div class="cl"></div></blockquote>';
                    return str;
                }
                nh_init_board(params);
            });
            <% if(!@flag.nil? && @flag=='true') %>
            if($("#new_topic_btn")!=undefined)$("#new_topic_btn").click();
            <% end %>
        });
    });
</script>