home.html 24.4 KB
Newer Older
高源 已提交
1
<!doctype html>
青阳龙野's avatar
青阳龙野 已提交
2
<!-- kiftd 主页面 by 青阳龙野 -->
高源 已提交
3 4
<html>
<head>
青阳龙野's avatar
青阳龙野 已提交
5
<base href="/">
高源 已提交
6
<meta charset="UTF-8">
青阳龙野's avatar
青阳龙野 已提交
7 8
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
青阳龙野's avatar
青阳龙野 已提交
9
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
高源 已提交
10
<title>KIFT</title>
青阳龙野's avatar
青阳龙野 已提交
11
<!-- Bootstrap基本框架 -->
高源 已提交
12
<link rel="stylesheet" href="css/bootstrap.min.css">
青阳龙野's avatar
青阳龙野 已提交
13
<!-- 全局样式 -->
14
<link rel="stylesheet" href="css/overrall.min.css">
青阳龙野's avatar
青阳龙野 已提交
15 16 17 18 19
<!-- 图片查看器插件 -->
<link rel="stylesheet" href="css/viewer.min.css">
<!-- 音乐播放器插件 -->
<link rel="stylesheet" href="css/APlayer.min.css">
<!-- 页面图标 -->
高源 已提交
20
<link rel="icon" type="image/x-icon" href="css/icon.png" />
青阳龙野's avatar
青阳龙野 已提交
21
<!-- 对旧浏览器的支持部分... -->
青阳龙野's avatar
青阳龙野 已提交
22 23 24 25
<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
<![endif]-->
高源 已提交
26 27 28
</head>

<body>
青阳龙野's avatar
青阳龙野 已提交
29
	<!-- 显示主体 -->
高源 已提交
30
	<div class="container">
青阳龙野's avatar
青阳龙野 已提交
31
		<!-- 页面标题栏 -->
高源 已提交
32 33 34
		<div class="row">
			<div class="col-md-12">
				<div class="titlebox">
青阳龙野's avatar
青阳龙野 已提交
35 36 37 38 39 40
					<span class="titletext"> <!-- 主标题,如需修改请替换后方标签内的文字 --> <em>
							青阳网络文件传输系统 <small> <!-- 副标题,如需修改请替换后方标签内的文字 --> <span
								class="graytext">KIFT</span>
						</small>
					</em>
					</span> <span id="tb" class="rightbtn"></span>
高源 已提交
41 42 43 44 45 46 47
					<button class="btn btn-link rightbtn" onclick="refreshFolderView()">
						刷新 <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
					</button>
				</div>
				<hr />
			</div>
		</div>
青阳龙野's avatar
青阳龙野 已提交
48
		<!-- 信息栏、操作栏与文件列表 -->
高源 已提交
49 50
		<div class="row">
			<div class="col-md-12">
青阳龙野's avatar
青阳龙野 已提交
51 52 53 54 55 56
				<p id="vicetbbox" class="subtitle" style="display: none;">
					<span id="tb2"></span>
					<button class="btn btn-link" onclick="refreshFolderView()">
						刷新 <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
					</button>
				</p>
高源 已提交
57 58 59 60 61 62
				<p class="subtitle">
					文件同步时间:<span id="publishTime"></span>
				</p>
				<p class="subtitle">
					OS:<span id="serverOS"><span class="graytext">加载中...</span></span>
				</p>
青阳龙野's avatar
青阳龙野 已提交
63 64
				<div id="filetable" class="panel panel-default" unselectable="on"
					onselectstart="return false;" style="-moz-user-select: none;">
青阳龙野's avatar
青阳龙野 已提交
65
					<!-- 文件列表头部,也就是操作栏 -->
高源 已提交
66
					<div class="panel-heading">
青阳龙野's avatar
青阳龙野 已提交
67 68
						<div class="heading">
							<div class="navbar-header">
青阳龙野's avatar
青阳龙野 已提交
69 70 71 72 73
								<a id="filetableheadera" href="javascript:void(0);"
									class="navbar-text" data-toggle="modal"
									data-target="#folderInfoModal"><span id="folderIconSpan"
									class="glyphicon glyphicon-folder-close"></span>&ensp;&ensp;<span
									id="currentFolderName"></span> <span id="mdropdownicon"></span></a>
青阳龙野's avatar
青阳龙野 已提交
74
							</div>
