|
|
|
|
|
<%= javascript_include_tag 'bootstrap'%>
|
|
|
<%= stylesheet_link_tag 'project' %>
|
|
|
<%= stylesheet_link_tag 'leftside' %>
|
|
|
<%= javascript_include_tag 'attachments'%>
|
|
|
|
|
|
<script>
|
|
|
function remote_get_resources(user_id,type){
|
|
|
|
|
|
}
|
|
|
function remote_search(){
|
|
|
$("#resource_search_form").submit();
|
|
|
}
|
|
|
|
|
|
function show_upload(){
|
|
|
var screenWidth = $(window).width();
|
|
|
var screenHeight = $(window).height(); //当前浏览器窗口的 宽高
|
|
|
var scrolltop = $(document).scrollTop();//获取当前窗口距离页面顶部高度
|
|
|
var objLeft = (screenWidth - 2)/2.5 ; //2 可以根据需要修改
|
|
|
var objTop = (screenHeight - 100)/2 + scrolltop; //100可以根据需要修改
|
|
|
var popupHeight = $(".resourceUploadPopup").outerHeight(true);
|
|
|
$(".resourceUploadPopup").css("marginTop",-popupHeight/2);
|
|
|
|
|
|
$("#upload_box").css('left',objLeft).css('top',objTop);
|
|
|
$("#upload_box").html('<%= escape_javascript( render :partial => 'upload_resource' ,:locals => {:user=>@user})%>');
|
|
|
$("#upload_box").css('display','block');
|
|
|
}
|
|
|
|
|
|
function closeModal()
|
|
|
{
|
|
|
//hideModal($("#popbox_upload"));
|
|
|
//$("#attachments_fields").html('');
|
|
|
$("#upload_box").css("display","none");
|
|
|
}
|
|
|
|
|
|
function check_files(){
|
|
|
return $("#attachments_fields").children().length == 0;
|
|
|
}
|
|
|
|
|
|
function submit_files(){
|
|
|
$("#upload_form").submit();
|
|
|
}
|
|
|
</script>
|
|
|
<div class="resources">
|
|
|
<div class="resourcesBanner">
|
|
|
<div class="bannerName">资源</div>
|
|
|
<ul class="resourcesSelect">
|
|
|
<li class="resourcesSelected"><a href="javascript:void(0);" class="resourcesIcon"></a>
|
|
|
<ul class="resourcesType">
|
|
|
<li>
|
|
|
<!--<a href="javascript:void(0);" remote="true" onclick="remote_get_resources('',1)" class="resourcesGrey">全部</a>-->
|
|
|
<%= link_to '全部' ,user_resource_user_path(:id=>@user.id,:type=>1),:remote=>true,:method => 'get',:class=>'resourcesGrey' %>
|
|
|
</li>
|
|
|
<li>
|
|
|
<!--<a href="javascript:void(0);" class="resourcesGrey">课程资源</a>-->
|
|
|
<%= link_to '课程资源' ,user_resource_user_path(:id=>@user.id,:type=>2),:remote=>true,:method => 'get',:class=>'resourcesGrey' %>
|
|
|
</li>
|
|
|
<li>
|
|
|
<!--<a href="javascript:void(0);" class="resourcesGrey">项目资源</a>-->
|
|
|
<%= link_to '项目资源' ,user_resource_user_path(:id=>@user.id,:type=>3),:remote=>true,:method => 'get',:class=>'resourcesGrey' %>
|
|
|
</li>
|
|
|
<li>
|
|
|
<!--<a href="javascript:void(0);" class="resourcesGrey">附件</a>-->
|
|
|
<%= link_to '附件' ,user_resource_user_path(:id=>@user.id,:type=>4),:remote=>true,:method => 'get',:class=>'resourcesGrey' %>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="resourcesSearchBanner">
|
|
|
<div class="resourcesUploadBox">
|
|
|
<div class="uploadIcon"></div>
|
|
|
<a href="javascript:void(0);" onclick="show_upload();" class="uploadText">上传资源</a></div>
|
|
|
<div>
|
|
|
<%= form_tag( url_for(:controller => 'users',:action => 'resource_search',:id=>@user.id),
|
|
|
:remote=>true ,:method => 'post',:class=>'resourcesSearchloadBox',:id=>'resource_search_form') do %>
|
|
|
<input type="text" name="search" placeholder="输入资源关键词进行" class="searchResource" />
|
|
|
<%= submit_tag '',:class=>'searchIcon',:style=>'border-style:none' %>
|
|
|
<!--<a href="javascript:void(0);" onclick='this.parent.submit();return false;' class="searchIcon"></a>-->
|
|
|
<% end %>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="resourcesListBanner">
|
|
|
<ul class="resourcesListTab">
|
|
|
<li class="resourcesListName fl">资源名称</li>
|
|
|
<li class="resourcesListSize fl">大小</li>
|
|
|
<li class="resourcesListType fl">类别</li>
|
|
|
<li class="resourcesListUploader fl">上传者</li>
|
|
|
<li class="resourcesListTime fl">上传时间</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div>
|
|
|
<ul id="resources_list" class="resourcesList">
|
|
|
|
|
|
<%= render :partial => 'resources_list' ,:locals=>{ :attachments => @attachments} %>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="upload_box" style="display: none">
|
|
|
<%= render :partial => 'upload_resource' ,:locals => {:user=>@user}%>
|
|
|
</div>
|
|
|
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" id="contextMenu">
|
|
|
<li><a tabindex="-1" href="#">预览</a></li>
|
|
|
<li><a tabindex="-1" href="#">重命名</a></li>
|
|
|
<li><a tabindex="-1" href="#" onclick="show_send();">发送</a></li>
|
|
|
<li><a tabindex="-1" href="#" onclick="delete_file();">删除</a></li>
|
|
|
</ul>
|
|
|
|
|
|
<script>
|
|
|
var pageX = 0;
|
|
|
var pageY = 0;
|
|
|
var line;
|
|
|
var last_line;
|
|
|
$(".resourcesList").mousedown(function(e) {
|
|
|
if (3 == e.which) {
|
|
|
document.oncontextmenu = function() {return false;}
|
|
|
pageX = e.clientX;
|
|
|
pageY = e.clientY;
|
|
|
$("#contextMenu").hide();
|
|
|
$("#contextMenu").attr("style","display: block; position: fixed; top:"
|
|
|
+ pageY
|
|
|
+ "px; left:"
|
|
|
+ pageX
|
|
|
+ "px; width: 80px;");
|
|
|
$("#contextMenu").show();
|
|
|
//当前光标所在的对象
|
|
|
var ele = document.elementFromPoint(pageX,pageY);
|
|
|
//转换为jquery对象
|
|
|
line = $(ele).parent();
|
|
|
//如果上一条存在被选中，那么将上一条的背景色改为白色
|
|
|
if(last_line){
|
|
|
last_line.children().css("background-color", 'white');
|
|
|
last_line == null;
|
|
|
}
|
|
|
//如果当前的tag是li，那么还要li的父级元素
|
|
|
if(line.get(0).tagName === 'LI'){
|
|
|
line = line.parent();
|
|
|
}
|
|
|
//将当前的元素的所有子元素的背景色改为蓝色
|
|
|
line.children().css("background-color", '#00ffff');
|
|
|
//将当前元素赋给 上一个对象 保存起来。
|
|
|
last_line = line;
|
|
|
}
|
|
|
});
|
|
|
$(".resourcesList").click(function(e) {
|
|
|
$("#contextMenu").hide();
|
|
|
document.oncontextmenu = function() {return true;}
|
|
|
if(line == null){
|
|
|
var ele = document.elementFromPoint(e.clientX, e.clientY);
|
|
|
line = $(ele).parent();
|
|
|
if(line.get(0).tagName === 'LI'){
|
|
|
line = line.parent();
|
|
|
}
|
|
|
}
|
|
|
line.children().css("background-color", 'white');
|
|
|
line = null;
|
|
|
});
|
|
|
function show_send(){
|
|
|
$("#contextMenu").hide();
|
|
|
document.oncontextmenu = function() {return true;}
|
|
|
line.children().css("background-color",'white');
|
|
|
line.children().last().html();
|
|
|
}
|
|
|
|
|
|
function delete_file(){
|
|
|
$("#contextMenu").hide();
|
|
|
document.oncontextmenu = function() {return true;}
|
|
|
line.children().css("background-color",'white');
|
|
|
id = line.children().last().html();
|
|
|
$.ajax({
|
|
|
type:'post',
|
|
|
url:'<%= user_resource_delete_user_path(@user)%>'+'?resource_id='+id
|
|
|
});
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
