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

  <% if @container_type == 0 %>
      <div id="resource_list">
         <%= render :partial => 'project_file_new', locals: {project: @project} %>
      </div>
  <% elsif @container_type == 1 %>
      <div id="resource_list">
        <%= render :partial => 'course_file', locals: {course: @course} %>
      </div>
  <% elsif @container_type == 2 %>
      <div id="resource_list">
        <%= render :partial => 'files/subfield_files', locals: {org_subfield: @org_subfield} %>
      </div>
  <% end %>


<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 = 13; //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 attachment_contenttypes_searchex(value) {
        <% if  @project%>
        $.ajax({
            url: '<%=getattachtype_project_files_path(project_id: @project)%>',
            type: "POST",
            data: {
                type: $('#attachment_browse').val(),
                contentType: encodeURIComponent(value)
            }

        }).complete(eval_ajax);
        <%end%>
    }



    function attachtype_edit(value) {
        <% if  @project%>
        $.ajax({

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

        }).complete(eval_ajax);
        <%end%>
    }

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

        }).complete(eval_ajax);
        <%end%>
    }

    function course_attachmenttypes_searchex(value) {
        <% if  @course%>
        $.ajax({
            url: '<%=getattachtype_course_files_path(course_id: @course)%>',
            type: "POST",
            data: {
                type: encodeURIComponent(value),
                contentType: $('#attach_sufix_browse').val()
            }

        }).complete(eval_ajax);
        <%end%>
    }

    function course_attachment_contenttypes_searchex(value) {
        <% if  @course%>
        $.ajax({

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

        }).complete(eval_ajax);
        <%end%>
    }
    function course_attachtype_edit(value) {
        <% if  @course%>
        $.ajax({
            url: '<%=getattachtype_course_files_path(course_id: @course)%>',
            type: "POST",
            data: {
                type: $('#attachment_browse').val(),
                contentType: encodeURIComponent(value)
            }

        }).complete(eval_ajax);
        <%end%>
    }

    function attachmenttypes_change(id, type) {
        <% if  @project%>
        $.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');
                    }
                });
        <%end%>

    }


        function org_id_click(){
            var sendText = $("input[name='org_id']:checked").next().text();
            var orgDirection = "目标地址："
            $(".orgDirection").text(orgDirection + sendText);
        }
        function subfield_click(){
            var sendText = $("input[name='org_id']:checked").next().text();
            var orgDirection = "目标地址："
            var sendColumn = $("input[name='subfield']:checked").next().text();
            $(".orgDirection").text(orgDirection + sendText + " / " + sendColumn);
        }


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

        }).complete(function (xhr, textStatus) {

                    if (textStatus == 'success') {
                        $.ajax({
                            url: '<%=getattachtype_course_files_path(course_id: @course)%>',
                            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');
                    }
                });
        <%end%>

    }

    // 编辑文件密级
    function file_dense_edit(id, type) {
        $.ajax({
            url: '<%=updateFileDense_attachments_path%>',
            type: "POST",
            remote:"true",
            data: {
                attachmentid: encodeURIComponent(id),
                newtype: encodeURIComponent(type)
            }

        }).complete(function (xhr, textStatus) {
                });

    }
    function observeSearchfieldOnInput(fieldId, url,send_id,send_ids) {
        $('#'+fieldId).each(function() {
            var $this = $(this);
            $this.addClass('autocomplete');
            $this.attr('data-value-was', $this.val());
            var check = function() {
                var val = $this.val();
                if ($this.attr('data-value-was') != val){
                    $this.attr('data-value-was', val);
                    $.ajax({
                        url: url,
                        type: 'get',
                        data: {search: $this.val(),send_id:send_id,send_ids:send_ids},
                        success: function(data){  },
                        beforeSend: function(){ $this.addClass('ajax-loading'); },
                        complete: function(){ $this.removeClass('ajax-loading'); }
                    });
                }
            };
            var reset = function() {
                if (timer) {
                    clearInterval(timer);
                    timer = setInterval(check, 300);
                }
            };
            var timer = setInterval(check, 300);
            $this.bind('keyup click mousemove', reset);
        });
    }

    <% if User.current.logged? %>
        var sendType = '1';
        var lastSendType ;//初始为发送到我的课程
        function show_send(id){
            if (lastSendType === '2'){  //如果已经发送过一次了，那么就应该沿用上次发送的类型。
                $.ajax({
                    type: 'get',
                    url: '<%= search_user_project_user_path(User.current)%>' + '?send_id=' + id
                });
            }else if(lastSendType == '1'){
                $.ajax({
                    type: 'get',
                    url: '<%= search_user_course_user_path(User.current)%>' + '?send_id=' + id
                });
            }else if( lastSendType == '3'){//组织

            }else{
                $.ajax({
                    type: 'get',
                    url: '<%= search_user_course_user_path(User.current)%>' + '?send_id=' + id
                });
            }
        }

    //id 发送的id
    //发送的id数组
    function chooseSendType(res_id,res_ids){

        sendType = $(".resourcesSendType").val();
        if (sendType === lastSendType) {
            return;
        } else if(lastSendType != null) { //不是第一次点击的时候
                if (sendType == '1') {
                    $.ajax({
                        type: 'get',
                        url: '<%= search_user_course_user_path(User.current)%>' + '?send_id=' + res_id
                    });
                } else if(sendType == '2') {
                    $.ajax({
                        type: 'get',
                        url: '<%= search_user_project_user_path(User.current)%>' + '?send_id=' + res_id
                    });
                }else if(sendType == '3'){
                    $.ajax({
                        type: 'get',
                        url: '<%= search_user_org_user_path(User.current)%>' + '?send_id=' + res_id
                    });
                }
        }

        lastSendType = sendType;
    }
    <% end %>
    <% if @course %>
    var tagNameHtml; //当前双击的链接的父节点的html
    var tagName;  //标签的值
    var parentCssBorder; //当前双击的链接的父节点
    var ele;    //当前双击的链接
    var tagId; //标签的id
    var taggableType; //被标签的类型
    //这里renameTag有两种情况，一种是改变某个资源的tag名称。如果其他资源也有这个tag。则新增一个改变后的tag名
    //第二种是改变某个tag名称。其他所有的资源如果拥有这个tag。那么对应的tag名也要改掉。
    //目前这两种依据 的来源就是 是否 传了参数 id。如果有id。就指定了资源id，就是第一种情况。如果没有id。就是第二种情况
    function rename_tag(domEle,name,id,type){
        if(String(id) != '' || '<%=User.current.allowed_to?(:as_teacher,@course)%>' == 'true' ) { //如果有id ，或者是老师就都能编辑，否则，没有id，不是老师就不能编辑
            isdb = true; //这是双击
            //clearTimeout(clickFunction);
            if (domEle.children().get(0) != undefined) { //已经是编辑框的情况下不要动
                return;
            }
            tagNameHtml = domEle.parent().html()
            tagName = name;
            parentCssBorder = domEle.parent().css("border");
            ele = domEle;
            tagId = id;
            taggableType = type;
            width = parseInt(domEle.css('width').replace('px', '')) >= 100 ? parseInt(domEle.css('width').replace('px', '')) : 100
            domEle.html('<input name=""  id="renameTagName" maxlength="120" minlength="1" style="width:' + width + 'px;" value="' + name + '"/>');
            domEle.parent().css("border", "1px solid #ffffff");
            $("#renameTagName").focus();
        }
    }
  //监听所有的单击事件
    $(function(){
        $("#renameTagName").live("blur",function(){
            updateTagName();
        }).live("keypress",function(e){
            if (e.keyCode == '13') {
                updateTagName();
            }
        });
    });

    //执行修改TAGName方法
    function updateTagName(){
        if(isdb){
            isdb = false;
            if($("#renameTagName").val() == tagName){ //如果值一样，则恢复原来的状态
                ele.parent().css("border","");
                ele.parent().html(tagNameHtml);

            }
            else{
                $.post(
                        '<%= update_tag_name_path %>',
                        {"taggableId": tagId, "taggableType": taggableType, "tagName": tagName, "renameName": $("#renameTagName").val().trim(),"courseId":<%= @course.id%>}
                );
            }
        }
    }
//   $(document.body).click(function(e){
//       isdb = false; //这是单击
//       node = document.elementFromPoint(e.clientX, e.clientY);
//       if(node.tagName == "INPUT"){ //如果是输入框的聚焦，那么就不要进行下去了
//           isdb = true; //为了防止在编辑的时候又去单击其他tag去过滤。导致tag过滤不可用
//           return;
//       }
//           if($("#renameTagName")[0] != undefined ){//存在renameTagName,则处于编辑状态
//               if($("#renameTagName").val().trim() == tagName){ //如果值一样，则恢复原来的状态
//                   ele.parent().css("border","");
//                   ele.parent().html(tagNameHtml);
//
//               }else{ //否则就要更新tag名称了
////                    if(confirm("是否将标签改为 "+ $("#renameTagName").val().trim())){  去掉询问
//                          $.post(
//                                    '<%#= update_tag_name_path %>',
//                                    {"taggableId": tagId, "taggableType": taggableType, "tagName": tagName, "renameName": $("#renameTagName").val().trim(),"courseId":<%#= @course.id%>}
//                          )
////                   }else{
////                       ele.parent().css("border","");
////                       ele.parent().html(tagNameHtml);
////                   }
//               }
//           }
//   });
   <%end %>

    <% if @org_subfield %>
    var tagNameHtml; //当前双击的链接的父节点的html
    var tagName;  //标签的值
    var parentCssBorder; //当前双击的链接的父节点
    var ele;    //当前双击的链接
    var tagId; //标签的id
    var taggableType; //被标签的类型
    //这里renameTag有两种情况，一种是改变某个资源的tag名称。如果其他资源也有这个tag。则新增一个改变后的tag名
    //第二种是改变某个tag名称。其他所有的资源如果拥有这个tag。那么对应的tag名也要改掉。
    //目前这两种依据 的来源就是 是否 传了参数 id。如果有id。就指定了资源id，就是第一种情况。如果没有id。就是第二种情况
    function rename_tag(domEle,name,id,type){
        if(1) {
            isdb = true; //这是双击
            //clearTimeout(clickFunction);
            if (domEle.children().get(0) != undefined) { //已经是编辑框的情况下不要动
                return;
            }
            tagNameHtml = domEle.parent().html()
            tagName = name;
            parentCssBorder = domEle.parent().css("border");
            ele = domEle;
            tagId = id;
            taggableType = type;
            width = parseInt(domEle.css('width').replace('px', '')) >= 100 ? parseInt(domEle.css('width').replace('px', '')) : 100
            domEle.html('<input name=""  id="renameTagName" maxlength="120" minlength="1" style="width:' + width + 'px;" value="' + name + '"/>');
            domEle.parent().css("border", "1px solid #ffffff");
            $("#renameTagName").focus();
        }
    }
    //监听所有的单击事件
    $(function(){
        $("#renameTagName").live("blur",function(){
            updateTagName();
        }).live("keypress",function(e){
            if (e.keyCode == '13') {
                updateTagName();
            }
        });
    });

    //执行修改TAGName方法
    function updateTagName(){
        if(isdb){
            isdb = false;
            if($("#renameTagName").val() == tagName){ //如果值一样，则恢复原来的状态
                ele.parent().css("border","");
                ele.parent().html(tagNameHtml);

            }
            else{
                $.post(
                        '<%= tags_update_org_subfield_tag_name_path %>',
                        {"taggableId": tagId, "taggableType": taggableType, "tagName": tagName, "renameName": $("#renameTagName").val().trim(),"org_subfield_id":<%= @org_subfield.id %>}
                );
            }
        }
    }
    <%end %>

</script>


<script type='text/javascript'>
    function tagAddClick(divid, objId, objTag) {
        alert("OK");
        $.ajax({
            type: "POST",
            url: '/users/tag_saveEx',
            data: {
                tagname: $('tag_name').value,
                obj_id: encodeURIComponent(objId),
                obj_flag: encodeURIComponent(objTag)
            },
            success: function (data, textStatus) {
                alert("OK");
                $(divid).empty();
                $(divid).html('123');
                $("#" + divid + " #name").val("");
            }
        })
    }
</script>