青阳龙野's avatar
青阳龙野 已提交
75
							<div class="collapse navbar-collapse" id="filetableoptmenu">
青阳龙野's avatar
青阳龙野 已提交
76
								<ul class="nav navbar-nav">
青阳龙野's avatar
青阳龙野 已提交
77 78 79 80
									<li class="dropdown"><a href="javascript:void(0);"
										class="dropdown-toggle" data-toggle="dropdown" role="button"
										aria-haspopup="true" aria-expanded="false">上一级 <span
											class="caret"></span></a>
青阳龙野's avatar
青阳龙野 已提交
81 82
										<ul class="dropdown-menu" id="parentFolderList"></ul></li>
								</ul>
青阳龙野's avatar
青阳龙野 已提交
83 84
								<form id="filetableoptmenusreach"
									class="navbar-form navbar-left">
青阳龙野's avatar
青阳龙野 已提交
85 86 87 88
									<div class="form-group">
										<input id="sreachKeyWordIn" type="text" class="form-control"
											placeholder="请输入文件名...">
									</div>
青阳龙野's avatar
青阳龙野 已提交
89 90
									<button type="button" class="btn btn-default"
										onclick="doSearchFile()">搜索</button>
青阳龙野's avatar
青阳龙野 已提交
91 92 93
								</form>
								<ul class="nav navbar-nav navbar-right">
									<li id="packageDownloadBox"></li>
青阳龙野's avatar
青阳龙野 已提交
94 95
									<li class="dropdown" id="operationMenuBox"
										data-toggle="popover"><a class="dropdown-toggle"
青阳龙野's avatar
青阳龙野 已提交
96 97 98 99 100
										data-toggle="dropdown" role="button" aria-haspopup="true"
										aria-expanded="false"><span
											class="glyphicon glyphicon-cog"></span> 操作 <span
											class="caret"></span></a>
										<ul class="dropdown-menu" id="fileListDropDown">
青阳龙野's avatar
青阳龙野 已提交
101 102 103
											<li id="createFolderButtonLi"><a>新建文件夹 <span
													class="pull-right"><span
														class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>+N</span></a></li>
青阳龙野's avatar
青阳龙野 已提交
104
											<li role="separator" class="divider"></li>
青阳龙野's avatar
青阳龙野 已提交
105 106 107
											<li id="uploadFileButtonLi"><a>上传文件 <span
													class="pull-right"><span
														class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>+U</span></a></li>
青阳龙野's avatar
青阳龙野 已提交
108
											<li role="separator" class="divider"></li>
青阳龙野's avatar
青阳龙野 已提交
109 110 111 112
											<li id="cutFileButtonLi"><a><span id='cutSignTx'>剪切
														<span class="pull-right"><span
															class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>+C</span>
												</span></a></li>
青阳龙野's avatar
青阳龙野 已提交
113
											<li id="deleteSeelectFileButtonLi"><a>删除 <span
青阳龙野's avatar
青阳龙野 已提交
114 115
													class="pull-right"><span
														class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>+D</span></a></li>
青阳龙野's avatar
青阳龙野 已提交
116 117 118 119
										</ul></li>
								</ul>
							</div>
						</div>
高源 已提交
120
					</div>
青阳龙野's avatar
青阳龙野 已提交
121
					<table class="table table-hover">
高源 已提交
122
						<thead>
青阳龙野's avatar
青阳龙野 已提交
123 124 125
							<tr>
								<th onclick="sortbyfn()">文件名<span id="sortByFN"
									aria-hidden="true" style="float: right"></span></th>
青阳龙野's avatar
青阳龙野 已提交
126 127
								<th class="hiddenColumn" onclick="sortbycd()">创建日期<span
									id="sortByCD" aria-hidden="true" style="float: right"></span></th>
青阳龙野's avatar
青阳龙野 已提交
128 129
								<th onclick="sortbyfs()">大小<span id="sortByFS"
									aria-hidden="true" style="float: right"></span></th>
青阳龙野's avatar
青阳龙野 已提交
130 131
								<th class="hiddenColumn" onclick="sortbycn()">创建者<span
									id="sortByCN" aria-hidden="true" style="float: right"></span></th>
青阳龙野's avatar
青阳龙野 已提交
132
								<th onclick="showOriginFolderView()">操作</th>
高源 已提交
133 134 135 136 137 138 139 140
							</tr>
						</thead>
						<tbody id="foldertable"></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
