<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
<title>网盘</title>
<jsp:include page="header.jsp"></jsp:include>
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/portlet/js/jwAppPortletModule.js" charset="utf-8"></script>
<script src="${ctx}/jfcas04/js/disk.js"></script>
</head>
<body>
<!-- 头部 -->
<jsp:include page="/nav4.jsp"></jsp:include>

<!-- 内容部分 -->
<div class="disk_container container-fluid">
	<div class="row disk_search">
		<div class="col-md-3">
				<div class="col-md-3" onclick="location.href='disk'"><img src="${ctx}/custom/images/disk_home.png" wdith="14" height="14" /><span>|</span></div>
				<div class="col-md-3"><img src="${ctx}/custom/images/disk_last.png" wdith="14" height="14" /><span>|</span></div>
				<div class="col-md-3"><img src="${ctx}/custom/images/disk_next.png" wdith="14" height="14" /><span>|</span></div>
				<div id="disk_rubbish" class="col-md-3" onclick="disk_rubbish()"><img src="${ctx}/custom/images/disk_circle.png" wdith="14" height="14" /></div>
		</div>
		<div class="col-md-6">
			<div class="disk_search_center">
				<a href="disk"><span class="glyphicon glyphicon-folder-close"></span><span>我的网盘</span><span class="glyphicon glyphicon-triangle-right"></span></a>
				<!-- <a onclick="disk_backFolder(this)"><span class="glyphicon glyphicon-folder-close"></span><span>我的网盘</span><span class="glyphicon glyphicon-triangle-right"></span></a> -->
			</div>
		</div>
		<div class="col-md-3">
			<div class="col-md-12 disk_search_right">
				<div class="col-md-11"><input type="text" placeholder="文件搜索" /></div>	
				<div class="col-md-1"><span class="glyphicon glyphicon-search"></span></div>
			</div>
		</div>
	</div>
	<!-- 内容信息 -->
	<div class="row disk_content">
		<div class="col-md-12 disk_content_header">
			<div class="col-md-11">
				<a href="javascript:disk_uploadFolder()"><img src="${ctx}/custom/images/disk_upload.png" width="16" height="16" /><span>上传文件</span></a>
				<a class="disk_document_default" href="javascript:disk_downFolder()"><img src="${ctx}/custom/images/disk_xiazai.png" width="16" height="16" /><span>下载文件</span></a>
				<a href="javascript:disk_addFolder()"><img src="${ctx}/custom/images/disk_add.png" width="16" height="16" /><span>新建文件夹</span></a>
				<a class="disk_document_default" href="javascript:disk_deleteFolder()"><img src="${ctx}/custom/images/disk_delete.png" width="16" height="16" /><span>删除</span></a>
				<a class="disk_document_default" href="javascript:disk_shareFolder()"><img src="${ctx}/custom/images/disk_share.png" width="16" height="16" /><span>分享</span></a>
				<a class="disk_document_default" href="javascript:disk_moveFolder()"><img src="${ctx}/custom/images/disk_move.png" width="16" height="16" /><span>移动到</span></a>
				<!-- <a class="disk_document_default" href="javascript:disk_enjoyFolder()"><img src="/jfV5portal/custom/images/disk_return.png" width="16" height="16"><span>共享</span></a> -->
				<a id="disk_shareCode" href="javascript:disk_shareCode()"><img src="/jfV5portal/custom/images/disk_shareCode.png" width="14" height="14"><span>分享码</span></a>
				<a class="disk_rubbishBtn disk_document_default" href="javascript:disk_reductionFolder()"><img src="/jfV5portal/custom/images/disk_return.png" width="16" height="16"><span>还原文件</span></a>
				<a class="disk_rubbishBtn disk_document_default" href="javascript:disk_thoroughDeleteFolder()"><img src="/jfV5portal/custom/images/disk_thoroughDelete.png" width="16" height="16"><span>彻底删除</span></a>
				<a class="disk_shareCodeBtn disk_document_default" href="javascript:disk_cancelShareCode()"><img src="/jfV5portal/custom/images/disk_cancelShare.png" width="14" height="14"><span>取消分享</span></a>
			</div>
			<div class="col-md-1"><span onclick="disk_content_toggle(this)" class="disk_content_toggleBtn glyphicon glyphicon-th-large" title="切换到列表模式"></span></div>
		</div>
		<!-- 缩略图 -->
		<div class="col-md-12 disk_content_lump">
			<%-- <div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_module1.png"/>
					<div>公司文件</div>
					<input style="display:none;" type="text" class="form-control" value="公司文件"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_module2.png"/>
					<div>共享文件</div>
					<input style="display:none;" type="text" class="form-control" value="共享文件"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_module3.png"/>
					<div>我的文件</div>
					<input style="display:none;" type="text" class="form-control" value="我的文件"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_module4.png"/>
					<div>我的共享</div>
					<input style="display:none;" type="text" class="form-control" value="我的共享"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_rar.png"/>
					<div>压缩文件夹</div>
					<input style="display:none;" type="text" class="form-control" value="压缩文件夹"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_word.png"/>
					<div>我的文档</div>
					<input style="display:none;" type="text" class="form-control" value="我的文档"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_excel.png"/>
					<div>我的EXCEL</div>
					<input style="display:none;" type="text" class="form-control" value="我的EXCEL"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_ppt.png"/>
					<div>我的PPT</div>
					<input style="display:none;" style="display:none;" type="text" class="form-control" value="我的PPT"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_pdf.png"/>
					<div>我的PDF</div>
					<input style="display:none;" type="text" class="form-control" value="我的PDF"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_uploadImg.png"/>
					<div>超级狙击手.png</div>
					<input style="display:none;" type="text" class="form-control" value="超级狙击手.png"/>
				</div>
			</div>
			<div class="col-md-2">
				<div>
					<img src="${ctx}/custom/images/disk_unknow.png"/>
					<div>disk_unknow.bsl</div>
					<input style="display:none;" type="text" class="form-control" value="disk_unknow.bsl"/>
				</div>
			</div> --%>
		</div>
		<!-- 列表 -->
		<div class="disk_content_list disk_table disk_table_height" style="display:none;margin-bottom:20px;" >
			<table id="disk_content_list"></table>
			<!-- end -->
		</div>
	</div>
