<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Loading</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
html, body {
font-family: sans-serif;
margin:0;
width:100%;
height:100%;
}
#padder {
height:100%;
position:relative;
}
#surrogate-area {
position:absolute;
top:10px;
bottom:10px;
left:10px;
right:10px;
}
button.again {
margin-top:2em;
}
/* hide close button */
.contented-close {
display: none;
}
</style>
</head>
<body>
<div id="padder">
<div id="surrogate-area">
Loading...
</div>
</div>
<script type="text/javascript" src="/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="/sdk.js"></script>
<script type="text/javascript">
"use strict";
// Handle errors
window.addEventListener('error', function(message) {
alert(message);
window.location.href = window.location.href;
})
// Set page title
$.get("/about", function(ret) {
$("title").text(ret.AppTitle);
});
// Load upload widget
contented.init("#surrogate-area", function(items) {
var $table = $("<table>");
for (var i = 0; i < items.length; ++i) {
$table.append($("<tr>").append([
$("<td>").text(items[i]),
$("<td>").html("<a target='_blank' href='" + contented.getDownloadURL(items[i]) + "'>get</a>"),
$("<td>").html("<a target='_blank' href='" + contented.getInfoJSONURL(items[i]) + "'>info</a>"),
]))
}
$("#surrogate-area").html([
$table,
$("<button>").addClass("again").text("Again...").click(function() {
window.location.href = window.location.href;
}),
]);
});
</script>
</body>
</html>