141
	<!-- end 显示主体 -->
高源 已提交
142

青阳龙野's avatar
青阳龙野 已提交
143
	<!-- 登录模态框 -->
高源 已提交
144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160
	<div class="modal fade bs-example-modal-sm" id="loginModal"
		tabindex="-1" role="dialog" aria-labelledby="loginModelTitle">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="loginModelTitle">
						<span class="glyphicon glyphicon-user"></span> 账户登录
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal">
						<div class="form-group" id="accountidbox">
							<label for="accountid" id="accountidtitle"
青阳龙野's avatar
青阳龙野 已提交
161
								class="col-sm-3 control-label">账户:</label>
高源 已提交
162 163 164 165 166 167 168
							<div class="col-sm-9">
								<input type="text" class="form-control" id="accountid"
									placeholder="请输入账户……">
							</div>
						</div>
						<div class="form-group" id="accountpwdbox">
							<label for="accountpwd" id="accountpwdtitle"
青阳龙野's avatar
青阳龙野 已提交
169
								class="col-sm-3 control-label">密码:</label>
高源 已提交
170 171 172 173 174 175 176 177 178 179
							<div class="col-sm-9">
								<input type="password" class="form-control" id="accountpwd"
									placeholder="请输入密码……">
							</div>
						</div>
						<div id="alertbox" role="alert"></div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
青阳龙野's avatar
青阳龙野 已提交
180 181
					<button type="button" id="dologinButton" class="btn btn-primary"
						onclick="dologin()">登录</button>
高源 已提交
182 183 184 185
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
186 187
	<!-- end 登录 -->
	<!-- 注销提示框 -->
高源 已提交
188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210
	<div class="modal fade bs-example-modal-sm" id="logoutModal"
		tabindex="-1" role="dialog" aria-labelledby="logoutModelTitle">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="logoutModelTitle">
						<span class="glyphicon glyphicon-comment"></span> 注销
					</h4>
				</div>
				<div class="modal-body">
					<h5>提示:您确认要注销么?</h5>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-danger" onclick="dologout()">注销</button>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
211 212
	<!-- end 注销 -->
	<!-- 新建文件夹框 -->
青阳龙野's avatar
青阳龙野 已提交
213 214 215
	<div class="modal fade" id="newFolderModal" tabindex="-1" role="dialog"
		aria-labelledby="newFolderlMolderTitle">
		<div class="modal-dialog" role="document">
高源 已提交
216 217 218 219 220 221 222 223 224 225 226 227 228 229
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="newFolderlMolderTitle">
						<span class="glyphicon glyphicon-folder-open"></span> 新建文件夹
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal">
						<div class="form-group" id="foldernamebox">
							<label for="folderid" id="foldernametitle"
青阳龙野's avatar
青阳龙野 已提交
230
								class="col-sm-3 control-label">新建文件夹:</label>
高源 已提交
231
							<div class="col-sm-9">
青阳龙野's avatar
青阳龙野 已提交
232 233 234 235 236 237 238 239 240 241 242 243 244 245 246
								<div class="input-group">
									<input type="text" class="form-control" id="foldername"
										placeholder="请输入新文件夹的名称……" folderConstraintLevel="0">
									<div class="input-group-btn">
										<button type="button" class="btn btn-default dropdown-toggle"
											data-toggle="dropdown" aria-haspopup="true"
											aria-expanded="false">
											&nbsp;<span id="newfoldertype">公开的</span>&nbsp;<span
												class="caret"></span>
										</button>
										<ul id="foldertypelist"
											class="dropdown-menu dropdown-menu-right">
										</ul>
									</div>
								</div>
高源 已提交
247 248 249 250 251 252 253 254 255 256 257 258 259
							</div>
						</div>
						<div id="folderalert" role="alert"></div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary"
						onclick="createfolder()">创建</button>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
260 261
	<!-- end 创建文件夹 -->
	<!-- 删除文件夹提示框 -->
高源 已提交
262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284
	<div class="modal fade bs-example-modal-sm" id="deleteFolderModal"
		tabindex="-1" role="dialog" aria-labelledby="deleteFolderModelTitle">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="deleteFolderModelTitle">
						<span class="glyphicon glyphicon-comment"></span> 删除文件夹
					</h4>
				</div>
				<div class="modal-body">
					<h5 id="deleteFolderMessage"></h5>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<span id="deleteFolderBox"></span>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
