Wat is een TPL-bestand?

Een bestand met de extensie .tpl is een sjabloonbestand dat is gemaakt en gebruikt door HTTP File Server (HFS), een applicatieprogramma voor het delen van bestanden om bestanden te verzenden en ontvangen via de webtechnologie HTTP in plaats van het FTP-protocol. Het wordt gebruikt om HTML pagina’s dynamisch te bouwen op basis van de sjablooninformatie die is gedefinieerd om instellingen te hebben met vergelijkbare lay-out, stijl en scripts. Aan toepassingen die dezelfde instellingen vereisen, kan hetzelfde sjabloonbestand worden toegewezen en HFS zal de gevraagde pagina dynamisch tijdens runtime retourneren op basis van dit sjabloonbestand.

TPL-bestandsindeling

TPL-bestanden worden opgeslagen in een voor mensen leesbaar formaat en bevatten HTML, wat voor mensen leesbare Markup Language is. Naast HTML kan een TPL-bestand ook CSS en Javascript op sjabloonniveau bevatten om de lay-out en acties te definiëren die moeten worden uitgevoerd door alle pagina’s die vanuit dit sjabloonbestand worden gegenereerd.

TPL-secties

TPL-secties bevatten de HTML-, CSS- of JavaScript-code die door HFS wordt gebruikt bij het genereren van de uitvoerpagina. Elke sectie begint met vierkante haken ([]) en wordt gedefinieerd door een percentageteken (%). Een TPL-bestand kan de volgende secties hebben.

Sectie TPL-stijl

Het bevat de stijlgerelateerde informatie die al dan niet gebruikmaakt van ingesloten CSS-bestanden. Een voorbeeld van een stylingsectie is als volgt.

[style]
.row { color: #666 }
span.size_file { font-size:10px; color:#666 }
.button, .big, .little, th { font-weight:normal; font-size:9pt; color:#222; }
#back { background:#222;border:1px solid #000;padding:5px;margin-top:10px;}
.little { font-size: 8pt; color:#2F4F4F;margin-top:10px; }
.path_title { color: #999;margin-top:10px; }
img { border-style:none }
.row { background:#f8f8f8;}
.row a { text-decoration:none; }
.comment { font-size:7pt; color:#666; background:#f3f3f3; padding:3px; border:1px solid #ccc; margin-top:2px; }
.column { color:#222; font-size:13pt; font-weight:bold; padding-bottom:0; }
.flag { font-weight:bold; font-size:8pt; background:#fff; color:#990000; text-align:center; border:1px solid #ff0000; }
.text { color:#222; }
span.desc { color: #999; }
#everything { margin-top:20px;border-top:1px solid #ccc;padding-top:10px; }
html {
font-size: 62.5%;
}
body {margin:0px; padding:0px; background-color:#fff; color:#222; font-family:"Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif; font-size:120%;quotes:"\201C" "\201E" "\2018" "\2019";}
table, tr, td {font-size: inherit;}
a:link {color: #222;}
a:visited {color: #666;}
a:hover {	color: #000;}
a:active {}
a:focus {}
img, a img {border: none;}
#path {color: #333;background-color: #f8f8f8; border-bottom: 1px solid #ccc;padding: 3px 8px;margin: 0px;}
#path li {display: inline;padding-left: 13px; padding-right: 3px; background-image: url(arrow.gif);background-repeat: no-repeat;background-position: 1px 5px;}
#path span {font-weight: bold;}
#header {margin: 24px 48px;}
#header h1 {font-size: 250%;color: #222;  margin: 0;margin-bottom: 6px;}
#header h2 {font-size: 120%;color: #aaa;  margin: 0;}
#content { margin: 24px 48px;}
#footer {    margin-top: 48px;    border-top: 1px solid #ccc;    padding: 6px;    text-align: center;    color: #888;    font-size: 80%;}
#footer a {color: #888;}

TPL-linksectie

De linksectie bevat informatie over de URL en kan verwijzingen bevatten naar gebeurtenissen zoals de knop en de actie ervan.

[login-link]
<li><a href="%encoded-folder%~login" class=buttonx>Login</a></li>
[loggedin]
<li><a href="#" class=buttonx>Logged in as: %user%</a></li>

Commentaarsectie

Het commentaargedeelte van TPL is bedoeld voor het genereren van commentaar en wordt als volgt gedefinieerd.

[comment]
<div class=comment>%item-comment%</div>

Sectie uploaden

De uploadsectie retourneert het daadwerkelijke HTML-antwoord van de server op basis van de sjablooninstellingen, zoals weergegeven in het volgende voorbeeld.

[upload]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>myHFS</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">\n%style%\n</style>
</head>
<body>
<ul id=path>
<li><strong>Folder:</strong> <a href="/">root</a>%folder%</li>
</ul>
<div id=header>
<h1>myHFS</h1>
<h2>Final HFS Template Framework for Ishare USM Community</h2>
</div>
<div id=content>

<h3>myHFS Rules</h3>
<p>I'm sharing stuffs unpaid, so please respect me by understanding these rules: </p>
<ul class="contacts">
<li>Sorry if your downloading activity was suddenly interrupted/disconnected. It might be due to some technical problems.</li>
<li>Be nice. Don't use IDM or any download manager program with many connections. Set it to 1 or you will be banned from my server.</li>
<li>Anything I shared here is the right of my freedom. Good or bad, the decision is in your hands. I'm not be responsible for any consequences.</li>
</ul>
<p class=credit>Sharing among my university fellows is an unique culture here, in Engineering Campus, USM. Sharing via LAN by using HFS software is the best underground activity for everyone. Sharing is loving!</p>
</div>

</body></html>

Referenties

See Also