tvheadend/src/webui/static/app/chconf.js

/**
 * Channel tags
 */
tvheadend.channelTags = new Ext.data.JsonStore({
    autoLoad:true,
    root:'entries',
    fields: ['identifier', 'name'],
    id: 'identifier',
    url:'channeltags',
    baseParams: {
	op: 'listTags'
    }
});

tvheadend.comet.on('channeltags', function(m) {
    if(m.reload != null)
        tvheadend.channelTags.reload();
});


/**
 * Channels
 */
tvheadend.channels = new Ext.data.JsonStore({
    autoLoad: true,
    root:'entries',
    fields: ['name', 'chid', 'xmltvsrc', 'tags'],
    id: 'chid',
    url: "channels",
    baseParams: {
	op: 'list'
    }
});

tvheadend.comet.on('channels', function(m) {
    if(m.reload != null)
        tvheadend.channels.reload();
});


/**
*
*/
tvheadend.mergeChannel = function(chan) {

   function doMerge() {
	panel.getForm().submit({
	    url:'mergechannel/' + chan.chid,
	    success: function() {
		win.close();
	    }
	});
    }

    var panel = new Ext.FormPanel({
	frame:true,
	border:true,
	bodyStyle:'padding:5px',
	labelAlign: 'right',
	labelWidth: 110,
	defaultType: 'textfield',
	items: [
	    new Ext.form.ComboBox({
		store: tvheadend.channels,
		fieldLabel: 'Target channel',
		name: 'targetchannel',
		hiddenName: 'targetID',
		editable: false,
		allowBlank: false,
		triggerAction: 'all',
		mode: 'remote',
		displayField:'name',
		valueField:'chid',
		emptyText: 'Select a channel...'
	    })
	],
	buttons: [{
	    text: 'Merge',
	    handler: doMerge
        }]
    });

    win = new Ext.Window({
	title: 'Merge channel ' + chan.name + ' into...',
        layout: 'fit',
        width: 500,
        height: 120,
	modal: true,
        plain: true,
        items: panel
    });
    win.show();

}


/**
 *
 */
tvheadend.chconf = function() 
{
    var xmltvChannels = new Ext.data.JsonStore({
	root:'entries',
	fields: ['xcTitle','xcIcon'],
	url:'xmltv',
	baseParams: {
	    op: 'listChannels'
	}
    });


    var fm = Ext.form;

    var actions = new Ext.ux.grid.RowActions({
	header:'',
	dataIndex: 'actions',
	width: 45,
	actions: [
	    {
		iconCls:'merge',
		qtip:'Merge this channel with another channel',
		cb: function(grid, record, action, row, col) {
		    tvheadend.mergeChannel(record.data);
		}
	    }
	]
    });


    var cm = new Ext.grid.ColumnModel([
	{
	    header: "Name",
	    dataIndex: 'name',
	    width: 150,
	    editor: new fm.TextField({
		allowBlank: false
	    })
	},
	{
	    header: "XMLTV source",
	    dataIndex: 'xmltvsrc',
	    width: 150,
	    editor: new fm.ComboBox({
		loadingText: 'Loading...',
		store: xmltvChannels,
		allowBlank: true,
		typeAhead: true,
		minChars: 2,
		lazyRender: true,
		triggerAction: 'all',
		mode: 'remote',
                displayField:'xcTitle',
                valueField:'xcTitle'
	    })
	},
	{
	    header: "Tags",
	    dataIndex: 'tags',
	    width: 300,
	    renderer: function(value, metadata, record, row, col, store) {
		if (typeof value === 'undefined' || value.length < 1) {
		    return '<span class="tvh-grid-unset">No tags</span>';
		}

		ret = [];
		tags = value.split(',');
		for (var i = 0; i < tags.length; i++) {
		    var tag = tvheadend.channelTags.getById(tags[i]);
		    if (typeof tag !== 'undefined') {
			ret.push(tag.data.name);
		    }
		}
		return ret.join(', ');
	    },
	    editor: new Ext.ux.form.LovCombo({
		store: tvheadend.channelTags,
		mode:'local',
		valueField: 'identifier',
		displayField: 'name'
	    })
	}, actions
    ]);


    function delSelected() {
	var selectedKeys = grid.selModel.selections.keys;
	if(selectedKeys.length > 0) {
            Ext.MessageBox.confirm('Message',
				   'Do you really want to delete selection?',
				   deleteRecord);
        } else {
            Ext.MessageBox.alert('Message',
				 'Please select at least one item to delete');
        }
    }
    

    function deleteRecord(btn) {
	if(btn=='yes') {
	    var selectedKeys = grid.selModel.selections.keys;

	    Ext.Ajax.request({
		url: "channels",
		params: {
		    op:"delete", 
		    entries:Ext.encode(selectedKeys)
		},
		failure:function(response,options) {
		    Ext.MessageBox.alert('Server Error','Unable to delete');
		}
	    })
	}
    }

    function saveChanges() {
	var mr = tvheadend.channels.getModifiedRecords();
	var out = new Array();
	for (var x = 0; x < mr.length; x++) {
	    v = mr[x].getChanges();
	    out[x] = v;
	    out[x].id = mr[x].id;
	}

	Ext.Ajax.request({
	    url: "channels",
	    params: {
		op:"update", 
		entries:Ext.encode(out)
	    },
	    success:function(response,options) {
		tvheadend.channels.commitChanges();
	    },
	    failure:function(response,options) {
		Ext.MessageBox.alert('Message', response.statusText);
	    }
	});
    }

    var selModel = new Ext.grid.RowSelectionModel({
	singleSelect:false
    });

    var delBtn = new Ext.Toolbar.Button({
	tooltip: 'Delete one or more selected channels',
	iconCls:'remove',
	text: 'Delete selected',
	handler: delSelected,
	disabled: true
    });

    selModel.on('selectionchange', function(s) {
	delBtn.setDisabled(s.getCount() == 0);
    });

    var saveBtn = new Ext.Toolbar.Button({
	tooltip: 'Save any changes made (Changed cells have red borders).',
	iconCls:'save',
	text: "Save changes",
	handler: saveChanges,
	disabled: true
    });

    var rejectBtn = new Ext.Toolbar.Button({
	tooltip: 'Revert any changes made (Changed cells have red borders).',
	iconCls:'undo',
	text: "Revert changes",
	handler: function() {
	    tvheadend.channels.rejectChanges();
	},
	disabled: true
    });


    var grid = new Ext.grid.EditorGridPanel({
	stripeRows: true,
	title: 'Channels',
	iconCls: 'television',
	store: tvheadend.channels,
	plugins: [actions],
	clicksToEdit: 2,
	cm: cm,
        viewConfig: {
	    forceFit:true
	},
	selModel: selModel,
	tbar: [
	    delBtn, '-', saveBtn, rejectBtn, '->', {
	    text: 'Help',
	    handler: function() {
		new tvheadend.help('Channels', 'config_channels.html');
	    }
	}
	]
    });

    tvheadend.channels.on('update', function(s, r, o) {
	d = s.getModifiedRecords().length == 0
	saveBtn.setDisabled(d);
	rejectBtn.setDisabled(d);
    });

    tvheadend.channelTags.on('load', function(s, r, o) {
	if(grid.rendered)
	    grid.getView().refresh();
    });

    return grid;
}