285 286
	<!-- end 删除文件夹 -->
	<!-- 重命名文件夹框 -->
青阳龙野's avatar
青阳龙野 已提交
287 288 289
	<div class="modal fade" id="renameFolderModal" tabindex="-1"
		role="dialog" aria-labelledby="renameFolderMolderTitle">
		<div class="modal-dialog" role="document">
高源 已提交
290 291 292 293 294 295 296
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="renameFolderMolderTitle">
青阳龙野's avatar
青阳龙野 已提交
297
						<span class="glyphicon glyphicon-wrench"></span> 编辑文件夹
高源 已提交
298 299 300 301 302 303
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal">
						<div class="form-group" id="folderrenamebox">
							<label for="folderid" id="foldernametitle"
青阳龙野's avatar
青阳龙野 已提交
304
								class="col-sm-3 control-label">编辑文件夹:</label>
高源 已提交
305
							<div class="col-sm-9">
青阳龙野's avatar
青阳龙野 已提交
306 307 308 309 310 311 312 313 314 315 316 317 318 319 320
								<div class="input-group">
									<input type="text" class="form-control" id="newfoldername"
										placeholder="请输入文件夹的名称……" folderConstraintLevel="0">
									<div class="input-group-btn">
										<button type="button" class="btn btn-default dropdown-toggle"
											data-toggle="dropdown" aria-haspopup="true"
											aria-expanded="false">
											&nbsp;<span id="editfoldertype">公开的</span>&nbsp;<span
												class="caret"></span>
										</button>
										<ul id="editfoldertypelist"
											class="dropdown-menu dropdown-menu-right">
										</ul>
									</div>
								</div>
高源 已提交
321 322 323 324 325 326 327 328 329 330 331 332
							</div>
						</div>
						<div id="newfolderalert" role="alert"></div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<span id="renameFolderBox"></span>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
333 334
	<!-- end 重命名文件夹 -->
	<!-- 上传文件框 -->
青阳龙野's avatar
青阳龙野 已提交
335 336 337
	<div class="modal fade" id="uploadFileModal" tabindex="-1"
		role="dialog" aria-labelledby="uploadFileMolderTitle">
		<div class="modal-dialog" role="document">
高源 已提交
338 339 340 341 342 343 344 345 346 347 348
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="uploadFileMolderTitle">
						<span class="glyphicon glyphicon-cloud-upload"></span> 上传文件
					</h4>
				</div>
				<div class="modal-body">
349 350 351
					<h5>
						选择文件:<span id="selectcount"></span>
					</h5>
高源 已提交
352 353 354
					<input type="text" id="filepath" class="form-control"
						onclick="checkpath()" onfocus="this.blur()"
						placeholder="请点击选择要上传的文件……"> <input type="file"
青阳龙野's avatar
青阳龙野 已提交
355
						id="uploadfile" style="display: none;" onchange="getInputUpload()"
青阳龙野's avatar
青阳龙野 已提交
356 357 358 359
						multiple="multiple"> <br />
					<h5>
						上传进度:<span id="filecount"></span>
					</h5>
高源 已提交
360 361 362 363
					<div class="progress">
						<div id="pros" class="progress-bar" role="progressbar"
							aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"
							style="width: 0%;">
青阳龙野's avatar
青阳龙野 已提交
364 365 366 367 368 369 370
							<span class="sr-only"></span>
						</div>
					</div>
					<h5>上传状态:</h5>
					<div class="panel panel-default">
						<div class="panel-body">
							<div id="uploadstatus" class="uploadstatusbox"></div>
高源 已提交
371 372 373
						</div>
					</div>
					<div id="uploadFileAlert" role="alert"></div>
青阳龙野's avatar
青阳龙野 已提交
374 375 376 377
					<div id="selectFileUpLoadModelAlert" class="alert alert-danger"
						role="alert">
						<h4>提示:存在同名文件!</h4>
						<p>
青阳龙野's avatar
青阳龙野 已提交
378 379 380 381 382 383 384 385 386 387 388 389 390
							您要上传的文件“<span id="repeFileName"></span>”已存在于该路径下,您希望:
						</p>
						<p>
							<input id="selectFileUpLoadModelAsAll" type="checkbox">
							全部应用
						</p>
						<p>
							<button type="button" class="btn btn-danger btn-sm"
								onclick="selectFileUpLoadModelEnd('cover')">覆盖</button>
							<button type="button" class="btn btn-default btn-sm"
								onclick="selectFileUpLoadModelEnd('skip')">跳过</button>
							<button type="button" class="btn btn-default btn-sm"
								onclick="selectFileUpLoadModelEnd('both')">保留两者</button>
