pgfqe6ch8/app/views/libraries/show.html.erb

<%
  admin_or_self = User.current.admin? || @library.user_id == User.current.id
%>
<div class="educontent mb50">
  <p class="mt10 mb20 clearfix lineh-20">
    <%= link_to '教学案例', libraries_path, class: 'color-grey-9' %> &gt;
    <span class="color-grey-3">详情</span>
  </p>
  <p class="lineh-25 mb20 clearfix">
    <span class="font-22 fl mr10 task-hide" style="max-width: 800px"><%= @library.title %></span>
    <% if admin_or_self %>
      <% if @library.pending? %>
        <span class="fl edu-filter-btn edu-activity-green mt5">草稿</span>
      <% elsif @library.processing? %>
        <span class="fl edu-filter-btn edu-activity-green mt5">审核中</span>
      <% elsif @library.refused? %>
        <span class="fl edu-filter-btn edu-activity-orange mt5">未通过</span>
      <% end %>
    <% end %>
    <%= link_to('返回', libraries_path, class: 'fr color-grey-9 mt5') %>
  </p>
  <div class="edu-back-white">
    <% if admin_or_self && !@library.published? && @library_applies.size > 0 %>
      <div class="padding30 bor-bottom-greyE">
        <p class="mb10 clearfix">
          <span class="color-grey-6 font-16 mr10">私有化原因</span>
          <span class="color-grey-c font-12">（请按照提示修改，并在完成编辑后重新提交）</span>
          <a href="javascript:void(0)" class="color-blue fr" id="actionPanel" at="0" onclick="getMore(this)"></a>

        <div class="private_reason">
          <ul id="private_reason_ul">
          <% @library_applies.each do |apply| %>
            <li>
              <p class="color-grey-9"><%= apply.updated_at.strftime('%Y-%m-%d %H:%M') %></p>
              <p class="lineh-25 font-16 break-word"><%= apply.reason %></p>
            </li>
          <% end %>
          </ul>
        </div>
      </div>
    <% end %>
    <div class="padding30">
      <p class="mb10 clearfix">
        <span class="color-grey-6 font-16 mr10">详情</span>
        <% if admin_or_self && @library.editable? %>
          <%= link_to '编辑', edit_library_path(id: @library.id), class: 'white-btn edu-blueline-btn fr' %>
        <% end %>
      </p>
      <div class="df mb20">
        <%= link_to image_tag(url_to_avatar(@library.user), width: 50, height: 50, class: 'radius mr15 mt3'), user_path(@library.user) %>
        <div class="flex1">
          <li class="font-16"><%= @library.user.show_real_name %></li>
          <li class="clearfix">
            <span class="fl color-grey-9 mr20"><%= @library.user.school_name %></span>
            <span class="fl color-grey-9"><%= @library.user.identity %></span>
            <span class="fr">
              <span class="fl color-grey-9 mr30">编码：<span class="color-grey-6"><%= @library.uuid %></span></span>
              <% if @library.published? %>
                <span class="fl color-grey-9">发布时间：<span class="color-grey-6"><%= @library.published_at.strftime('%Y-%m-%d %H:%M') %></span></span>
              <% else %>
                <span class="fl color-grey-9">上传时间：<span class="color-grey-6"><%= @library.created_at.strftime('%Y-%m-%d %H:%M') %></span></span>
              <% end %>
            </span>
          </li>
        </div>
      </div>
      <div>
        <div class="break_full_word new_li" id="labraries_editorMd_content" style="box-sizing: border-box">
          <textarea style="display:none;"><%= @library.content %></textarea>
        </div>
        <div class="mt10">
          <%= render partial: 'attachments/links', locals: { attachments: @library.attachments, options: {} } %>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
    function getMore(item) {
        var at=$(item).attr("at");
        var one=parseInt($("#private_reason_ul").find("li").eq(0).height())+10;
        var two=parseInt($("#private_reason_ul").find("li").eq(1).height());
        var plus=one+two;
        if(at=="0"){
            $(item).html('点击收起<i class="iconfont icon-shangjiantou color-blue font-14 ml5"></i>');
            $(item).attr("at","1");
            $(".private_reason").css({maxHeight:"unset"});
        }else{
            $(item).html('点击展开<i class="iconfont icon-xiajiantou color-blue font-14 ml5"></i>');
            $(item).attr("at","0");
            $(".private_reason").css({maxHeight:plus+"px"});
        }
    }
    var homeworkDescr = editormd.markdownToHTML("labraries_editorMd_content", {
        htmlDecode: "style,script,iframe",  // you can filter tags decode
        taskList: true,
        tex: true,  // 默认不解析
        flowChart: true,  // 默认不解析
        sequenceDiagram: true // 默认不解析
    });
    $(function(){
        var height=document.getElementById("private_reason_ul").offsetHeight;
        var one=parseInt($("#private_reason_ul").find("li").eq(0).height())+10;
        var two=parseInt($("#private_reason_ul").find("li").eq(1).height());
        var plus=one+two;
        if(parseInt(height)>166){
            $("#actionPanel").html('点击展开<i class="iconfont icon-xiajiantou color-blue font-14 ml5"></i>');
            $(".private_reason").css({maxHeight:plus+"px"});
        }
    })
</script>