/*
 * @author: Qennix
 * Jan 12th, 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 newButton;
var editButton;
var deleteButton;
var importButton;
var backButton;

var store;
var expander;
var cmodel;
var infoGrid;
var viewport;
var smodel;

var FIELD_CM;
var FIELD_DS;

Ext.onReady(function(){
	var xColumns = new Array();
	var xFields = new Array();
	
	pageSize = parseInt(CONFIG.pageSize);
	
	newButton = new Ext.Action({
		text: _('ID_ADD_ROW'),
		iconCls: 'button_menu_ext ss_sprite ss_add',
		handler: NewPMTableRow
	});
	
	editButton = new Ext.Action({
		text: _('ID_EDIT'),
		iconCls: 'button_menu_ext ss_sprite  ss_pencil',
		handler: EditPMTableRow,
		disabled: true
	});

	deleteButton = new Ext.Action({
		text: _('ID_DELETE'),
		iconCls: 'button_menu_ext ss_sprite  ss_delete',
		handler: DeletePMTableRow,
		disabled: true
	});

	importButton = new Ext.Action({
		text: _('ID_IMPORT'),
		iconCls: 'silk-add',
		icon: '/images/import.gif',
		handler: ImportPMTableCSV
	});
	
	backButton = new Ext.Action({
		text: _('ID_BACK'),
		iconCls: 'button_menu_ext ss_sprite ss_arrow_redo',
		handler: BackPMList
	});
	
	contextMenu = new Ext.menu.Menu({
    	items: [editButton, deleteButton]
    });
	
	//This loop loads columns and fields to store and column model
	for (var c=0; c<NAMES.length; c++){
		var xLabel = VALUES[c];
		var xCol = NAMES[c];
		FIELD_CM = Ext.util.JSON.decode('{"header": "' + xLabel +'", "dataIndex": "' + xCol + '", "hidden": false, "hideable": true, "width": 40}');
		xColumns[c] = FIELD_CM;
		FIELD_DS = Ext.util.JSON.decode('{"name": "' + xCol + '"}');
		xFields[c] = FIELD_DS;
	}
	
	var idField = Ext.util.JSON.decode('{"id":"' + TABLES.PKF +'", "dataIndex": "' + TABLES.PKF +'","hidden" :true, "hideable":false}');
	
	xColumns.unshift(idField);
  
	smodel = new Ext.grid.CheckboxSelectionModel({
    	listeners:{
    		selectionchange: function(sm){
    			var count_rows = sm.getCount();
    			switch(count_rows){
    			case 0:
    				editButton.disable();
    				deleteButton.disable();
    				break;
    			case 1:
    				editButton.enable();
    				deleteButton.enable();
    				break;
    			default:
    				editButton.disable();
					deleteButton.disable();
    				break;
    			}
    		}
    	}
    });
	
	xColumns.unshift(smodel);
	
	store = new Ext.data.GroupingStore( {
		proxy : new Ext.data.HttpProxy({
			url: 'data_additionalTablesData?sUID=' + TABLES.UID
		}),
		reader : new Ext.data.JsonReader( {
			root: 'rows',
			totalProperty: 'total_rows',
			fields : xFields
		})
	});	
	
	cmodel = new Ext.grid.ColumnModel({
	      defaults: {
	          width: 50,
	          sortable: true
	      },
	      columns: xColumns
	});
	
	storePageSize = new Ext.data.SimpleStore({
        fields: ['size'],
         data: [['20'],['30'],['40'],['50'],['100']],
         autoLoad: true
      });
        
      comboPageSize = new Ext.form.ComboBox({
        typeAhead     : false,
        mode          : 'local',
        triggerAction : 'all',
        store: storePageSize,
        valueField: 'size',
        displayField: 'size',
        width: 50,
        editable: false,
        listeners:{
          select: function(c,d,i){
            UpdatePageConfig(d.data['size']);
            bbarpaging.pageSize = parseInt(d.data['size']);
            bbarpaging.moveFirst();
          }
        }
      });
        
      comboPageSize.setValue(pageSize);
	
	bbarpaging = new Ext.PagingToolbar({
        pageSize: pageSize,
        store: store,
        displayInfo: true,
        displayMsg: _('ID_GRID_PAGE_DISPLAYING_ROWS_MESSAGE') + '&nbsp; &nbsp; ',
        emptyMsg: _('ID_GRID_PAGE_NO_ROWS_MESSAGE'),
        items: ['-',_('ID_PAGE_SIZE')+':',comboPageSize]
      });
	
    
	infoGrid = new Ext.grid.GridPanel({
		region: 'center',
		layout: 'fit',
		id: 'infoGrid',
		height:100,
		autoWidth : true,
		title : _('ID_PM_TABLE') + " : " +TABLES.TABLE_NAME,
		stateful : true,
		stateId : 'grid',
		enableColumnResize: true,
		enableHdMenu: true,
		frame:false,
		columnLines: false,
		viewConfig: {
			forceFit:true
		},
		store: store,
		cm: cmodel,
		sm: smodel,
		tbar:[newButton,'-',editButton, deleteButton,'-',importButton,{xtype: 'tbfill' }, backButton],
		bbar: bbarpaging,
		listeners: {
			rowdblclick: EditPMTableRow,
			render: function(){
    			this.loadMask = new Ext.LoadMask(this.body, {msg:_('ID_LOADING_GRID')});
    		}
		},
		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);

	infoGrid.store.load();

	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]]);
};



/////JS FUNCTIONS

//Capitalize String Function
capitalize = function(s){
	s = s.toLowerCase();
	return s.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );
};

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

//Load New PM Table Row Forms
NewPMTableRow = function(){
	location.href = 'additionalTablesDataNew?sUID=' + TABLES.UID;
};

//Load PM Table Edition Row Form
EditPMTableRow = function(){
	iGrid = Ext.getCmp('infoGrid');
	rowsSelected = iGrid.getSelectionModel().getSelections();
   	location.href = 'additionalTablesDataEdit?sUID='+TABLES.UID+'&'+TABLES.PKF+'='+RetrieveRowsID(rowsSelected);
};

//Confirm PM Table Row Deletion Tasks
DeletePMTableRow = function(){
	iGrid = Ext.getCmp('infoGrid');
	rowsSelected = iGrid.getSelectionModel().getSelections();
	Ext.Msg.confirm(_('ID_CONFIRM'), _('ID_MSG_CONFIRM_DELETE_ROW'),
	        function(btn, text){
	            if (btn=="yes"){
	            	location.href = 'additionalTablesDataDelete?sUID='+TABLES.UID+'&'+TABLES.PKF+'='+RetrieveRowsID(rowsSelected);
	            }
	});
};

//Load Import PM Table From CSV Source
ImportPMTableCSV = function(){
	location.href = 'additionalTablesDataImportForm?sUID=' + TABLES.UID;
};

//Load PM Table List
BackPMList = function(){
	location.href = 'additionalTablesList';
};

//Gets UIDs from a array of rows
RetrieveRowsID = function(rows){
	var arrAux = new Array();
	for(var c=0; c<rows.length; c++){
		arrAux[c] = rows[c].get(TABLES.PKF);
	}
	return arrAux.join(',');
};

//Update Page Size Configuration
UpdatePageConfig = function(pageSize){
  Ext.Ajax.request({
  url: 'additionalTablesAjax',
  params: {action:'updatePageSizeData', size: pageSize}
  });
};