青阳龙野's avatar
青阳龙野 已提交
391 392
						</p>
					</div>
高源 已提交
393 394
				</div>
				<div class="modal-footer">
青阳龙野's avatar
青阳龙野 已提交
395 396
					<button type="button" class="btn btn-default"
						onclick='abortUpload()'>取消</button>
高源 已提交
397 398 399 400 401 402
					<button id="umbutton" type='button' class='btn btn-primary'
						onclick='checkUploadFile()'>开始上传</button>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
403 404
	<!-- end 上传文件 -->
	<!-- 下载提示框 -->
青阳龙野's avatar
青阳龙野 已提交
405 406
	<div class="modal fade" id="downloadModal" tabindex="-1" role="dialog"
		aria-labelledby="downloadModelTitle">
高源 已提交
407 408 409 410 411 412 413 414 415 416 417 418
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="downloadModelTitle">
						<span class="glyphicon glyphicon-cloud-download"></span> 下载
					</h4>
				</div>
				<div class="modal-body">
青阳龙野's avatar
青阳龙野 已提交
419 420 421 422 423 424
					<h5 id="downloadFileName" class="wordbreak">提示:您确认要下载文件:[]么?</h5>
					<a href="javascript:void(0);"
						onclick="$('#downloadURLCollapse').collapse('toggle')">下载链接+</a>
					<div class="collapse" id="downloadURLCollapse">
						<div id="downloadHrefBox" class="well well-sm wordbreak"></div>
					</div>
高源 已提交
425 426 427 428 429 430 431 432
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<span id="downloadFileBox"></span>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
433 434
	<!-- end 下载 -->
	<!-- 删除提示框 -->
高源 已提交
435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457
	<div class="modal fade bs-example-modal-sm" id="deleteFileModal"
		tabindex="-1" role="dialog" aria-labelledby="deleteFileModelTitle">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="deleteFileModelTitle">
						<span class="glyphicon glyphicon-comment"></span> 删除文件
					</h4>
				</div>
				<div class="modal-body">
					<h5 id="deleteFileMessage"></h5>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<span id="deleteFileBox"></span>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
458 459
	<!-- end 删除提示框 -->
	<!-- 重命名框 -->
高源 已提交
460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492
	<div class="modal fade bs-example-modal-sm" id="renameFileModal"
		tabindex="-1" role="dialog" aria-labelledby="renameFileMolderTitle">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="renameFileMolderTitle">
						<span class="glyphicon glyphicon-wrench"></span> 重命名文件
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal">
						<div class="form-group" id="filerenamebox">
							<label for="folderid" id="filenametitle"
								class="col-sm-3 control-label">名称:</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" id="newfilename"
									placeholder="请输入文件的名称……">
							</div>
						</div>
						<div id="newFileNamealert" role="alert"></div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<span id="renameFileBox"></span>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
493 494 495 496 497
	<!-- end 重命名 -->
	<!-- 打包下载提示框 -->
	<div class="modal fade bs-example-modal-sm"
		id="downloadAllCheckedModal" tabindex="-1" role="dialog"
		aria-labelledby="downloadAllCheckedModalTitle">
498 499 500 501 502 503 504 505 506 507 508 509
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="downloadAllCheckedModalTitle">
						<span class="glyphicon glyphicon-cloud-download"></span> 打包下载
					</h4>
				</div>
				<div class="modal-body">
青阳龙野's avatar
青阳龙野 已提交
510 511 512 513
					<h5>
						<span id="downloadAllCheckedName"></span><span
							id="downloadAllCheckedLoad" style="text-align: center;"></span>
					</h5>
514 515 516 517 518 519 520 521
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<span id="downloadAllCheckedBox"></span>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544
	<!-- end 打包下载 -->
	<!--音乐播放模态框-->
	<div class="modal fade" id="audioPlayerModal" tabindex="-1"
		role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<div id="aplayer" class="aplayer"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default"
						onclick="audio_vulome_down()">
						<span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span>
					</button>
					<button type="button" class="btn btn-default"
						onclick="audio_vulome_up()">
						<span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
					</button>
					<button type="button" class="btn btn-default" onclick="audio_bw()">
						<span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
					</button>
					<button type="button" class="btn btn-primary" id="playOrPause"
						onclick="audio_playOrPause()">
