socialforge/app/views/files/index.html.erb

<!-- <h3> --><!-- %=l(:label_attachment_plural)%></h3 -->
<% attachmenttypes = @project.attachmenttypes %>
<% sufixtypes = @project.contenttypes %>

<span class="borad-title"><%= (@project.project_type == 1) ? t(:label_user_course) : t(:label_project) %>资源共享区</span>

<div class="content-title-top">
  <%#= link_to(l(:label_attachment_new), 'javascript:void(0);', :onclick=>"$('#file_buttons').slideToggle();", :class => 'icon icon-add') if User.current.allowed_to?(:manage_files, @project) %>
  <div class="clearfix"></div>
  <div id="file_buttons" class="nhidden">
    <%#= link_to('上传文件', new_project_file_path(@project), :class => 'icon m5p5 button_submit') if User.current.allowed_to?(:manage_files, @project) %>
    <%= link_to(l(:label_upload_files), 'javascript:void(0);', :class => 'icon m5p5 button_submit', :onclick => "$('#relation_file_div').slideUp();$('#upload_file_div').slideToggle('slow');") if User.current.allowed_to?(:manage_files, @project) %>
    <%= link_to(l(:label_relation_files), 'javascript:void(0);', :onclick => "$('#upload_file_div').slideUp();$('#relation_file_div').slideToggle();", :class => 'icon m5p5 button_submit') if User.current.allowed_to?(:manage_files, @project) %>

    <% if attachmenttypes.any? %>
        &nbsp; &nbsp; &nbsp;
        <label for="attachment_browse_label"><%= l(:attachment_browse) %></label>
        <%= select_tag "attachment_browse", content_tag(:option, l(:attachment_all), :value => '0') +options_from_collection_for_select(attachmenttypes, "id", "typeName"),
                       :onchange => "attachmenttypes_searchex(this.value)" %>
    <% end %>
    <% if sufixtypes.any? %>
        &nbsp;
        <label for="attach_sufix_browse_label"><%= l(:attachment_sufix_browse) %></label>
        <%= select_tag "attach_sufix_browse", content_tag(:option, l(:attachment_all), :value => '0') +options_for_select(sufixtypes),
                       :onchange => "attachment_contenttypes_searchex(this.value)" %>
    <% end %>

    <div id="upload_file_div" class="relation_file_div hidden">
      <%= render :partial => 'new', locals: {project: @project} %>
    </div>
    <div id="relation_file_div" class="relation_file_div hidden">
      <fieldset>
        <legend>搜索</legend>
        <%= form_tag(
                    attachments_autocomplete_path(:format => 'js'),
                    :remote => true,
                    :method => :post) do %>
            <%= label_tag(:attach_search, "按关键字搜索:") %>
            <%= text_field_tag(:attach_search) %>
            <%#= submit_tag("Search") %>
        <% end -%>
        <%= form_tag attach_relation_path(:format => 'js'),
                     method: :post,
                     remote: true,
                     id: "relation_file_form",
                     :class => 'hidden' do %>
            <%= hidden_field_tag(:class_name, 'Project') %>
            <%= hidden_field_tag(:class_id, params[:project_id]) %>
            <div id="relation_file">
            </div>
            <div class="kclearfix" style='margin-top: 10px;'>
              <%= submit_tag(l(:button_add)) -%>
            </div>
        <% end -%>
      </fieldset>
      <div class="line_under" style="margin:20px 0px;"></div>
    </div>
  </div>

</div>
<%= javascript_tag "observeSearchfield('attach_search', null, '#{ escape_javascript attachments_autocomplete_path(:project_id => @project.id, :format => 'js') }')" %>


<% delete_allowed = User.current.allowed_to?(:manage_files, @project) %>

<div id="all_browse_div" class="all_browse_div">
  <%= render :partial => 'show_all_attachment' %>
</div>

<% html_title(l(:label_attachment_plural)) -%>

<script type='text/javascript'>
    var slideHeight = 29;
    function readmore(aNode) {
        // console.log(aNode)
        // var $td_tags_area = $(aNode).parent().parent();
        var $td_tags_area = $(aNode).parent().parent().parent().parent();
        var $tags_area = $td_tags_area.find('.tags_area')
        var $tags_gradint = $td_tags_area.find('.tags_gradint')
        var $read_more = $td_tags_area.find('.read-more')
        var $read_more_a = $td_tags_area.find('.read-more a')
        var $tags = $td_tags_area.find('#tags')
        var $icona = $td_tags_area.find('.tags_icona')

        var slideHeight = 5; //px
        var defHeight = $tags.height();

        var curHeight = $tags_area.height();
        if (curHeight == slideHeight) {
            $tags_area.animate({
                height: defHeight
            }, 'normal');
            $read_more_a.html('隐藏');
            $icona.html('<%=image_tag "/images/sidebar/minus.png"%>')
            $tags_gradint.fadeOut();
        } else {
            $tags_area.animate({
                height: slideHeight
            }, 'normal');
            $read_more_a.html('更多');
            $icona.html('<%=image_tag "/images/sidebar/add.png"%>')
            $tags_gradint.fadeIn();
        }
        ;

    }
    $(function () {
        var slideHeight = 20; //px
        var defHeight = $('.tags_area').height();
        if (defHeight >= slideHeight) {
            $('.tags_area').css('height', slideHeight + 'px');
        }
        ;
    });

    function eval_ajax (xhr, textStatus) {
        if (textStatus == 'success') {
            eval(xhr.responseText);
        } else if (textStatus == 'error') {
            alert('error');
        }
    }

    function attachmenttypes_searchex(value) {
        $.ajax({
            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
            type: "POST",
            data: {
                type: encodeURIComponent(value),
                contentType:$('#attach_sufix_browse').val()
            }

        }).complete(eval_ajax);
    }

    function attachment_contenttypes_searchex(value) {
        $.ajax({

            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
            type: "POST",
            data: {
                type: $('#attachment_browse').val(),
                contentType: encodeURIComponent(value)
            }

        }).complete(eval_ajax);
    }

    function attachtype_edit(value) {
        $.ajax({

            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
            type: "POST",
            data: {
                type: $('#attachment_browse').val(),
                contentType: encodeURIComponent(value)
            }

        }).complete(eval_ajax);
    }

    function attachmenttypes_change(id, type) {
        $.ajax({
            url: '<%=updateType_attachments_path%>',
            type: "POST",
            data: {
                attachmentid: encodeURIComponent(id),
                newtype: encodeURIComponent(type)
            }

        }).complete(function (xhr, textStatus) {
                    if (textStatus == 'success') {
                        $.ajax({
                            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
                            type: "POST",
                            data: {
                                type: $('#attachment_browse').val(),
                                contentType: $('#attach_sufix_browse').val()
                            }
                        }).error(function () {
                            alert('error');
                        });
                    } else if (textStatus == 'error') {
                        alert('An error has occurred');
                    }
                });
    }
</script>