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

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

青阳龙野's avatar
青阳龙野 已提交
150
	<!-- 登录模态框 -->
高源 已提交
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167
	<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
青阳龙野 已提交
168
								class="col-sm-3 control-label">账户:</label>
高源 已提交
169 170 171 172 173 174 175
							<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
青阳龙野 已提交
176
								class="col-sm-3 control-label">密码:</label>
高源 已提交
177 178 179 180 181
							<div class="col-sm-9">
								<input type="password" class="form-control" id="accountpwd"
									placeholder="请输入密码……">
							</div>
						</div>
青阳龙野's avatar
青阳龙野 已提交
182
						<div class="form-group hidden" id="vercodebox"></div>
高源 已提交
183 184 185 186 187
						<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
青阳龙野 已提交
188 189
					<button type="button" id="dologinButton" class="btn btn-primary"
						onclick="dologin()">登录</button>
高源 已提交
190 191 192 193
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
194 195
	<!-- end 登录 -->
	<!-- 注销提示框 -->
高源 已提交
196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218
	<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
青阳龙野 已提交
219 220
	<!-- end 注销 -->
	<!-- 新建文件夹框 -->
青阳龙野's avatar
青阳龙野 已提交
221 222 223
	<div class="modal fade" id="newFolderModal" tabindex="-1" role="dialog"
		aria-labelledby="newFolderlMolderTitle">
		<div class="modal-dialog" role="document">
高源 已提交
224 225 226 227 228 229 230 231 232 233 234 235 236 237
			<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
青阳龙野 已提交
238
								class="col-sm-3 control-label">新建文件夹:</label>
高源 已提交
239
							<div class="col-sm-9">
青阳龙野's avatar
青阳龙野 已提交
240 241 242 243 244 245 246 247 248 249 250 251 252 253 254
								<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>
高源 已提交
255 256 257 258 259 260 261 262 263 264 265 266 267
							</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
青阳龙野 已提交
268 269
	<!-- end 创建文件夹 -->
	<!-- 删除文件夹提示框 -->
高源 已提交
270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292
	<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
青阳龙野 已提交
293 294
	<!-- end 删除文件夹 -->
	<!-- 重命名文件夹框 -->
青阳龙野's avatar
青阳龙野 已提交
295 296 297
	<div class="modal fade" id="renameFolderModal" tabindex="-1"
		role="dialog" aria-labelledby="renameFolderMolderTitle">
		<div class="modal-dialog" role="document">
高源 已提交
298 299 300 301 302 303 304
			<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
青阳龙野 已提交
305
						<span class="glyphicon glyphicon-wrench"></span> 编辑文件夹
高源 已提交
306 307 308 309 310 311
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal">
						<div class="form-group" id="folderrenamebox">
							<label for="folderid" id="foldernametitle"
青阳龙野's avatar
青阳龙野 已提交
312
								class="col-sm-3 control-label">编辑文件夹:</label>
高源 已提交
313
							<div class="col-sm-9">
青阳龙野's avatar
青阳龙野 已提交
314 315 316 317 318 319 320 321 322 323 324 325 326 327 328
								<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>
高源 已提交
329 330
							</div>
						</div>
青阳龙野's avatar
青阳龙野 已提交
331
						<div id="editfolderalert" role="alert"></div>
高源 已提交
332 333 334 335 336 337 338 339 340
					</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
青阳龙野 已提交
341 342
	<!-- end 重命名文件夹 -->
	<!-- 上传文件框 -->
青阳龙野's avatar
青阳龙野 已提交
343 344 345
	<div class="modal fade" id="uploadFileModal" tabindex="-1"
		role="dialog" aria-labelledby="uploadFileMolderTitle">
		<div class="modal-dialog" role="document">
高源 已提交
346 347 348 349 350 351 352 353 354 355 356
			<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">
357 358 359
					<h5>
						选择文件:<span id="selectcount"></span>
					</h5>
高源 已提交
360 361 362
					<input type="text" id="filepath" class="form-control"
						onclick="checkpath()" onfocus="this.blur()"
						placeholder="请点击选择要上传的文件……"> <input type="file"
青阳龙野's avatar
青阳龙野 已提交
363
						id="uploadfile" style="display: none;" onchange="getInputUpload()"
青阳龙野's avatar
青阳龙野 已提交
364 365 366 367
						multiple="multiple"> <br />
					<h5>
						上传进度:<span id="filecount"></span>
					</h5>
高源 已提交
368 369 370 371
					<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
