Duplicate IDs are not allowed in HTML and do make problems. Use classes.
[Sone.git] / src / main / resources / templates / include / viewSone.html
index e054122..b12de4a 100644 (file)
@@ -1,32 +1,5 @@
-<script language="javascript">
-
-       function getStatus(soneId) {
-               $.getJSON("ajax/getSoneStatus.ajax", {"sone": soneId}, function(data, textStatus) {
-                       updateStatus(soneId, data.status, data.modified, data.lastUpdated);
-                       setTimeout(function() {
-                               getStatus(soneId);
-                       }, 5000);
-               });
-       }
-
-       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);
-       }
-
-       $(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="sone <% sone.status|html><%if sone.modified> modified<%/if> <% sone.id|html>">
+       <div class="id"><% sone.id|html></div>
        <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>