Merge lp:~nigelbabu/summit/javascript-last-update into lp:summit

[Nigel Babu]

Add javascript-y "Updated x seconds ago" counter

This branch creates a javascript counter that counts from dislays "Updated x seconds ago", where x is updated every second. I've put this in render.py so that is renders correctly in the right-most of the schedule right above the last room name.

[Michael Hall (mhall119)]

Looks good, IS needs to make sure ?reload is in the URL

review: Approve

=== modified file 'summit/media/css/schedule.css'
--- summit/media/css/schedule.css	2011-09-03 02:16:40 +0000
+++ summit/media/css/schedule.css	2011-11-01 17:07:25 +0000
@@ -89,7 +89,7 @@
     margin-left: 5px;
 }
 
-div.schedule-head .schedule-crew {
+div.schedule-head .schedule-crew, .last-updated {
     font-size: 0.7pc;
 }
 
 
=== modified file 'summit/schedule/render.py'
--- summit/schedule/render.py	2011-10-30 00:16:31 +0000
+++ summit/schedule/render.py	2011-11-01 17:07:25 +0000
@@ -395,7 +395,10 @@
             return mark_safe("<pre>%s</pre>" % escape(traceback.format_exc()))
 
     def as_html(self):
-        html = u''
+        html = (u'<span class="last-updated" style="float: right;">Updated '
+            '<span id="refresh-time">0</span> seconds ago</span>'
+            '<div style="clear: both;"></div>')
+        
 
         if self.endofday:
             html += '<p><strong>No more sessions for today.</strong></p>'
 
=== modified file 'summit/schedule/templates/schedule/schedule.html'
--- summit/schedule/templates/schedule/schedule.html	2011-09-15 23:23:51 +0000
+++ summit/schedule/templates/schedule/schedule.html	2011-11-01 17:07:25 +0000
@@ -91,6 +91,16 @@
   window.onload = timedRefresh;
   </script>
 {% endif %}
+<script type="text/javascript">
+function updateTimer() {
+    var secAgo = document.getElementById('refresh-time');
+    secAgo.innerHTML = Number(secAgo.innerHTML) + 1;
+}
+function starttimer() {
+    setInterval(updateTimer, 1000);
+}
+window.addEventListener('load', starttimer());
+</script>
 {% endblock %}
 {% block 960css %}{% endblock %}