[webui] render a progress bar for currently running programmes

diff --git a/src/webui/static/app/epg.js b/src/webui/static/app/epg.js
index 9844b4c897fdd1aa3646b45d406fb7a10a8e68f8..7b4a6504c6b729a5f8feb9991e16dd970c53bce4 100644 (file)
--- a/src/webui/static/app/epg.js
+++ b/src/webui/static/app/epg.js
@@ -276,7 +276,27 @@ tvheadend.epg = function() {
         return '' + value;
     }
 
-    var epgCm = new Ext.grid.ColumnModel([actions, {
+    var epgCm = new Ext.grid.ColumnModel([actions, 
+        new Ext.ux.grid.ProgressColumn({
+            width: 100,
+            header: "Progress",
+            dataIndex: 'progress',
+            colored: false,
+            ceiling: 100,
+            tvh_renderer: function(value, meta, record, rowIndex, colIndex, store) {
+                var entry = record.data;
+                var start = entry.start;
+                var end = entry.end;
+                var duration = entry.duration; // seconds
+                var now = new Date();
+
+                // Only render a progress bar for currently running programmes
+                if (now <= end && now >= start)
+                    return (now - start) / 1000 / duration * 100;
+                else
+                    return "";
+            }
+        }), {
             width: 250,
             id: 'title',
             header: "Title",