/*var spot = Ext.create('Ext.ux.Spotlight', {
	easing: 'easeOut',
	duration: 300
});
var updateSpot = function(id) {
	if (typeof id == 'string') {
		spot.show(id);
	} else if (!id && spot.active) {
		spot.hide();
	}

/*	p1.toggle(id == p1.id);
	p2.toggle(id == p2.id);
	p3.toggle(id == p3.id);
};*/

Ext.define('erp.view.sys.hr.HrPortal',{
	extend: 'Ext.panel.Panel', 
	alias: 'widget.hrportal',
	id:'hrportal',
	labelSeparator : ':',
	buttonAlign : 'center',
	bodyStyle : 'background:#f9f9f9;',
	fieldDefaults : {
		msgTarget: 'none',
		blankText : $I18N.common.form.blankText
	},
	requires:['erp.view.sys.hr.GroupTabPanel','erp.view.sys.hr.DepartPanel','erp.view.sys.hr.JobGrid'],
	defaults:{
		xtype:'textfield',
		columnWidth:0.33,
		margin:'5 5 5 5'
	},
	layout:'fit',
	items: [{
		xtype: 'grouptabpanel',
		id:'hrgrouptabpanel',
		activeGroup: 0,
		items: [{
			mainItem: 1,
			activeItem:2,
			items: [{
				title: '财务核算部门',
				iconCls: 'x-icon-tickets',
				tabTip: '财务核算部门',
				//border: false,
				xtype: 'departpanel',
				margin: '10',
				height: null
			}, {	
				title: '人事信息',
				border: false
			}, {
				title: '组织资料',
				iconCls: 'x-icon-subscriptions',
				tabTip: 'Subscriptions tabtip',
				//style: 'padding: 10px;',
				border: false,
				layout: 'border',				
				items: [{
					xtype: 'toolbar',
					region:'north',
					ui: 'footer',
					items: [{
						text:'添加',					
						tooltip:'添加新组织',
						iconCls:'btn-add',
						menu: {
							items: [{
							        	text: '顶层组织',
							        	iconCls:'btn-add',
							        	itemId:'topOrg'
							        },{
							        	text: '添加组织',
							        	iconCls: 'btn-add',
							        	itemId: 'addOrg'
							        }]
						}
					},'-', {
						text:'帮助',
						iconCls:'btn-help',
						tooltip:'帮助简介'
					},'->',{
						xtype:'tbtext',
						text:'<div style="color:gray;">带'+required+'为必填项</div>'
					},'-',{
						text:'添加岗位',
						itemId:'addjob',
						iconCls:'btn-add',
						tooltip:'添加新岗位'
					},'-',{
						text:'保&nbsp;&nbsp;存',
						itemId:'savejob',
						iconCls:'btn-save'
					},'-',{
						text:'取&nbsp;&nbsp;消',
						itemId:'canceljob',
						iconCls:'btn-cancel'
					}]
				},{
					region:'west',
					width:505,
					xtype:'orgtreepanel'
				},{
					xtype:'jobgrid',
					region:'center',
					storeAutoLoad:true
					//forceFit:true
				}]
			}, {
				title: '岗位信息',
				iconCls: 'x-icon-subscriptions',
				tabTip: '岗位信息维护',
				style: 'padding: 10px;',
				border: false,
				layout: 'fit',
				xtype:'jobgrid',
				id:'jobdetail',
				storeAutoLoad:false
			},{
				title: '人员资料',
				iconCls: 'x-icon-users',
				tabTip: '人员信息维护',
				style: 'padding: 10px;',
				xtype:'employeegrid',
				layout:'fit'
			}]
		}, {
			expanded: true,		
			items: [{
				title: '权限资料',
				iconCls: 'x-icon-configuration',
				tabTip: '权限设置',
				style: 'padding: 10px;',
				layout:'border',
				id:'powerinfo',
				items:[{
					xtype: 'toolbar',
					region:'north',
					ui: 'footer',
					items: [{
						text:'权限分配',
						tooltip:'针对单个界面分配',
						iconCls:'btn-add',
						href :basePath+'jsps/ma/power.jsp'
					},'-',{
						text:'权限复制',
						iconCls:'btn-copy',
						itemId:'copypower',
						tooltip:'从标准权限库复制到对应岗位'
					},'-',{
						text:'刷新',
						iconCls:'btn-refresh',
						tooltip:'刷新数据',
						handler:function(btn){
							btn.ownerCt.ownerCt.down('powerjobgrid').getStore().load();
						}
					},'-', {
						text:'帮助',
						iconCls:'btn-help',
						tooltip:'帮助简介'
					}]
				},{
					region:'center',
					xtype:'powerjobgrid',
					id:'powerjobgrid',
					storeAutoLoad:false
				},{
					layout:'border',
					region:'east',
					width:410,
					items:[{
						region: 'north',
						height:400,
						split: true,
						title:'标准角色',
						xtype:'standardjobgrid'
					},{
						itemId: 'detailPanel',
						region: 'center',
						tpl:['<p><span style="font-weight:bold;">岗位名称:</span> {name}<p>',
						     '<p><span style="font-weight:bold;">权限描述:</span> {description}</p>']
					}]
				}]
			}, {
				title: '审批流程',
				iconCls: 'x-icon-templates',
				tabTip: 'Templates tabtip',
				style: 'padding: 10px;',
				border: false,
				layout:'border',
				items: [{
					xtype:'jprocessgrid',
					region:'center',
					width:400
				},{
					region: 'east',
					flex:1,
					dockedItems: [{
						xtype: 'toolbar',
						ui: 'footer',
						padding: '0 0 5 0',
						items: [{
							xtype:'tbtext',
							text:'<span style="font-weight:bold;" >审批流程设置</span>'
						}]
					}],
					margins:'5 0 0 0',
					minSize: 175,
					maxSize: 400,
					xtype:'propertygrid',
					id:'jprocesssetgrid',
					customEditors: {
						evtStart: Ext.create('Ext.form.TimeField', {selectOnFocus: true})
					},
					propertyNames: {
						js_caller: '页面CALLER',
						js_formKeyName:'主表关键字',
						js_formStatusName:'状态字段',
						js_table:'流程对应表名',
						js_formDetailKey:'关联主表字段',
						js_decisionCondition:'分支条件字段',
						js_decisionVariables:'分支条件变量',
						js_formUrl:'表单路径',
						js_notefields:'备注字段',
						js_groupby:'分组字段',
						js_id:'ID',
						js_auditmethod:'审核方法'
					},
					source: {
						js_caller: 'CALLER',
						js_formKeyName:'',
						js_formStatusName:'',
						js_table:'',
						js_formDetailKey:'',
						js_decisionCondition:'',
						js_decisionVariables:'',
						js_formurl:'',
						js_notefields:'',
						js_groupby:''
					}
				}]
			}]
		}, {
			expanded: false,
			items: {
				title: '帮助资料',
				bodyPadding: 10,
				tpl:[
				     '<p>{name}</p>'
				],
				border: false
			}
		}]
	}],
	initComponent : function(){ 
		this.callParent(arguments);
	}
});