Skip to content

kiftd
kiftd

CloudScape.zhao / kiftd
与 Fork 源项目一致

Fork自 青阳龙野 / kiftd

通知 1
Star 0
Fork 0
kiftd
kiftd

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
home.html 16.0 KB
Newer Older
高
经过测试的原始版本  
高源 已提交
1 
<!doctype html>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
2 
<!-- kiftd 主页面 by 青阳龙野 -->
高
经过测试的原始版本  
高源 已提交
3 4 
<html>
<head>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
5 
<base href="/">
高
经过测试的原始版本  
高源 已提交
6 
<meta charset="UTF-8">
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
7 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
高
经过测试的原始版本  
高源 已提交
8 9 
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KIFT</title>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
10 
<!-- Bootstrap基本框架 -->
高
经过测试的原始版本  
高源 已提交
11 
<link rel="stylesheet" href="css/bootstrap.min.css">
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
12 
<!-- 全局样式 -->
青阳龙野's avatar
[重大更新]更新至v1.0.1-稳定化  
青阳龙野 已提交
13 
<link rel="stylesheet" href="css/overrall.min.css">
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
14 15 16 17 18 
<!-- 图片查看器插件 -->
<link rel="stylesheet" href="css/viewer.min.css">
<!-- 音乐播放器插件 -->
<link rel="stylesheet" href="css/APlayer.min.css">
<!-- 页面图标 -->
高
经过测试的原始版本  
高源 已提交
19 
<link rel="icon" type="image/x-icon" href="css/icon.png" />
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
20 21 22 23 24 
<!-- 尴尬的支持老古董浏览器专用设置（我最终还是决定加上了，因为确实不能保证每个人都有一个chrome） -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
<![endif]-->
高
经过测试的原始版本  
高源 已提交
25 26 27 
</head>

<body>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
28 
	<!-- 显示主体 -->
高
经过测试的原始版本  
高源 已提交
29 
	<div class="container">
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
30 
		<!-- 页面标题 -->
高
经过测试的原始版本  
高源 已提交
31 32 33 34 35 36 37 38 39 40 41 42 
		<div class="row">
			<div class="col-md-12">
				<div class="titlebox">
					<span class="titletext"><em> 青阳网络文件传输系统 <small><span
								class="graytext">KIFT</span></small></em></span> <span id="tb" class="rightbtn"></span>
					<button class="btn btn-link rightbtn" onclick="refreshFolderView()">
						刷新 <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
					</button>
				</div>
				<hr />
			</div>
		</div>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
43 
		<!-- 信息栏、操作栏与文件列表 -->
高
经过测试的原始版本  
高源 已提交
44 45 46 47 48 49 50 51 
		<div class="row">
			<div class="col-md-12">
				<p class="subtitle">
					文件同步时间：<span id="publishTime"></span>
				</p>
				<p class="subtitle">
					OS：<span id="serverOS"><span class="graytext">加载中...</span></span>
				</p>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
52 53 
				<div id="filetable" class="panel panel-default" unselectable="on"
					onselectstart="return false;" style="-moz-user-select: none;">
高
经过测试的原始版本  
高源 已提交
54 55 56 57 
					<!-- Default panel contents -->
					<div class="panel-heading">
						<p class="heading" id="parentlistbox"></p>
					</div>
青阳龙野's avatar
重大更新，至版本v1.0.1  
青阳龙野 已提交
58 
					<table class="table table-hover">
高
经过测试的原始版本  
高源 已提交
59 
						<thead>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
60 61 
							<tr onclick="checkallfile()">
								<th>文件名</th>
高
经过测试的原始版本  
高源 已提交
62 63 64 65 66 67 68 69 70 71 72 73 
								<th>创建日期</th>
								<th>大小</th>
								<th>创建者</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="foldertable"></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
74 
	<!-- end 显示主体 -->
高
经过测试的原始版本  
高源 已提交
75
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
76 
	<!-- 登录模态框 -->
高
经过测试的原始版本  
高源 已提交
77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 
	<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"
								class="col-sm-3 control-label">账户：</label>
							<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"
								class="col-sm-3 control-label">密码：</label>
							<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>
					<button type="button" class="btn btn-primary" onclick="dologin()">登录</button>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
118 119 
	<!-- end 登录 -->
	<!-- 注销提示框 -->
高
经过测试的原始版本  
高源 已提交
120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 
	<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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
143 144 
	<!-- end 注销 -->
	<!-- 新建文件夹框 -->
高
经过测试的原始版本  
高源 已提交
145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 
	<div class="modal fade bs-example-modal-sm" id="newFolderModal"
		tabindex="-1" role="dialog" aria-labelledby="newFolderlMolderTitle">
		<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="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"
								class="col-sm-3 control-label">名称：</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" id="foldername"
									placeholder="请输入新文件夹的名称……">
							</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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
179 180 
	<!-- end 创建文件夹 -->
	<!-- 删除文件夹提示框 -->
高
经过测试的原始版本  
高源 已提交
181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 
	<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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
204 205 
	<!-- end 删除文件夹 -->
	<!-- 重命名文件夹框 -->
