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">讨论区共有<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">
          <% author = topic.author.to_s %>
          <div style="max-width:60px;white-space:nowrap;overflow:hidden;float:left;text-overflow:ellipsis;">
            <%= link_to author, user_path(topic.author), :class =>"talkmain_name fl ",:title=>author,
                        :style=>'max-width:60px;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" title="<%=  h(topic.subject) %>" style="width:auto;float:left;max-width:415px;white-space:nowrap;overflow:hidden;float:left;text-overflow:ellipsis;">&nbsp;&nbsp;<%=  h(topic.subject) %></p>
          <div style="float:right;max-width:110px;">
            <% 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>
          <div class="cl"></div>
          <div  class="project_board_content break_word" 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" 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 ' %>
                    <br/>
                    <div class="fl break_word">
                      <%= 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"><%= 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'
                        ) if message.course_destroyable_by?(User.current) %>
                    <%= link_to(
                                l(:button_reply),
                                'javascript:;',
                                :nhname =>'showbtn_child_reply',
                                :class => ' c_dblue fr',
                                :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>