관리-도구
편집 파일: default.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <title>File Upload Progress</title> <TMPL_INCLUDE xstatus.js> <Style> body {background-color: #fff; font: 13px Arial; padding: 2px;} .data {background-color: #a3a3a3; width: 90%; margin-bottom: 3px;} .data TR TD {background-color: #e9e9e9; font: 12px Arial;} .bar1 {border: 1px solid #a3a3a3; background-color: #f6f6f6; text-align: left; vertical-align: middle; height: 20px; width: 90%; margin-bottom: 8px;} .bar2 {width: 1%; background-color: #c9c9c9; height: 20px; text-align: left;} #message {width: 90%; height: 75px; font: 11px Arial; margin-top: 4px; text-align: left; padding-left: 2px; overflow: auto;} .myLink {font: bold 13px Arial; color: #303030; text-decoration: none;} .btn {font: 12px Arial; border: 1px solid #a3a3a3; background-color: #e9e9e9; margin-top: 3px; margin-bottom: 5px;} .bar_table {width: 60px;} .bar_table TR TD {background-color: #707070;} .sbar {background-color: #e9e9e9; height: 60px;} .file_list {background-color: #a3a3a3; font: 11px Arial; width: 90%;} .file_list TR TD {background-color: #FFFFFF;} .file_list TR TD.done {background-color: #C0FFC0;} .file_list TR TD.load {background-color: #C0C0FF;} </Style> </head> <BODY topmargin=5 leftmargin=0 MARGINHEIGHT=0 MARGINWIDTH=0> <Center> <TMPL_IF message> <b><TMPL_VAR message></b> <TMPL_UNLESS nostop> <br><br><a href="javascript: stopUp();" class="myLink">- Close -</a></Center> <Script> <TMPL_IF inline_pro>alert('<TMPL_VAR message2>');</TMPL_IF> stopUp(1); </Script> </TMPL_UNLESS> <TMPL_ELSE> <div class="bar1" align=left><div class="bar2" id="upload_status"></div></div> <div style="margin-top: -27px; margin-bottom: 10px;"><b><TMPL_VAR percent_completed></b></div> <Table cellpadding=1 cellspacing=1 class="data" id="data"> <TR> <TD align=right><b>Files uploaded:</b></TD> <TD align=center><TMPL_VAR files_uploaded> of <TMPL_VAR files_total></TD> <TD rowspan=4 style="width: 60px;padding: 0px;" align=center valign=bottom> <small><font id="curr_speed">0</font> Kbps</small><br> <table cellpadding=0 cellspacing=0 border=0 class="bar_table" id="bar_table" style="height: 70px"> <TR align=center valign=top> <TMPL_LOOP bars><TD><div class="sbar" id="b<TMPL_VAR num>"><span></span></div></TD></TMPL_LOOP> </TR> </table> </TD> </TR> <TR> <TD align=right width="1%" nowrap><b>Current position:</b></TD> <TD align=center><TMPL_VAR data_uploaded> / <TMPL_VAR data_total></TD> </TR> <TR> <TD align=right xwidth="2%" nowrap><b>Time estimate:</b></TD> <TD align=center><TMPL_VAR time_left></TD> </TR> <TR> <TD align=right><b>Approx. speed:</b></TD> <TD align=center><TMPL_VAR speed> Kbytes/Sec.</TD> </TR> </Table> <Table class="file_list" cellpadding=1 cellspacing=1> <TMPL_LOOP file_list> <TR><TD id="fs<TMPL_VAR num>" style="width: 50px;">Pending</TD><TD align=left><TMPL_VAR name></TD><TD><div id="fss<TMPL_VAR num>"></div></TD></TR> </TMPL_LOOP> </Table> <input type="button" value="Stop Upload" onclick="stopUp();<TMPL_UNLESS inline>window.close();</TMPL_UNLESS>" class="btn" id="stop_btn"> <div id="message"></div> </TMPL_IF> </BODY> </HTML>