From: ProfYaffle <ian@sproink.co.uk>
Date: Sun, 15 Oct 2017 17:06:16 +0000 (+0100)
Subject: WebUI: Split EPG details (broadcast details, DVR status) and actions (play) into... 
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=96198fceeaa1025d4de9b6f232f77f37dcc24805;p=thirdparty%2Ftvheadend.git

WebUI: Split EPG details (broadcast details, DVR status) and actions (play) into separate columns
---

diff --git a/src/webui/static/app/epg.js b/src/webui/static/app/epg.js
index 325361a29..5b916a1ac 100644
--- a/src/webui/static/app/epg.js
+++ b/src/webui/static/app/epg.js
@@ -417,7 +417,7 @@ tvheadend.epg = function() {
         new tvheadend.VideoPlayer(item.data.channelUuid);
     };
 
-    var actions = new Ext.ux.grid.RowActions({
+    var eventdetails = new Ext.ux.grid.RowActions({
         id: 'details',
         header: _('Details'),
         tooltip: _('Details'),
@@ -436,15 +436,24 @@ tvheadend.epg = function() {
                 qtip: _('Broadcast details'),
                 cb: detailsfcn
             },
+            {
+                iconIndex: 'dvrState'
+            }
+        ]
+    });
+
+    var eventactions = new Ext.ux.grid.RowActions({
+        id: 'eventactions',
+        header: _('Actions'),
+        tooltip: _('Actions'),
+        width: 67,
+        dataIndex: 'actions',
+        actions: [
             {
                 iconCls: 'watchTv',
                 qtip: _('Watch TV'),
                 cb: watchfcn
-            },
-            {
-                iconIndex: 'dvrState'
             }
-                                                                                                          
         ]
     });
 
@@ -557,7 +566,8 @@ tvheadend.epg = function() {
     var epgCm = new Ext.grid.ColumnModel({
         defaultSortable: true,
         columns: [
-            actions,
+            eventdetails,
+            eventactions,
             new Ext.ux.grid.ProgressColumn({
                 width: 100,
                 header: _("Progress"),
@@ -1032,7 +1042,7 @@ tvheadend.epg = function() {
         stateId: 'epggrid',
         enableDragDrop: false,
         cm: epgCm,
-        plugins: [filter, actions],
+        plugins: [filter, eventdetails, eventactions],
         title: _('Electronic Program Guide'),
         iconCls: 'epg',
         store: epgStore,
@@ -1050,7 +1060,7 @@ tvheadend.epg = function() {
                    state.filters = {};
                    /* Otherwise this non-resizable column will not expand to newly set width */
                    if (state.columns)
-                       state.columns[0].width = actions.width;
+                       state.columns[0].width = eventdetails.width;
                }
             }
         }