Ext.util.CSS.swapStyleSheet('theme', 'styles/xtheme-gray.css');
Ext.onReady(function() {
	var toolbar = new Ext.Toolbar({
		items : [{
			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',
														value : vUnitNumbers == 'null' ? '' : vUnitNumbers
													}]
										},{
											columnWidth : 0.5,
											layout : 'form',
											labelWidth : 80,
											defaults : {
												anchor : '-25'
											},
											items : [toolbar]
										}]
							}]
				}]
	});

	var dsUnitMaster = new Gfa.data.Store({
				proxy : new Ext.data.DWRProxy(),
				reader : new Ext.data.QueryReader({}, ['unitPrefix', 'unitNo',
								'equipmentType', 'manufactureDate',
								'CSCNo'])
	});

	var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
			header : common.label.viewUnitSpec,
			dataIndex:'vwEbsUnitCurrentId',
			width : 85,
			renderer : viewUnitSpec,
			align : 'center'
		},{
				header : ebs.VwEbsUnitSpecification.unitPrefix,
				dataIndex : 'unitPrefix',
				width : 85,
				align : 'center',
				sortable : true
			}, 
			{
				header : ebs.VwEbsUnitSpecification.unitNo,
				dataIndex : 'unitNo',
				width : 85,
				align : 'center',
				sortable : true
			}, {
				header : ebs.VwEbsUnitSpecification.equipmentType,
				dataIndex : 'equipmentType',
				width : 80,
				align : 'center',
				sortable : true
			}, {
				header : common.label.manufacuteDate,
				dataIndex : 'manufactureDate',
				width : 110,
				align : 'center',
				renderer : Ext.util.Format.dateRenderer(dateFormat),
				sortable : true
			},
			{
				header : ebs.VwEbsUnitSpecification.CSCNo,
				dataIndex : 'CSCNo',
				width : 120,
				renderer : formatQtip,
				align : 'center',
				sortable : true
			}, 
			{
				header : common.label.viewUnitActity,
				dataIndex:'vwEbsUnitCurrentId',
				/*width : Ext.get("content").getWidth(), */
				renderer : linkTo2,
				align : 'center'
			}
			]);

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

	var grid = new Ext.grid.EditorGridPanel({
				ds : dsUnitMaster,
				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,
				autoExpandColumn : 7,
				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
			});

	dsUnitMaster.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 = "getUnitSpecList";
			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=viewBoxStatus.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;
 }