青阳龙野 已提交
372 373 374 375 376 377 378
							<span class="sr-only"></span>
						</div>
					</div>
					<h5>上传状态:</h5>
					<div class="panel panel-default">
						<div class="panel-body">
							<div id="uploadstatus" class="uploadstatusbox"></div>
高源 已提交
379 380
						</div>
					</div>
青阳龙野's avatar
青阳龙野 已提交
381
					<div id="uploadFileAlert" role="alert" class="alert alert-danger"></div>
青阳龙野's avatar
青阳龙野 已提交
382 383 384 385
					<div id="selectFileUpLoadModelAlert" class="alert alert-danger"
						role="alert">
						<h4>提示:存在同名文件!</h4>
						<p>
青阳龙野's avatar
青阳龙野 已提交
386 387 388 389 390 391 392
							您要上传的文件“<span id="repeFileName"></span>”已存在于该路径下,您希望:
						</p>
						<p>
							<input id="selectFileUpLoadModelAsAll" type="checkbox">
							全部应用
						</p>
						<p>
青阳龙野's avatar
青阳龙野 已提交
393 394
							<button id="uploadcoverbtn" type="button"
								class="btn btn-danger btn-sm"
青阳龙野's avatar
青阳龙野 已提交
395 396 397 398 399
								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
青阳龙野 已提交
400 401
						</p>
					</div>
高源 已提交
402 403
				</div>
				<div class="modal-footer">
青阳龙野's avatar
青阳龙野 已提交
404 405
					<button type="button" class="btn btn-default"
						onclick='abortUpload()'>取消</button>
高源 已提交
406 407 408 409 410 411
					<button id="umbutton" type='button' class='btn btn-primary'
						onclick='checkUploadFile()'>开始上传</button>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
青阳龙野 已提交
412
	<!-- end 上传文件 -->
青阳龙野's avatar
青阳龙野 已提交
413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433
	<!-- 上传文件夹框 -->
	<div class="modal fade" id="importFolderModal" tabindex="-1"
		role="dialog" aria-labelledby="importFolderMolderTitle">
		<div class="modal-dialog" 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="importFolderMolderTitle">
						<span class="glyphicon glyphicon-cloud-upload"></span> 上传文件夹
					</h4>
				</div>
				<div class="modal-body">
					<h5>选择文件夹:</h5>
					<div class="input-group">
						<input type="text" id="folderpath" class="form-control"
							onclick="checkimportpath()" onfocus="this.blur()"
							placeholder="请点击选择要上传的文件夹……" folderConstraintLevel="0">
						<div class="input-group-btn">
青阳龙野's avatar
青阳龙野 已提交
434 435 436
							<button id="importFolderLevelBtn" type="button"
								class="btn btn-default dropdown-toggle" data-toggle="dropdown"
								aria-haspopup="true" aria-expanded="false">
青阳龙野's avatar
青阳龙野 已提交
437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471
								&nbsp;<span id="importfoldertype">公开的</span>&nbsp;<span
									class="caret"></span>
							</button>
							<ul id="importfoldertypelist"
								class="dropdown-menu dropdown-menu-right">
							</ul>
						</div>
					</div>
					<input type="file" id="importfolder" style="display: none;"
						onchange="getInputImport()" multiple="multiple" webkitdirectory>
					<h5>
						上传进度:<span id="importcount"></span>
					</h5>
					<div class="progress">
						<div id="importpros" class="progress-bar" role="progressbar"
							aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"
							style="width: 0%;">
							<span class="sr-only"></span>
						</div>
					</div>
					<h5>上传状态:</h5>
					<div class="panel panel-default">
						<div class="panel-body">
							<div id="importstatus" class="uploadstatusbox"></div>
						</div>
					</div>
					<div id="importFolderAlert" class="alert alert-danger" role="alert"></div>
					<div id="selectFolderImportModelAlert" class="alert alert-danger"
						role="alert">
						<h4>提示:存在同名文件夹!</h4>
						<p>
							您要上传的文件夹“<span id="repeFolderName"></span>”已存在于该路径下,您希望:
						</p>
						<p>
							<button id="importcoverbtn" type="button"
青阳龙野's avatar
青阳龙野 已提交
472
								class="btn btn-danger btn-sm" onclick="importAndCover()">覆盖</button>
青阳龙野's avatar
青阳龙野 已提交
473 474 475 476 477 478 479 480
							<button type="button" class="btn btn-default btn-sm"
								onclick="abortImport()">取消上传</button>
							<button type="button" class="btn btn-default btn-sm"
								onclick="importAndBoth()">保留两者</button>
						</p>
					</div>
				</div>
				<div class="modal-footer">
