luos/workflow/engine/templates/cases/casesSchedulerLog.js

/*
 * @author: Qennix
 * Jan 18th, 2011
 */

//Keyboard Events
new Ext.KeyMap(document, {
	key: Ext.EventObject.F5,
    fn: function(keycode, e) {
    	if (! e.ctrlKey) {
    		if (Ext.isIE) {
            // IE6 doesn't allow cancellation of the F5 key, so trick it into
            // thinking some other key was pressed (backspace in this case)
    			e.browserEvent.keyCode = 8;
    		}
    		e.stopEvent();
    		document.location = document.location;
    	}else{
    		Ext.Msg.alert('Refresh', 'You clicked: CTRL-F5');
    	}
    }
});

var store;
var cmodel;
var smodel;
var infoGrid;
var viewport;
var bbarpaging;
var w;

var viewButton;
var searchButton;
var contextMenu;
 

Ext.onReady(function(){
	Ext.QuickTips.init();
    
    viewButton = new Ext.Action({
    	text: TRANSLATIONS.ID_VIEW,
    	iconCls: 'button_menu_ext ss_sprite  ss_table',
    	handler: ShowSelectedLog,
    	disabled: true
    });
    
    searchButton = new Ext.Action({
    	text: TRANSLATIONS.ID_SEARCH,
    	handler: DoSearch
    });
    
    contextMenu = new Ext.menu.Menu({
    	items: [viewButton]
    });
    
    searchText = new Ext.form.TextField ({
        id: 'searchTxt',
        ctCls:'pm_search_text_field',
        allowBlank: true,
        width: 150,
        emptyText: TRANSLATIONS.ID_ENTER_SEARCH_TERM,//'enter search term',
        listeners: {
          specialkey: function(f,e){
            if (e.getKey() == e.ENTER) {
            	DoSearch();
            }
          },
          focus: function(f,e) {
       	   			var row = infoGrid.getSelectionModel().getSelected();
       	   			infoGrid.getSelectionModel().deselectRow(infoGrid.getStore().indexOf(row));
          		 }
        }
    });
    
    clearTextButton = new Ext.Action({
    	text: 'X',
    	ctCls:'pm_search_x_button',
    	handler: GridByDefault
    });
    
    viewForm = new Ext.FormPanel({
    	url: 'data_casesSchedulerLog',
    	frame: true,
    	title: TRANSLATIONS.ID_TITLE_LOG_DETAIL,
    	labelWidth: 150,
    	items:[
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_SCHEDULER_TASK, id: 'stask', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_TASK_ID, id: 'task', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_PROCESS_ID, id: 'process', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_USER, id: 'user', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_EXECUTION_DATE, id: 'date', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_EXECUTION_HOUR, id: 'hour', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_EXECUTION_STATUS, id: 'status', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_CREATED_CASE_STATUS, id: 'cstatus', width: 250},
    	       {xtype: 'label', fieldLabel: TRANSLATIONS.ID_ROUTED_CASE_STATUS, id: 'rstatus', width: 250}
    	      ],
    	       
    	 buttons: [
    	       {text: TRANSLATIONS.ID_CLOSE, handler: CloseView}
    	 ]
    });

    store = new Ext.data.GroupingStore( {
        proxy : new Ext.data.HttpProxy({
            url: 'data_casesSchedulerLog'
          }),
    	reader : new Ext.data.JsonReader( {
    		root: 'rows',
    		totalProperty: 'results',
    		fields : [
    		    {name : 'LOG_CASE_UID'},
    		    {name : 'PRO_UID'},
    		    {name : 'TAS_UID'},
    		    {name : 'USR_NAME'},
    		    {name : 'EXEC_DATE'},
    		    {name : 'EXEC_HOUR'},
    		    {name : 'RESULT'},
    		    {name : 'SCH_UID'},
    		    {name : 'WS_CREATE_CASE_STATUS'},
    		    {name : 'WS_ROUTE_CASE_STATUS'}
    		    ]
    	})
    });
    
    cmodel = new Ext.grid.ColumnModel({
        defaults: {
            width: 50,
            sortable: true
        },
        columns: [
            {id:'LOG_CASE_UID', dataIndex: 'LOG_CASE_UID', hidden:true, hideable:false},
            {header: TRANSLATIONS.ID_DATE_LABEL, dataIndex: 'EXEC_DATE', width: 30, align:'left'},
            {header: TRANSLATIONS.ID_TIME_LABEL, dataIndex: 'EXEC_HOUR', width: 30, hidden:false, align:'left'},
            {header: TRANSLATIONS.ID_USER, dataIndex: 'USR_NAME', width: 40, hidden:false, align:'left'},
            {header: TRANSLATIONS.ID_RESULT, dataIndex: 'RESULT', width: 40, hidden:false, align:'left'},
            {header: TRANSLATIONS.ID_CREATED_CASE_STATUS, dataIndex: 'WS_CREATE_CASE_STATUS', width: 80, hidden:false, align:'left'},
            {header: TRANSLATIONS.ID_ROUTED_CASE_STATUS, dataIndex: 'WS_ROUTE_CASE_STATUS', width: 80, hidden:false, align:'left'}
         ]
    });
    
    smodel = new Ext.grid.RowSelectionModel({
    	singleSelect: true,
    	listeners:{
    		rowselect: function(sm){
    			viewButton.enable();
    		},
    		rowdeselect: function(sm){
    			viewButton.disable();
    		}
    	}
    });
    
    bbarpaging = new Ext.PagingToolbar({
    	pageSize: 20,
    	store: store
    });

    infoGrid = new Ext.grid.GridPanel({
    	title : TRANSLATIONS.ID_LOG_CASE_SCHEDULER,
    	region: 'center',
    	layout: 'fit',
    	id: 'infoGrid',
    	height:100,
    	autoWidth : true,
    	stateful : true,
    	stateId : 'grid',
    	enableColumnResize: true,
    	enableHdMenu: true,
    	frame:false,
    	iconCls:'icon-grid',
    	columnLines: false,
    	viewConfig: {
    		forceFit:true
    	},
    	store: store,
    	cm: cmodel,
    	sm: smodel,
    	tbar: [viewButton,{xtype: 'tbfill'},searchText,clearTextButton,searchButton],
    	bbar: [{xtype: 'tbfill'}, bbarpaging],
    	listeners: {
    		rowdblclick: ShowSelectedLog
    	},
    	view: new Ext.grid.GroupingView({
    		forceFit:true,
    		groupTextTpl: '{text}'
    	})
    });
    
    infoGrid.on('rowcontextmenu', 
    		function (grid, rowIndex, evt) {
        		var sm = grid.getSelectionModel();
        		sm.selectRow(rowIndex, sm.isSelected(rowIndex));
    		},
    		this
    );
    
    infoGrid.on('contextmenu', 
    		function (evt) {
        		evt.preventDefault();
    		}, 
    		this
    );
    
    infoGrid.addListener('rowcontextmenu',onMessageContextMenu,this);

    GridByDefault();

    viewport = new Ext.Viewport({
    	layout: 'fit',
    	autoScroll: false,
    	items: [
    	   infoGrid
    	]
    });
});