高
经过测试的原始版本  
高源 已提交
206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 
	<div class="modal fade bs-example-modal-sm" id="renameFolderModal"
		tabindex="-1" role="dialog" aria-labelledby="renameFolderMolderTitle">
		<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="renameFolderMolderTitle">
						<span class="glyphicon glyphicon-wrench"></span> 重命名文件夹
					</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal">
						<div class="form-group" id="folderrenamebox">
							<label for="folderid" id="foldernametitle"
								class="col-sm-3 control-label">名称：</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" id="newfoldername"
									placeholder="请输入文件夹的名称……">
							</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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
239 240 
	<!-- end 重命名文件夹 -->
	<!-- 上传文件框 -->
青阳龙野's avatar
重大更新，至版本v1.0.1  
青阳龙野 已提交
241 242 243 
	<div class="modal fade" id="uploadFileModal" tabindex="-1"
		role="dialog" aria-labelledby="uploadFileMolderTitle">
		<div class="modal-dialog" role="document">
高
经过测试的原始版本  
高源 已提交
244 245 246 247 248 249 250 251 252 253 254 
			<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">
青阳龙野's avatar
【重大更新v1.0.1】调整了打包下载功能的提示窗口  
青阳龙野 已提交
255 256 257 
					<h5>
						选择文件：<span id="selectcount"></span>
					</h5>
高
经过测试的原始版本  
高源 已提交
258 259 260 
					<input type="text" id="filepath" class="form-control"
						onclick="checkpath()" onfocus="this.blur()"
						placeholder="请点击选择要上传的文件……"> <input type="file"
青阳龙野's avatar
重大更新，至版本v1.0.1  
青阳龙野 已提交
261 262 263 264 265 
						id="uploadfile" style="display: none;" onchange="showfilepath()"
						multiple="multiple"> <br />
					<h5>
						上传进度：<span id="filecount"></span>
					</h5>
高
经过测试的原始版本  
高源 已提交
266 267 268 269 
					<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
重大更新，至版本v1.0.1  
青阳龙野 已提交
270 271 272 273 274 275 276 
							<span class="sr-only"></span>
						</div>
					</div>
					<h5>上传状态：</h5>
					<div class="panel panel-default">
						<div class="panel-body">
							<div id="uploadstatus" class="uploadstatusbox"></div>
高
经过测试的原始版本  
高源 已提交
277 278 279 280 281 
						</div>
					</div>
					<div id="uploadFileAlert" role="alert"></div>
				</div>
				<div class="modal-footer">
青阳龙野's avatar
重大更新，至版本v1.0.1  
青阳龙野 已提交
282 283 
					<button type="button" class="btn btn-default"
						onclick='abortUpload()'>取消</button>
高
经过测试的原始版本  
高源 已提交
284 285 286 287 288 289 
					<button id="umbutton" type='button' class='btn btn-primary'
						onclick='checkUploadFile()'>开始上传</button>
				</div>
			</div>
		</div>
	</div>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
290 291 
	<!-- end 上传文件 -->
	<!-- 下载提示框 -->
高
经过测试的原始版本  
高源 已提交
292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 
	<div class="modal fade bs-example-modal-sm" id="downloadModal"
		tabindex="-1" role="dialog" aria-labelledby="downloadModelTitle">
		<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">
					<h5 id="downloadFileName">提示：您确认要下载文件：[]么？</h5>
				</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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
315 316 
	<!-- end 下载 -->
	<!-- 删除提示框 -->
高
经过测试的原始版本  
高源 已提交
317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 
	<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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
340 341 
	<!-- end 删除提示框 -->
	<!-- 重命名框 -->
高
经过测试的原始版本  
高源 已提交
342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 
	<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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
375 376 377 378 379 
	<!-- end 重命名 -->
	<!-- 打包下载提示框 -->
	<div class="modal fade bs-example-modal-sm"
		id="downloadAllCheckedModal" tabindex="-1" role="dialog"
		aria-labelledby="downloadAllCheckedModalTitle">
青阳龙野's avatar
【重大更新v1.0.1】调整了打包下载功能的提示窗口  
青阳龙野 已提交
380 381 382 383 384 385 386 387 388 389 390 391 
		<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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
392 393 394 395 
					<h5>
						<span id="downloadAllCheckedName"></span><span
							id="downloadAllCheckedLoad" style="text-align: center;"></span>
					</h5>
青阳龙野's avatar
【重大更新v1.0.1】调整了打包下载功能的提示窗口  
青阳龙野 已提交
396 397 398 399 400 401 402 403 
				</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
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 
	<!-- 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()">
						<span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
					</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 音乐播放 -->
高
经过测试的原始版本  
高源 已提交
441 
</body>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
442 443 444 
<!-- jquery基本框架 -->
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<!-- bootstrap基本框架 -->
高
经过测试的原始版本  
高源 已提交
445 
<script type="text/javascript" src="js/bootstrap.min.js"></script>
青阳龙野's avatar
重大更新v1.0.2-SNAPSHOT  
青阳龙野 已提交
446 447 448 449 450 451 452 
<!-- 加密插件 -->
<script type="text/javascript" src="js/jsencrypt.min.js"></script>
<!-- 图片查看器 -->
<script type="text/javascript" src="js/viewer.min.js"></script>
<!-- 音乐播放器 -->
<script type="text/javascript" src="js/APlayer.min.js"></script>
<!-- 页面操作定义 -->
青阳龙野's avatar
【重大更新v1.0.1】调整了打包下载功能的提示窗口  
青阳龙野 已提交
453 
<script type="text/javascript" src="js/home.js"></script>
高
经过测试的原始版本  
高源 已提交
454 
</html>