Ext.util.CSS.swapStyleSheet('theme', 'styles/xtheme-gray.css');
Ext.onReady(function() {
	var toolbar = new Ext.Toolbar( {
		items : [// Gfa.page.BTN_SEARCH,
		{
			text : i18n.global.search,
			iconCls : 'toolbar-search',
			handler : function() {				
			/* var flag = false;
	        CustServiceService.checkSearchPermission({
					callback : function(result) {
						if (result[0] == "1") {
							flag = true;
						}else if (result[0] == "2") {
							Ext.Msg.alert(i18n.accessPermission.loginErr);
							window.location.href = result[1];
							return false;
						}else if (result[0] == "3") {
							Ext.Msg.alert(i18n.accessPermission.accessErr);
							return false;
						}
						return flag;
					},
					async : false
				})*/
            //if(flag){
             var num = Ext.getCmp('cmpUnitNumbers').getValue();
				if(num == null || num ==''){
				     Ext.Msg.alert(i18n.message.prompt,common.label.unitNumbers+i18n.message.empty);
				     return;
				}
				page.load();
              //}
			}
		}, {
			text : i18n.global.reset,
			iconCls : 'toolbar-reset',
			handler : function() {
				Ext.getCmp('cmpUnitNumbers').setValue('')
			}
		}],
		cls :'searchToolbar'
	});

	var filter = new Ext.FormPanel({
		bodyStyle : 'padding:5px 3px 0;',
		cls : 'gfa-form',
		items : [{
					xtype : 'fieldset',
					title : i18n.global.search,
					border : true,
					autoHeight : true,
					items : [{
								layout : 'column',
								items : [{
											columnWidth : 0.33,
											layout : 'form',
											labelWidth : 80,
											defaults : {
												anchor : '-25'
											},
											items : [{
														xtype : 'textarea',
														fieldLabel : common.label.unitNumbers,
														id : 'cmpUnitNumbers',
														//width : 10,
														value : vUnitNumbers == 'null' ? '' : vUnitNumbers
													}]
										},{
											columnWidth : 0.5,
											layout : 'form',
											labelWidth : 80,
											defaults : {
												anchor : '-25'
											},
											items : [toolbar]
										}]
							}]
				}]
	});

	var dsUnitCurrent = new Gfa.data.Store({
				proxy : new Ext.data.DWRProxy(IndexSearchService),
				reader : new Ext.data.QueryReader({}, ['unitPrefix', 'unitNo',
								'equipmentType', 'manufactureDate','customerName','activityGroupCode',
								'activityDate', 'location','locationDesc'])
	});

	var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),  {
		header : common.label.viewUnitSpec,
		dataIndex : 'vwEbsUnitCurrentId',
		width : 65,
		renderer :viewUnitSpec,
		align : 'center'
	               },
	                                   {
				header : ebs.VwEbsUnitCurrent.unitPrefix,
				dataIndex : 'unitPrefix',
				width : 65,
				align :'center',
				sortable : true
			}, {
				header : ebs.VwEbsUnitSpecification.unitNo,
				dataIndex : 'unitNo',
				width : 60,
				align :'center',
				sortable : true
			}, {
				header : ebs.VwEbsUnitCurrent.equipmentType,
				dataIndex : 'equipmentType',
				width : 75,
				align :'center',
				sortable : true
			}, {
				header : common.label.manufacuteDate,
				dataIndex : 'manufactureDate',
				width : 78,
				align :'center',
				renderer : Ext.util.Format.dateRenderer(dateFormat),
				sortable : true
			}, {
				header : common.label.customer,
				dataIndex : 'customerName',
				width : 70,
				align :'center',
				sortable : true,
				renderer : formatQtip
			}, {
				header : common.label.unitActivity,
				dataIndex : 'activityGroupCode',
				width : 80,
				align :'center',
				sortable : true
			}, {
				header : ebs.VwEbsUnitCurrent.activityDate,
				dataIndex : 'activityDate',
				renderer : Ext.util.Format.dateRenderer(dateFormat),
				width : 80,
				align :'center',
				sortable : true
			}, {
				header : ebs.VwEbsUnitCurrent.location,
				dataIndex : 'locationDesc',
				width : 100,
				align :'center',
				renderer : formatLongQtip,
				sortable : true
			}/*, {
				header : common.label.viewDetail,
				dataIndex : 'vwEbsUnitCurrentId',
				width : 80,
				renderer :linkTo,
				align : 'center'
			}*/ ]);

	cm.defaultSortable = true;
	var paging = new Ext.PagingToolbar({
				displayInfo : true,
				pageSize : 20,
				store : dsUnitCurrent
			});

	var grid = new Ext.grid.EditorGridPanel({
				ds : dsUnitCurrent,
				cm : cm,
				sm : new Ext.grid.RowSelectionModel({
							singleSelect : true
						}),
				border : true,
				loadMask : true,
				autoScroll : true,
				clicksToEdit : 0,
				tbar : filter,
				bbar : paging,
				height : 530,
				width : 700,
				enableHdMenu : false,
				enableColumnMove : false,
				draggable : false,
				enableDragDrop : false
			});

	Ext.Panel.prototype.border = false;

	// get current tab
	grid.render('extCmp');

	var page = new Gfa.page.GridEdit({
				grid : grid,
				filter : filter,
				toolbar : toolbar
			});

	dsUnitCurrent.on('beforeLoad', function(store, options) {
		var q = options.params;
		if (typeof q.start != 'undefined') {// Query
			var argUnitNumbers = Ext.getCmp('cmpUnitNumbers').getValue();
			store.proxy.DWR = IndexSearchService;
			q.dwrMethod = "getUnitStatusList";
			q.dwrArguments = [argUnitNumbers, q.start];
		}
	});
	// Init load data
		page.load();
	
	Ext.get("cmpUnitNumbers").dom.qtip=common.label.searchExample;
	
	function linkTo(val, col, ds) {
		return '<a href=viewBoxStatusDetail.do?unitPrefix='
				+ ds.data.unitPrefix + '&unitNo=' + ds.data.unitNo
				+ '><img src=\"images/front/icon/icon_view.gif\"/></a>';
	}
	function linkTo2(val, col, ds) {
		return '<a href=unitSpecification.do?method=list&unitPrefixAndNo='+ds.data.unitPrefix+ds.data.unitNo+'><img src=\"images/front/icon/icon_view.gif\"/></a>';
	}
   function viewUnitSpec(val, col, ds){
       return '<a href=unitSpecificationDetail.do?method=getUnitSpec&unitPrefix='+ds.data.unitPrefix+'&unitNo='+ds.data.unitNo+'&eqpType='+ds.data.equipmentType+'><img src=\"images/front/icon/icon_view.gif\"/></a>';
 	}
});
function redirect(unitPrefix,unitNo){
		CustServiceService.checkUnitInfo(unitPrefix,unitNo,function(reuslt){
		     if(reuslt){
		     	window.location.href='unitSpecificationDetail.do?unitPrefix='+unitPrefix + '&unitNo=' +unitNo;
		     }else{
		     		Ext.MessageBox.alert(i18n.message.prompt, i18n.message.unitSpecificationDetailErr);
		     }
		})
	}
function formatQtip(data,metadata){
    var title ="";
   	var tip =data;
   	if(tip == null){
   		tip = "";
   	}
    metadata.attr = 'ext:qtitle="' + title + '"' + ' ext:qtip="' + tip + '"';
    return data;
 }
function formatLongQtip(data,metadata){
    var title ="";
   	var tip =data;
   	if(tip == null){
   		tip = "";
   	}
    metadata.attr = 'ext:qtitle="' + title + '"' + ' ext:qtip="' + tip + ' "style="width:92px"';
    return data;
 }