Show EPG poster in detailed view

diff --git a/src/webui/static/app/epg.js b/src/webui/static/app/epg.js
index b66a6d94e64cc0ab294c9ef8c1d7d745157f91ef..a9389eba47b8efb3d6f3dfd06bcda317bee09507 100644 (file)
--- a/src/webui/static/app/epg.js
+++ b/src/webui/static/app/epg.js
@@ -118,6 +118,9 @@ tvheadend.epgDetails = function(event) {
       content += '</div>'; /* x-epg-left */
       content += '<div class="x-epg-bottom">';
     }
+    if (event.image != null && event.image.length > 0) {
+      content += '<img class="x-epg-image" src="' + event.image + '">';
+    }
     content += '<hr class="x-epg-hr"/>';
     if (event.summary)
       content += '<div class="x-epg-summary">' + event.summary + '</div>';
@@ -139,7 +142,7 @@ tvheadend.epgDetails = function(event) {
         if (g1 || g2)
           genre.push((g1 ? '[' + g1 + '] ' : '') + g2);
       });
-      content += '<div class="x-epg-meta"><span class="x-epg-prefix">' + _('Content Type') + ':</span><span class="x-epg-body">' + genre.join(', ') + '</span></div>';
+      content += '<div class="x-epg-meta"><span class="x-epg-prefix">' + _('Content Type') + ':</span><span class="x-epg-genre">' + genre.join(', ') + '</span></div>';
     }
     var tags = [];
     if (event.hd > 1)
@@ -405,6 +408,7 @@ tvheadend.epg = function() {
             { name: 'summary' },
             { name: 'description' },
             { name: 'episodeOnscreen' },
+            { name: 'image' },
             {
                 name: 'start',
                 type: 'date',