青阳龙野's avatar
青阳龙野 已提交
545
						<span class='glyphicon glyphicon-play' aria-hidden='true'></span>
青阳龙野's avatar
青阳龙野 已提交
546 547 548 549 550 551 552 553 554 555 556 557 558
					</button>
					<button type="button" class="btn btn-default" onclick="audio_fw()">
						<span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
					</button>
					<button type="button" class="btn btn-default"
						onclick="closeAudioPlayer()">
						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
					</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end 音乐播放 -->
青阳龙野's avatar
青阳龙野 已提交
559 560 561 562 563 564 565 566
	<!-- 加载提示框 -->
	<div id="loadingModal" class="modal fade bs-example-modal-sm"
		tabindex="-1" role="dialog" aria-labelledby="page is loading">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content loading">加载中...</div>
		</div>
	</div>
	<!-- end 加载提示框 -->
青阳龙野's avatar
青阳龙野 已提交
567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582
	<!-- 移动文件提示框 -->
	<div class="modal fade bs-example-modal-sm" id="moveFilesModal"
		tabindex="-1" role="dialog" aria-labelledby="moveFolderModalTitle">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="moveFolderModalTitle">
						<span class="glyphicon glyphicon-import"></span> 移动文件
					</h4>
				</div>
				<div class="modal-body">
					<h5 id="moveFilesMessage"></h5>
青阳龙野's avatar
青阳龙野 已提交
583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601
					<div id="selectFileMoveModelAlert" class="alert alert-danger"
						role="alert">
						<h4>提示:存在同名文件!</h4>
						<p>
							您要移动的文件“<span id="mrepeFileName"></span>”已存在于该路径下,您希望:
						</p>
						<p>
							<input id="selectFileMoveModelAsAll" type="checkbox">
							全部应用
						</p>
						<p>
							<button type="button" class="btn btn-danger btn-sm"
								onclick="selectFileMoveModel('cover')">覆盖</button>
							<button type="button" class="btn btn-default btn-sm"
								onclick="selectFileMoveModel('skip')">跳过</button>
							<button type="button" class="btn btn-default btn-sm"
								onclick="selectFileMoveModel('both')">保留两者</button>
						</p>
					</div>
青阳龙野's avatar
青阳龙野 已提交
602 603 604 605 606 607 608 609 610
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<span id="moveFilesBox"></span>
				</div>
			</div>
		</div>
	</div>
	<!-- end 移动文件提示框 -->
青阳龙野's avatar
青阳龙野 已提交
611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641
	<!-- 文件夹详情模态框 -->
	<div class="modal fade" id="folderInfoModal" tabindex="-1"
		role="dialog" aria-labelledby="Folder Informaction Modal">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">详细信息...</h4>
				</div>
				<div class="modal-body">
					<dl>
						<dt>文件夹名称:</dt>
						<dd id="fim_name"></dd>
						<dt>创建者:</dt>
						<dd id="fim_creator"></dd>
						<dt>创建时间:</dt>
						<dd id="fim_folderCreationDate"></dd>
						<dt>文件统计:</dt>
						<dd id="fim_statistics"></dd>
					</dl>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end 文件夹详情模态框 -->
高源 已提交
642
</body>
青阳龙野's avatar
青阳龙野 已提交
643 644 645
<!-- jquery基本框架 -->
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<!-- bootstrap基本框架 -->
高源 已提交
646
<script type="text/javascript" src="js/bootstrap.min.js"></script>
青阳龙野's avatar
青阳龙野 已提交
647 648 649 650
<!-- 加密插件 -->
<script type="text/javascript" src="js/jsencrypt.min.js"></script>
<!-- 图片查看器 -->
<script type="text/javascript" src="js/viewer.min.js"></script>
青阳龙野's avatar
青阳龙野 已提交
651
<script type="text/javascript" src="js/jquery-viewer.min.js"></script>
青阳龙野's avatar
青阳龙野 已提交
652 653 654
<!-- 音乐播放器 -->
<script type="text/javascript" src="js/APlayer.min.js"></script>
<!-- 页面操作定义 -->
青阳龙野's avatar
青阳龙野 已提交
655
<script type="text/javascript" src="js/home.min.js"></script>
高源 已提交
656
</html>