0 Members and 1 Guest are viewing this topic.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><!--{.comment|--><h1 style='margin-bottom:100em'>WARNING: this template is only to be used with HFS 2.3 (and macros enabled)</h1> <!--.} --><html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="/~style.css" type="text/css"> <link rel="stylesheet" href="/~style.menu.css" type="text/css"> <title>HFS %folder%</title> <link rel="shortcut icon" href="/favicon.ico"><!--[if lte IE 5.5]><style type="text/css">.menu ul li a, .menu ul li a:visited { width:151px; w\idth:139px; }</style><![endif]-->{.comment| Thanks to the following line, you can customize the appearance of the original template by right click on the root -> advanced -> diff templatethen type [style.user] followed by all the CSS commands you want. This way you will stay up to date while the original template improves.} <style type="text/css">{.$style.user.}</style><script>function _(id) { return typeof id == 'string' ? document.getElementById(id) : id; }function addValueToForm(form,name,value) { i = document.createElement('input'); i.setAttribute('name', name); i.setAttribute('value', value); i.setAttribute('type', 'hidden'); _(form).appendChild(i);} // addValueToFormfunction submitAdding(form, data, action) { form = _(form); for (var i in data) { var es = form.getElementsByTagName('input'); for (var j=0; j < es.length; j++) { var e = es[j]; if (e.name == i) e.parentNode.removeChild(e); } } for (var i in data) addValueToForm(form, i, data[i]); if (typeof action != 'undefined') form.setAttribute('action', action); form.submit(); return false;} // submitAddingfunction doArchive() { if (!confirm("Are you sure?")) return false; var allIncluded = true; var is = document.getElementsByName("selection"); for (var i=0; i < is.length; i++) if (!is[i].checked) { allIncluded = false; break; } // if all are selected, we disable it temporarily if (allIncluded) for (var i=0; i < is.length; i++) is[i].checked = false; submitAdding("filelist", {"action":"archive"}, "~folder.tar?recursive&{.substring|?||%url%|include=none.}"); if (allIncluded) for (var i=0; i < is.length; i++) is[i].checked = true; return false;} // doArchive</script></head><body><table width='100%'><tr> <td width='95%'> <div id='folderlabel'>{.!folder.}</div> <div id='folder'>{.breadcrumbs|{:<a href="%bread-url%">{.or|%bread-name%|{.!Home.}.}/</a>:} .}</div>{.if| %user% | <td nowrap> <div class='button'><img src="/~img27"> {.!user.}: %user%</div>/if.}{.if| {.get|can recur.} | <td nowrap> <div class='button'> <form style='width:160px'> <input name='search' size='10' value="{.?search.}"> <input type='submit' value="{.!search.}"> </form> </div>/if.} <td nowrap> <div class="menu"> <ul> <li class='last'><a href="#"><span style='position:relative; top:5px; left:35px;'>{.!menu.}</span><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul>{.if not| %user% | <li><a href="~login"><img src="/~img27"> Login</a></li> .}{.if| {.get|can upload.} | <li><a href="~upload"><img src="/~img32"> Upload</a></li> .}{.if|%number% | <li class="last"><a href="{.get|url|tpl=list{.if not|{.?search.}|{:|folders-filter=\|recursive:}.}.}">File list</a></li> .} </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div></table><form method='post' id='filelist'><div id='body'> {.if| %folder-item-comment% | <div id='foldercomment'>%folder-item-comment%</div> .} {.if| {.?search.} | <a class='big' href="."><img src="/~img14"> {.!BACK.}</a> | {.if| {.%folder% != / .} | <a class='big' href=".."><img src="/~img14"> {.!UP.}</a> .} /if.} {.if not| %number% | <div class='big'>{.!No files.}</div> |{: <div id='folderstats'>%number-folders% {.!folders.}, %number-files% {.!files.} - {.!Total.}: %total-size%</div> <table id='files' cellpadding='5'> {.set|sortlink| {:<a href="{.trim| {.get|url|sort=$1| {.if| {.{.?sort.} = $1.} | rev={.not|{.?rev.} .} /if.} /get.} /trim.}">{.!$2.}{.if| {.{.?sort.} = $1.} | &{.if|{.?rev.}|u|d.}arr;.}</a>:} .} <th>{.^sortlink|n|Filename.}{.^sortlink|e|.ext.} <th>{.^sortlink|s|Filesize.} <th>{.^sortlink|t|Filetime.} <th>{.^sortlink|d|Hits.} %list% </table> {.if|{.get|can delete.}{.get|can archive.}| <div style='margin-top:2em;'> <input type='checkbox' onclick='var is = document.getElementsByName("selection"); for (var i=0; i < is.length; i++) is[i].checked = this.checked;'> All {.if|{.get|can delete.}| <input style='margin-left:1em' type='button' value='Delete selected' onclick='return confirm("Are you sure?") && submitAdding("filelist", {"action":"delete"}, "")'> .} {.if|{.get|can archive.}| <input style='margin-left:1em' type='button' value='Archive' onclick='return doArchive();'> .} </div> /if.} :}/if not.}</div></form><div id='footer'> <a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a> <br>{.!Servertime.}: %timestamp% <br>{.!Uptime.}: %uptime%</div></body></html><!-- Build-time: %build-time% -->[style.css|no log]body, th { font-family:tahoma, verdana, arial, helvetica, sans; font-weight:normal; font-size:9pt; }body { background-color:#DDF; padding:10px; }body, p, form { margin:0 }a { text-decoration:none; background-color:Transparent; color:#05F; }a:visited { color:#55F; }a:hover { background-color:#EEF; }img { border-style:none }#files td { font-size:10pt; background:#FFF; border:1px solid #BBF }#files td img { vertical-align:top }#files th, th a, th a:visited { color:#555; font-size:13pt; font-weight:bold; padding-bottom:0; }#foldercomment { font-size:10pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; border-bottom:3px solid #DDD; margin-top:2px; }#folder, .big { font-size:14pt; font-weight:bold; }#folderlabel, #folderstats, #footer { font-size: 8pt; }#body { border-bottom: 4px solid #BBF; border-top: 4px solid #BBF; border-left: 1px dotted #BBF; border-right: 1px dotted #BBF; background:#F3F3FF; padding:15px; margin:15px;}.comment { font-size:7pt; color:#888; background:#EEE; padding:3px; border:1px solid #DDD; margin-top:2px; }.button { height:24px; padding:4px 10px; margin:5px; border:2px solid black; background:white; font-size:8pt; font-weight:bold; }a.button { padding:8px 10px; }a.button img { vertical-align:text-bottom; }.flag { font-weight:bold; font-size:8pt; background:white; color:red; text-align:center; border:1px solid red; }.item-folder { font-size:smaller; margin-top:4px; }[style.menu.css|no log]/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/drop_examples.htmlCopyright (c) 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in any way to fit your requirements.=================================================================== */ /* common styling */.menu { margin:0; width:150px; position:relative; font-size:10pt; z-index:100; clear:both; /* for this page only */ }.menu ul { padding:0; margin:0; list-style-type: none; }.menu ul li { float:left; position:relative; font-weight:bold; }.menu li.last { border-bottom:2px solid #000; margin:0; }.menu ul li a, .menu ul li a:visited { line-height:20px; height:32px; display:block; text-decoration:none; color:#000; width:139px; color:#000; border:2px solid #000; border-width:2px 2px 0 2px; padding-left:10px; background:#fff; }.menu ul li ul { display: none; }.menu table { margin:-1px; border-collapse:collapse;font-size:1em; } /* specific to non IE and IE7 browsers */.menu ul li:hover a { color:#c00; }.menu ul li:hover ul { display:block; position:absolute; top:33px; margin-top:1px; left:0; width:150px; height:auto; }.menu ul li:hover ul li ul { display: none; }.menu ul li:hover ul li a { line-height:15px; display:block; background:#ddd; color:#000; height:auto; padding:5px 10px; width:129px; }.menu ul li a:hover ul li a.drop,.menu ul li:hover ul li a.drop { background:#ddd; }.menu ul li:hover ul li:hover ul li:hover a, /* for IE5.x and IE6 browsers only */.menu ul li a:hover ul li a:hover,.menu ul li:hover ul li:hover a { background:#888; color:#fff; }.menu ul li a:hover ul li a.drop:hover,.menu ul li:hover ul li:hover a.drop { background:#888; }.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:150px; top:-1px; width:150px; }.menu ul li:hover ul li:hover ul li a { background:#ddd; color:#000; }.menu ul li a:hover { color:#c00; background:#eee; }.menu ul li a:hover ul { display:block; position:absolute; top:29px; left:0; background:#eee; margin-top:0; marg\in-top:1px; }.menu ul li a:hover ul li a { height:20px; hei\ght:20px; line-height:15px; display:block; background:#ddd; color:#000; padding:5px 10px; width:151px; w\idth:129px; }.menu ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; }.menu ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:150px; }hr { clear:both; margin-bottom:30px; }.left { clear:both; }[file=folder=link] <tr><td> {.if|{.get|can delete.}{.and|{.get|can access.}|{.get|can archive item.}.}| <input type='checkbox' name='selection' value="%item-url%"> .} {.if|{.get|is new.}|<span class='flag'> NEW </span>.} {.if not|{.get|can access.}|<img src='/~img_lock'>.} <a href="%item-url%"><img src="%item-icon%"> %item-name%</a> {.if| {.?search.} |{:{.123 if 2|<div class='item-folder'>{.!item folder.} |{.breadcrumbs|{:<a href="%bread-url%">%bread-name%/</a>:}|from={.count substring|/|%folder%.}/breadcrumbs.}|</div>.}:} .} {.if| %item-comment% | <div class='comment'>%item-comment%</div> .} [+file]<td align='right'>%item-size%<td align='right'>%item-modified%<td align='right'>%item-dl-count%[+folder]<td align='center'><i>folder</i><td align='right'>%item-modified%<td align='right'>%item-dl-count%[+link]<td colspan='3' align='center'><i>link</i>[error-page]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> {.$style.css.} {.$style.user.} </style> </head><body>%content%<hr><div style="font-family:tahoma, verdana, arial, helvetica, sans; font-size:8pt;"><a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a><br>%timestamp%</div></body></html>[not found]<h1>{.!Not found.}</h1><a href="/">{.!go to root.}</a>[overload]<h1>{.!Server busy.}</h1>{.!retry later.}[max contemp downloads]<h1>Download limit</h1>{.!max s dl msg.}[unauthorized]<h1>Unauthorized</h1>Your username and password don't match, or you are not allowed to access this resource.[deny]<h1>Unallowed</h1>{.or|%reason%|This resource is not accessible..}[ban]<h1>You are banned.</h1>%reason%[upload]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html><head> <title>HFS %folder%</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="/~style.css" type="text/css"> <style type="text/css">{.$style.user.}</style></head><body><script language="javascript">var s1, s2;if (window.parent.progress) s1 = '" target=_parent', s2 = '{.!CLOSE PROGRESS FRAME.}';else s1 = '+progress"', s2= '{.!ADD PROGRESS FRAME.}';document.write('<a href="~upload'+s1+' class="button" onClick="if (frm.upbtn.disabled) return false;"><img src="/~img10"> '+s2+'</a>');var fired = 0;window.onbeforeunload = function () { if (document.frm.upbtn.disabled) fired++; // the first time it is fired, it is the submit itself. following calls are of the user leaving. if (fired > 1) return 'This upload will be interrupted';}</script><a href="." target='_parent' class='button'><img src="/~img21"> {.!CANCEL UPLOAD.}</a><div style="margin-top:25px" id='folderlabel'>{.!folder.}</div><div id='folder'>%folder%</div><div id='body'><form name='frm' action="." target='_parent' method='post' enctype="multipart/form-data" onSubmit="frm.upbtn.disabled=true; return true;">%upload-files%<input name='upbtn' type='submit' value="{.!Upload files.}"></form><br>{.!progress advice.}</div><div id='footer'><a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a><br>{.!Servertime.}: %timestamp%<br>{.!Uptime.}: %uptime%<br>{.!Disk space.}: %diskfree%</div></body></html>[upload-file]<input name='fileupload%idx%' size='70' type='file'><br>[upload-results]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="/~style.css" type="text/css"> <title>HFS %folder%</title> <style type="text/css">{.$style.user.}</style></head><body><div style="margin-top:25px" id='folderlabel'>{.!folder.}</div><div id='folder'>%folder%</div><div id='body'>%uploaded-files%<br><br><a href="." target='_parent' class='big'><img src="/~img14"> {.!Back to the folder.}</a></div><div class='footer'><a href="http://www.rejetto.com/hfs/">HttpFileServer %version%</a><br>{.!Servertime.}: %timestamp%<br>{.!Uptime.}: %uptime%<br>{.!Disk space.}: %diskfree%</div></body></html>[upload-success]<li><a href='%item-url%'>%item-name%</a>: <b>{.!OK.}</b> --- %item-size% ({.!Speed.} %speed% KB/s){.if| %user% |{: {.append| %folder-resource%\hfs.comments.txt |{.filename|%item-resource%.}=uploaded by %user%/append.} :}/if.}[upload-failed]<li>%item-name%: <b>{.!FAILED.}</b> --- {.!%reason%.}[upload+progress]<html><head><frameset cols='200,*'> <frame name='progress' src="/~progress" scrolling='auto' marginwidth='0'> <frame src="~upload-no-progress" scrolling='auto'></frameset></head><body></body></html>[progress]<html><head> <meta http-equiv="Refresh" content="7;URL=/~progress"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="/~style.css" type="text/css"> <style> .filename { font-weight:bold; font-size:8pt; } .bytes { font-size:7pt; } .perc { font-size:14px; vertical-align:middle; } .out_bar { width:100px; font-size:15px; background:black; border:black 1px solid; margin-right:5px; float:left; } .in_bar { height:16px; background:white; color:white; } #body { margin-left:0; margin-right:0; } body { padding:2px; } #graph { border:white outset 2px; } {.$style.user.} </style> <title>HFS - {.!Progress status.}</title></head><body><div class='big'>{.!Progress status.}</div>{.!Auto-refresh.}: 7 {.!seconds.}<br><br><img src="/~img_graph190x40" id="graph"><div id='body'>%progress-files%</div><div id='footer'>{.!Uptime.}: %uptime%</div></body></html>[progress-nofiles]<div class='big'>No file exchange in progress.</div>[progress-upload-file]<span class='flag'> up </span><span class='filename'>%filename%</span><div class='bytes'>%done-bytes% / %total-bytes% bytes<br>Speed: %speed-kb% KB/s</div><div style="margin-top:5px; margin-bottom:20px;"> <div class='out_bar'><div class='in_bar' style="width:%perc%px"></div></div> <span class='perc'>%perc%%</span></div>[progress-download-file]<span class='flag'> down </span><span class='filename'>%filename%</span><div class='bytes'>%done-bytes% / %total-bytes% bytes<br>Speed: %speed-kb% KB/s</div><div style="margin-top:5px; margin-bottom:20px;"> <div class='out_bar'><div class='in_bar' style="width:%perc%px"></div></div> <span class='perc'>%perc%%</span></div>[special:strings]menu=.: Menu :.max s dl msg=On this server there is a limit on the number of <b>simultaneous</b> downloads.<br>This limit has been reached. Retry later.retry later=Please, retry later.progress advice=Before uploading you may want to open a <a target='_blank' href="/~progress">progress status window</a>.item folder=in folder
