-<script language="javascript">
-
- function getStatus(soneId) {
- $.getJSON("ajax/getSoneStatus.ajax", {"sone": soneId}, function(data, textStatus) {
- updateStatus(soneId, data.status, data.modified, data.lastUpdated);
- /* seconds! */
- updateInterval = 60;
- if (data.age < 600) {
- updateInterval = 5;
- } else if (data.age < 86400) {
- updateInterval = 30;
- }
- setTimeout(function() {
- getStatus(soneId);
- }, updateInterval * 1000);
- });
- }
-
- function updateStatus(soneId, status, modified, lastUpdated) {
- $("#sone .sone#" + soneId).
- toggleClass("unknown", status == "unknown").
- toggleClass("idle", status == "idle").
- toggleClass("inserting", status == "inserting").
- toggleClass("downloading", status == "downloading").
- toggleClass("modified", modified);
- $("#sone .sone#" + soneId + " .last-update span.time").text(lastUpdated);
- }
-
- registeredSones = {};
-
- $(document).ready(function() {
- $("#sone .sone").each(function() {
- soneId = $(this).attr("id");
- if (registeredSones[soneId]) {
- return;
- }
- registeredSones[soneId] = true;
- (function(soneId) {
- setTimeout(function() {
- getStatus(soneId);
- }, 5000);
- })(soneId);
- });
- });
-</script>
-
-<div id="<% sone.id|html>" class="sone <% sone.status|html><%if sone.modified> modified<%/if>">