<!DOCTYPE html>
<!-- much of this is stolen from omahaproxy.appspot.com/viewer -->
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<title>NaCl SDK Manifest Viewer</title>
</head>
<style type="text/css" media="screen">
body {
font-family: monospace;
font-size: 10pt;
}
table {
border-collapse: collapse;
border-color: rgb(100, 100, 100);
border-style: solid;
border-width: 1px 0px 1px 0px;
}
table td {
padding: 3px;
border-color: rgb(100, 100, 100);
border-style: solid;
border-width: 0px 1px 0px 1px;
}
thead {
background-color: lightblue;
font-weight: bold;
border-style: solid;
border-color: rgb(100, 100, 100);
border-width: 0px 0px 2px 0px;
text-align: center;
}
tbody tr:nth-child(odd) {
background-color: rgb(230, 230, 230);
}
tbody tr:hover {
background-color: orange;
}
td a {
padding: 3px;
}
</style>
<body>
<h1>NaCl SDK Manifest Viewer</h1>
<table>
<thead id="columns">
</thead>
<tbody id="rows">
</tbody>
</table>
<h2>Most recent upload log:</h2>
<pre id="log">
</pre>
<script type="application/javascript">
function loadText(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function (e) {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
callback(xhr.responseText);
} else {
alert("Failed to load: error " + xhr.status);
}
}
}
xhr.send(null);
}
function loadJson(url, callback) {
loadText(url, function (text) {
callback(JSON.parse(text));
});
}
function removeAllChildren(elm) {
while (elm.childNodes.length) {
elm.removeChild(elm.firstChild);
}
}
function display(data) {
data = data.bundles;
var columnsElm = document.getElementById('columns');
var rowsElm = document.getElementById('rows');
removeAllChildren(columnsElm);
removeAllChildren(rowsElm);
// Create the column headers.
var tr = document.createElement('tr');
var columns = [
'name', 'version', 'revision', 'win', 'mac', 'linux', 'all'
];
for (var i = 0; i < columns.length; ++i) {
var td = document.createElement('td');
var text = document.createTextNode(columns[i]);
td.appendChild(text);
tr.appendChild(td);
}
columnsElm.appendChild(tr);
var platforms = ['win', 'mac', 'linux', 'all'];
for (var i = 0; i < data.length; ++i) {
var tr = document.createElement('tr');
for (var j = 0; j < columns.length; ++j) {
var td = document.createElement('td');
var node;
if (platforms.indexOf(columns[j]) != -1) {
var archives = data[i].archives;
for (var k = 0; k < archives.length; ++k) {
if (columns[j] == archives[k].host_os) {
var url = archives[k].url;
var lastSlash = url.lastIndexOf('/');
var nextDot = url.indexOf('.', lastSlash);
name = url.substr(lastSlash + 1, nextDot - lastSlash - 1);
node = document.createElement('a');
node.setAttribute('href', url);
node.appendChild(document.createTextNode(name));
td.appendChild(node);
}
}
} else {
node = document.createTextNode(data[i][columns[j]]);
td.appendChild(node);
}
tr.appendChild(td);
}
rowsElm.appendChild(tr);
}
}
function displayLog(text) {
document.getElementById('log').textContent = text;
}
loadJson('naclsdk_manifest2.json', display);
loadText('naclsdk_manifest2.json.log', displayLog);
</script>
</body>
</html>