X-Git-Url: https://git.pterodactylus.net/?a=blobdiff_plain;f=src%2Fmain%2Fresources%2Ftemplates%2Finclude%2FviewSone.html;h=af7c8be976e96dcf7400381e8fefba288a34e4be;hb=dfdfe62269b1abc712aeffb3f5940b57c99d9e3a;hp=eb657e489916490607b75423dd284d57c91e8fa0;hpb=a1b2f42d03e3420bfc4a4aa896f5809b79400cd0;p=Sone.git

diff --git a/src/main/resources/templates/include/viewSone.html b/src/main/resources/templates/include/viewSone.html
index eb657e4..af7c8be 100644
--- a/src/main/resources/templates/include/viewSone.html
+++ b/src/main/resources/templates/include/viewSone.html
@@ -1,4 +1,31 @@
-<div class="sone <% sone.status><%if sone.modified> modified<%/if>">
+<script language="javascript">
+
+	function getStatus(soneId) {
+		$.getJSON("ajax/getSoneStatus.ajax", {"sone": soneId}, function(data, textStatus) {
+			updateStatus(soneId, data.status, data.modified);
+			setTimeout(function() {
+				getStatus(soneId);
+			}, 5000);
+		});
+	}
+
+	function updateStatus(soneId, status, modified) {
+		$("#sone .sone#" + soneId).
+			toggleClass("unknown", status == "unknown").
+			toggleClass("idle", status == "idle").
+			toggleClass("inserting", status == "inserting").
+			toggleClass("downloading", status == "downloading").
+			toggleClass("modified", modified);
+	}
+
+	$(document).ready(function() {
+		$("#sone .sone").each(function() {
+			getStatus($(this).attr("id"));
+		});
+	});
+</script>
+
+<div id="<% sone.id|html>" class="sone <% sone.status|html><%if sone.modified> modified<%/if>">
 	<div class="unknown-marker" title="<%= View.Sone.Status.Unknown|l10n|html>">?</div>
 	<div class="modified-marker" title="<%= View.Sone.Status.Modified|l10n|html>">!</div>
 	<div class="download-marker" title="<%= View.Sone.Status.Downloading|l10n|html>">⬊</div>