<!DOCTYPE html>
<html>
<head>
<script>
function addRow(name, url, isdir, size, date_modified) {
if (name == ".")
return;
var root = "" + document.location;
if (root.substr(-1) !== "/")
root += "/";
var table = document.getElementById("table");
var row = document.createElement("tr");
var file_cell = document.createElement("td");
var link = document.createElement("a");
if (name == "..") {
link.href = root + "..";
link.innerText = document.getElementById("parentDirText").innerText;
size = "";
date_modified = "";
} else {
if (isdir) {
name = name + "/";
url = url + "/";
size = "";
}
link.innerText = name;
link.href = root + url;
}
file_cell.appendChild(link);
row.appendChild(file_cell);
row.appendChild(createCell(size));
row.appendChild(createCell(date_modified));
table.appendChild(row);
}
function createCell(text) {
var cell = document.createElement("td");
cell.setAttribute("class", "detailsColumn");
cell.innerText = text;
return cell;
}
function start(location) {
var header = document.getElementById("header");
header.innerText = header.innerText.replace("LOCATION", location);
document.getElementById("title").innerText = header.innerText;
}
function onListingParsingError() {
var box = document.getElementById("listingParsingErrorBox");
box.innerHTML = box.innerHTML.replace("LOCATION", document.location + "?raw");
box.style.display = "";
}
</script>
<title id="title"></title>
<style>
h1 { white-space: nowrap; }
td.detailsColumn { text-align: right; padding-left: 30px; white-space: nowrap; }
#listingParsingErrorBox { border: 1px solid black; background: #fae691; padding: 10px; display: none }
</style>
</head>
<body>
<div id="listingParsingErrorBox" i18n-values=".innerHTML:listingParsingErrorBoxText"></div>
<span id="parentDirText" style="display:none" i18n-content="parentDirText"></span>
<h1 id="header" i18n-content="header"></h1>
<hr/>
<table id="table">
<tr style="font-weight: bold">
<td i18n-content="headerName"></td>
<td class="detailsColumn" i18n-content="headerSize"></td>
<td class="detailsColumn" i18n-content="headerDateModified"></td>
</tr>
</table>
</body>
</html>