TT#21846 NGCP-CSC CallForwarding Timeset remove period column

Change-Id: Id0174516a2014c6079047a7155501e694e436172

classic/src/view/pages/callforward/CallForwardController.js

@@ -1432,6 +1432,12 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardController', {
         var storeName = el.id.split('-')[0] + '-Timeset';
         var store = Ext.getStore(storeName);
         store.sync();
+    },
+
+    removePeriod: function(grid, rowIndex, colIndex) {
+        var store = grid.getStore()
+        var rec = store.getAt(rowIndex);
+        store.remove(rec);
     }
 
 });

classic/src/view/pages/callforward/CallForwardTimesetGrid.js

@@ -25,6 +25,7 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardTimesetGrid', {
                 flex: 1,
                 widget: {
                     xtype: 'timefield',
+                    margin: '8 0 0 0',
                     tooltip: Ngcp.csc.locales.callforward.tooltips.change_time_from[localStorage.getItem('languageSelected')],
                     bind: {
                         value: '{record.time_from}'
@@ -38,11 +39,20 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardTimesetGrid', {
                 flex: 1,
                 widget: {
                     xtype: 'timefield',
+                    margin: '8 0 0 0',
                     tooltip: Ngcp.csc.locales.callforward.tooltips.change_time_to[localStorage.getItem('languageSelected')],
                     bind: {
                         value: '{record.time_to}'
                     }
                 }
+            }, {
+                xtype: 'actioncolumn',
+                width: 30,
+                items: [{
+                    iconCls: Ngcp.csc.icons.trash,
+                    tooltip:  Ngcp.csc.locales.filters.tooltips.remove_entry[localStorage.getItem('languageSelected')],
+                    handler: 'removePeriod'
+                }]
             }]
         };
         this.callParent();