//Funtion Handles Context Menu Opening
onMessageContextMenu = function (grid, rowIndex, e) {
    e.stopEvent();
    var coords = e.getXY();
    contextMenu.showAt([coords[0], coords[1]]);
}

//Do Nothing Function
DoNothing = function(){}

//Handles DoubleClick's Grid
ShowSelectedLog = function(){
	rowSelected = infoGrid.getSelectionModel().getSelected();
	if (rowSelected){
		Ext.getCmp('stask').setText(rowSelected.data.SCH_UID);
		Ext.getCmp('task').setText(rowSelected.data.TAS_UID);
		Ext.getCmp('process').setText(rowSelected.data.PRO_UID);
		Ext.getCmp('user').setText(rowSelected.data.USR_NAME);
		Ext.getCmp('date').setText(rowSelected.data.EXEC_DATE);
		Ext.getCmp('hour').setText(rowSelected.data.EXEC_HOUR);
		Ext.getCmp('status').setText(rowSelected.data.RESULT);
		Ext.getCmp('cstatus').setText(rowSelected.data.WS_CREATE_CASE_STATUS);
		Ext.getCmp('rstatus').setText(rowSelected.data.WS_ROUTE_CASE_STATUS);
		w = new Ext.Window({
			height: 320, 
			width: 550,
			resizable: false,
			closable: false,
			items: [viewForm]
		});
		w.show();
	}
}


//Load Grid By Default
GridByDefault = function(){
	searchText.reset();
	infoGrid.store.load();
}

//Close View Dialog
CloseView = function(){
	w.hide();
}

//Do Search Function
DoSearch = function(){
	infoGrid.store.load({params: {textFilter: searchText.getValue()}});
}