青阳龙野's avatar
青阳龙野 已提交
481 482
					<button type="button" class="btn btn-default"
						onclick='abortImport()'>取消</button>
青阳龙野's avatar
青阳龙野 已提交
483 484 485 486 487 488 489
					<button id="importbutton" type='button' class='btn btn-primary'
						onclick='checkImportFolder()'>开始上传</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end 上传文件夹 -->
青阳龙野's avatar
青阳龙野 已提交
490
	<!-- 下载提示框 -->
青阳龙野's avatar
青阳龙野 已提交
491 492
	<div class="modal fade" id="downloadModal" tabindex="-1" role="dialog"
		aria-labelledby="downloadModelTitle">
高源 已提交
493 494 495 496 497 498 499 500 501 502 503 504
		<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
青阳龙野 已提交
505 506 507 508 509 510
					<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>
高源 已提交
511 512 513 514 515 516 517 518
				</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
青阳龙野 已提交
519 520
	<!-- end 下载 -->
	<!-- 删除提示框 -->
高源 已提交
521 522 523 524 525 526 527 528 529 530 531 532 533 534
	<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">
青阳龙野's avatar
青阳龙野 已提交
535
					<h5 id="deleteFileMessage" class="wordbreak"></h5>
高源 已提交
536 537 538 539 540 541 542 543
				</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
青阳龙野 已提交
544 545
	<!-- end 删除提示框 -->
	<!-- 重命名框 -->
高源 已提交
546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578
	<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
青阳龙野 已提交
579 580 581 582 583
	<!-- end 重命名 -->
	<!-- 打包下载提示框 -->
	<div class="modal fade bs-example-modal-sm"
		id="downloadAllCheckedModal" tabindex="-1" role="dialog"
		aria-labelledby="downloadAllCheckedModalTitle">
584 585 586 587 588 589 590 591 592 593 594 595
		<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
青阳龙野 已提交
596 597 598 599
					<h5>
						<span id="downloadAllCheckedName"></span><span
							id="downloadAllCheckedLoad" style="text-align: center;"></span>
					</h5>
600 601 602 603 604 605 606 607
				</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
青阳龙野 已提交
608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630
	<!-- 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
青阳龙野 已提交
631
						<span class='glyphicon glyphicon-play' aria-hidden='true'></span>
青阳龙野's avatar
青阳龙野 已提交
632 633 634 635 636 637 638 639 640 641 642 643 644
					</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
青阳龙野 已提交
645 646 647 648 649 650 651 652
	<!-- 加载提示框 -->
	<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
青阳龙野 已提交
653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668
	<!-- 移动文件提示框 -->
	<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
青阳龙野 已提交
669 670 671 672 673 674 675 676 677 678 679
					<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>
青阳龙野's avatar
青阳龙野 已提交
680 681
							<button id="movecoverbtn" type="button"
								class="btn btn-danger btn-sm"
青阳龙野's avatar
青阳龙野 已提交
682 683 684 685 686 687 688
								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
青阳龙野 已提交
689 690 691 692 693 694 695 696 697
				</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
青阳龙野 已提交
698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719
	<!-- 文件夹详情模态框 -->
	<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>
青阳龙野's avatar
青阳龙野 已提交
720 721
						<dt>文件夹ID:</dt>
						<dd id="fim_folderId"></dd>
青阳龙野's avatar
青阳龙野 已提交
722 723 724 725 726 727 728 729 730
					</dl>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end 文件夹详情模态框 -->
青阳龙野's avatar
青阳龙野 已提交
731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800
	<!-- 修改密码模态框 -->
	<div class="modal fade bs-example-modal-sm" id="changePasswordModal"
		tabindex="-1" role="dialog" aria-labelledby="changePasswordModelTitle">
		<div class="modal-dialog" 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="changePasswordModelTitle">
						<span class="glyphicon glyphicon-edit"></span> 修改密码
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal">
						<div class="form-group" id="changepassword_oldepwdbox">
							<label for="changepassword_oldpwd"
								id="changepassword_oldpwdtitle" class="col-sm-3 control-label">旧密码:</label>
							<div class="col-sm-9">
								<input type="password" class="form-control"
									id="changepassword_oldpwd" placeholder="请输入旧密码确认身份……">
							</div>
						</div>
						<div class="form-group" id="changepassword_newpwdbox">
							<label for="changepassword_newpwd"
								id="changepassword_newpwdtitle" class="col-sm-3 control-label">新密码:</label>
							<div class="col-sm-9">
								<input type="password" class="form-control"
									id="changepassword_newpwd" placeholder="请输入新密码……">
							</div>
						</div>
						<div class="form-group" id="changepassword_reqnewpwdbox">
							<label for="changepassword_reqnewpwd"
								id="changepassword_reqnewpwdtitle"
								class="col-sm-3 control-label">确认新密码:</label>
							<div class="col-sm-9">
								<input type="password" class="form-control"
									id="changepassword_reqnewpwd" placeholder="请再次输入新密码……">
							</div>
						</div>
						<div id="changepassword_vccodebox" class="form-group"></div>
						<div id="changepasswordalertbox" class="alert alert-danger"
							role="alert"></div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" id="changePasswordButton"
						class="btn btn-danger" onclick="doChangePassword()">立即修改</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end 改密 -->
	<!-- 永久资源链接显示模态框 -->
	<div class="modal fade" id="fileChainModal" tabindex="-1" role="dialog"
		aria-labelledby="chainModalLabel">
		<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="chainModalLabel">
						<span class="glyphicon glyphicon-link"></span> 资源链接
					</h4>
				</div>
				<div class="modal-body">
