ui: improve sync job view layout
Avoid overuse of flex, that is as bad as having all to fixed widths. In spirit similar to the previous commit for the verify panel, see that for some rationale. Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
		@ -224,68 +224,71 @@ Ext.define('PBS.config.SyncJobView', {
 | 
			
		||||
 | 
			
		||||
    columns: [
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Sync Job'),
 | 
			
		||||
	    header: gettext('Job ID'),
 | 
			
		||||
	    dataIndex: 'id',
 | 
			
		||||
	    renderer: Ext.String.htmlEncode,
 | 
			
		||||
	    flex: 2,
 | 
			
		||||
	    maxWidth: 220,
 | 
			
		||||
	    minWidth: 75,
 | 
			
		||||
	    flex: 1,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	    hidden: true,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Remote'),
 | 
			
		||||
	    dataIndex: 'remote',
 | 
			
		||||
	    flex: 2,
 | 
			
		||||
	    width: 120,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Remote Store'),
 | 
			
		||||
	    dataIndex: 'remote-store',
 | 
			
		||||
	    flex: 2,
 | 
			
		||||
	    width: 120,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Local Store'),
 | 
			
		||||
	    dataIndex: 'store',
 | 
			
		||||
	    flex: 2,
 | 
			
		||||
	    width: 120,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Schedule'),
 | 
			
		||||
	    dataIndex: 'schedule',
 | 
			
		||||
	    flex: 2,
 | 
			
		||||
	    maxWidth: 220,
 | 
			
		||||
	    minWidth: 80,
 | 
			
		||||
	    flex: 1,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Status'),
 | 
			
		||||
	    dataIndex: 'last-run-state',
 | 
			
		||||
	    renderer: 'render_sync_status',
 | 
			
		||||
	    flex: 4,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Last Sync'),
 | 
			
		||||
	    dataIndex: 'last-run-endtime',
 | 
			
		||||
	    renderer: 'render_optional_timestamp',
 | 
			
		||||
	    flex: 3,
 | 
			
		||||
	    width: 150,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    text: gettext('Duration'),
 | 
			
		||||
	    dataIndex: 'duration',
 | 
			
		||||
	    renderer: Proxmox.Utils.render_duration,
 | 
			
		||||
	    flex: 2,
 | 
			
		||||
	    width: 80,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Status'),
 | 
			
		||||
	    dataIndex: 'last-run-state',
 | 
			
		||||
	    renderer: 'render_sync_status',
 | 
			
		||||
	    flex: 3,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Next Run'),
 | 
			
		||||
	    dataIndex: 'next-run',
 | 
			
		||||
	    renderer: 'render_next_run',
 | 
			
		||||
	    flex: 3,
 | 
			
		||||
	    width: 150,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	},
 | 
			
		||||
	{
 | 
			
		||||
	    header: gettext('Comment'),
 | 
			
		||||
	    dataIndex: 'comment',
 | 
			
		||||
	    renderer: Ext.String.htmlEncode,
 | 
			
		||||
	    flex: 4,
 | 
			
		||||
	    flex: 2,
 | 
			
		||||
	    sortable: true,
 | 
			
		||||
	},
 | 
			
		||||
    ],
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user