<!-- 回收站	
	<div class="row disk_rubbish" style="display:none;">
		<div class="col-md-12 disk_content_header">
			<div class="col-md-11">
				<a href="javascript:disk_uploadFolder()"><img src="/jfV5portal/custom/images/disk_return.png" width="16" height="16"><span>还原位置</span></a>
				<a href="javascript:disk_addFolder()"><img src="/jfV5portal/custom/images/disk_thoroughDelete.png" width="16" height="16"><span>彻底删除</span></a>
			</div>
			<div class="col-md-1"><span onclick="disk_content_toggle(this)" class="disk_content_toggleBtn glyphicon glyphicon-th-large" title="切换到列表模式"></span></div>
		</div>		
	</div> -->
</div>

<!-- 普通菜单 -->
<div class="disk_menu" id="disk_menu">
<ul>
	<li onclick="disk_addFolder(this)" class="disk_menu_noClickBtn">新建文件夹</li>
	<li onclick="disk_uploadFolder(this)" class="disk_menu_noClickBtn">上传文件</li>
	<li onclick="disk_enterFolder(this)" class="disk_menu_clickBtn">打开文件夹</li>
	<li onclick="disk_editFolder(this)" class="disk_menu_clickBtn">重命名</li>
	<li onclick="disk_shareFolder(this)" class="disk_menu_clickBtn">分享</li>
	<li onclick="disk_deleteFolder(this)" class="disk_menu_clickBtn">删除</li>
	<li onclick="disk_downFolder(this)" class="disk_menu_clickBtn">下载</li>
	<li onclick="disk_moveFolder(this)" class="disk_menu_clickBtn">移动到</li>
	<li onclick="disk_enjoyFolder(this)" class="disk_menu_clickBtn">共享</li>
</ul>
</div>

<!-- 回收站的菜单 -->
<div class="disk_menu" id="disk_rubbish_menu">
<ul>
	<li onclick="disk_reductionFolder(this)" class="disk_menu_clickBtn">还原文件</li>
	<li onclick="disk_thoroughDeleteFolder(this)" class="disk_menu_clickBtn">彻底删除</li>
</ul>
</div>

<!-- 分享码的菜单 -->
<div class="disk_menu" id="disk_shareCode_menu">
<ul>
	<li onclick="disk_cancelShareCode(this)" class="disk_menu_clickBtn">取消分享</li>
</ul>
</div>

<%--<div class="row" style="margin:0px;width:468px;height:800px;padding: 0px;border-radius: 5px;overflow: hidden;">
	<div class="disk_move_title">分享文件 : <span>我的文件.doc</span><span onclick="$.fancybox.close()" class="glyphicon glyphicon-remove"></span></div>
	<div class="disk_createShare">
		<div class="col-md-12 disk_createShare_content">
			<div class="col-md-3">分享的形式 : </div>
			<div class="col-md-9">
				<select class="form-control">
					 <option>加密</option>
					 <option>公开</option>
		    	</select>
			</div>
		</div>
		<div class="col-md-12 disk_createShare_content">
			<div class="col-md-3">有效期选择 : </div>
			<div class="col-md-9">
				<select class="form-control">
					 <option>永久有效</option>
					 <option>7天</option>
					 <option>1天</option>
		    	</select>
			</div>
		</div>
		<div class="col-md-12 disk_createShare_btn">			
			<span onclick="disk_createShare()">创建链接</span><span onclick="$.fancybox.close()">取消</span>
		</div>
	</div>
	<div class="disk_createShare_after">
		<div class="disk_createShare_after_title"><span class="glyphicon glyphicon-ok"></span><span>分享文件链接创建成功 , </span><span id="disk_createShare_after_time">永久有效</span></div>
		<div class="col-md-12 disk_createShare_content">
			<div class="col-md-3">分享链接 : </div>
			<div class="col-md-9">
				<input type="text" class="form-control" id="disk_createShare_after_link"/>
			</div>
		</div>
		<div class="col-md-12 disk_createShare_content">
			<div class="col-md-3">分享密码 : </div>
			<div class="col-md-9">
				<div class="col-md-6"><input type="text" class="form-control" id="disk_createShare_after_pwd"/></div>
				<div class="col-md-6"><span>复制链接和分享码</span></div>
			</div>
		</div>
	</div>
</div>--%>

<!-- 尾部 -->
<jsp:include page="/footer.jsp"></jsp:include>
</body>
</html>