青阳龙野's avatar
青阳龙野 已提交
801 802
					<textarea id="fileChainTextarea" class="form-control" rows="3"
						readonly></textarea>
青阳龙野's avatar
青阳龙野 已提交
803 804
				</div>
				<div class="modal-footer">
青阳龙野's avatar
青阳龙野 已提交
805 806
					<button id="copyChainBtn" type="button" class="btn btn-info"
						onclick="copyFileChain()">复制链接</button>
青阳龙野's avatar
青阳龙野 已提交
807 808 809 810 811 812
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end 永久资源链接 -->
青阳龙野's avatar
青阳龙野 已提交
813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843
	<!-- 公告信息栏 -->
	<div class="modal fade" id="noticeModal" tabindex="-1" role="dialog"
		aria-labelledby="noticeModalLabel">
		<div class="modal-dialog modal-lg" 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="noticeModalLabel">公告信息</h4>
				</div>
				<div class="modal-body" style="overflow: scroll;"
					id="noticeModalBody"></div>
				<div class="modal-footer">
					<label class="text-muted"> <input type="checkbox"
						id="dontShowSomeNoticeAt30Day"> 30天内不再显示相同的公告信息
					</label>
					<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end 公告信息栏 -->
	<!-- 显示公告按钮 -->
	<div id="shownoticebox" class="shownoticebox text-center hidden">
		<button type="button" onclick="showNotice()" class="shownoticebutton">
			<span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span><br /><br />
		</button>
	</div>
	<!-- end 显示公告按钮 -->
青阳龙野's avatar
青阳龙野 已提交
844 845 846
	<!-- 返回顶部按钮(隐藏式) -->
	<div id="gobacktotopbox" class="gobacktopbox text-center hidden">
		<button type="button" onclick="goBackToTop()" class="gobacktopbutton">
青阳龙野's avatar
青阳龙野 已提交
847
			返回顶部 <span class="glyphicon glyphicon-eject" aria-hidden="true"></span>
青阳龙野's avatar
青阳龙野 已提交
848 849 850
		</button>
	</div>
	<!-- end 返回顶部按钮 -->
青阳龙野's avatar
青阳龙野 已提交
851 852 853 854 855 856 857
	<!-- 加载余下部分的提示 -->
	<div id="loadingremaininngbox"
		class="loadingremaininngbox text-center bg-info hidden">
		正在加载文件列表:<span id="loadingrate">0%</span>... <span
			class="glyphicon glyphicon-hourglass" aria-hidden="true"></span>
	</div>
	<!-- end 加载余下部分的提示 -->
高源 已提交
858
</body>
青阳龙野's avatar
青阳龙野 已提交
859 860 861
<!-- jquery基本框架 -->
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<!-- bootstrap基本框架 -->
高源 已提交
862
<script type="text/javascript" src="js/bootstrap.min.js"></script>
青阳龙野's avatar
青阳龙野 已提交
863 864 865 866
<!-- 加密插件 -->
<script type="text/javascript" src="js/jsencrypt.min.js"></script>
<!-- 图片查看器 -->
<script type="text/javascript" src="js/viewer.min.js"></script>
青阳龙野's avatar
青阳龙野 已提交
867
<script type="text/javascript" src="js/jquery-viewer.min.js"></script>
青阳龙野's avatar
青阳龙野 已提交
868 869 870
<!-- 音乐播放器 -->
<script type="text/javascript" src="js/APlayer.min.js"></script>
<!-- 页面操作定义 -->
青阳龙野's avatar
青阳龙野 已提交
871
<script type="text/javascript" src="js/home.min.js"></script>
高源 已提交
872
</html>