관리-도구

편집 파일: hitech.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>File upload status</title>
<TMPL_INCLUDE xstatus.js>
<style>
body {
	margin:0; 
	text-align:center; 
	background-color: #FFFFFF;
	font:10px/14px Arial;
	position: relative;
	}

h1 {
	font: 18px Arial;
	padding: 0;
	margin: 0;
	display: none;
	}

p {
	padding:0; 
	margin:0; 
	width: 270px;
	}

#container {
	margin-left:auto; 
	margin-right:auto; 
	width:270px;
	position: relative;
	}
		
.bar1 {
	border:1px solid #222222; 
	background-color:#eeeeee; 
	margin-top:6px; 
	text-align:left; 
	width:268px; 
	height:40px;
	}

.bar2 {
	width:1%; 
	background-color:#f1ad02; 
	height:40px; 
	text-align:left;
	}

.data {
	margin:10px 0 0 0; 
	padding:0px; 
	border:0; 
	width:270px;
	text-align: left;
	}
		
.message {width: 90%; height: 48px; border: 1px solid #707070; font: 12px Arial; margin-top: 7px; text-align: left; padding-left: 5px; background-color: #f9fff9; overflow: auto;}

.row {
	margin: 0 0 1px 0;
	background-color:#eeeeee;
	padding: 0 4px 0 4px;
}

.label {
	width:130px;
	float: left;
	}

.value {
}

#complete {
	position: absolute;
	top: 20px;
	right: 5px;
	background-color: transparent;
	}
#complete .row {
	margin: 0;
	padding: 0;
}
#complete .label {
	display: none;
	}
#complete .value {
	text-align: right;
	}

#close {
	display: none;
	}

.btn     {font: 12px Arial; border: 1px solid #a3a3a3; background-color: #e9e9e9;}

.bar_table {width: 240px; background-color: #707070;}
.bar_table TR TD {border: none;}
.sbar {background-color: #e9e9e9; height: 50px;}
</style>
</head>

<div class="data">
		<div id="complete" class="row">
			<div class="label">upload complete</div>
			<div class="value"><TMPL_VAR percent_completed></div>
		</div>
		<div id="numfiles" class="row">
			<div class="label">files uploaded:</div>
			<div class="value"><TMPL_VAR files_uploaded> of <TMPL_VAR files_total></div>
		</div>
		<div id="position" class="row">
			<div class="label">current position:</div>
			<div class="value"><TMPL_VAR data_uploaded> / <TMPL_VAR data_total> Kbytes</div>
		</div>
		<div id="uploadspeed" class="row">
			<div class="label">Approx. speed:</div>
			<div class="value"><TMPL_VAR speed> Kbytes/Sec.</div>
		</div>
	
		<div id="timespent" class="row">
			<div class="label">time spent:</div>
			<div class="value"><TMPL_VAR time_spent></div>
		</div>
		<div id="timeleft" class="row">
			<div class="label">time left:</div>
			<div class="value"><TMPL_VAR time_left></div>
		</div>
	</div>

<div id="message" class="message"></div>
    <br><input type="button" value="Stop Upload" onclick="StopUpload();" class="btn" id="stop_btn">
	<div id="close">
		<a href="javascript: window.close();">close this window</a>
	</div>

</div>
</body>
</html>