O2OA/o2web/source/x_component_Execution/Main.js

MWF.xApplication.Execution = MWF.xApplication.Execution || {};
MWF.require("MWF.widget.Identity", null,false);
MWF.xDesktop.requireApp("Execution", "Actions.RestActions", null, false);
MWF.xDesktop.requireApp("Template", "Explorer", null, false);
MWF.xDesktop.requireApp("Template", "MPopupForm", null, false);
MWF.require("MWF.xDesktop.UserData", null, false);
MWF.xDesktop.requireApp("Execution", "IdenitySelector",null,false);

MWF.xApplication.Execution.options = {
	multitask: false,
	executable: true
};
MWF.xApplication.Execution.Main = new Class({
	Extends: MWF.xApplication.Common.Main,
	Implements: [Options, Events],

	options: {
		"style": "default",
		"name": "Execution",
		"icon": "appicon.png",
		"width": "1270",
		"height": "700",
		"isResize": false,
		"isMax": true,
		"title": MWF.xApplication.Execution.LP.title
	},
	onQueryClose:function(){
		this.logout();
	},
	onQueryLoad: function(){
		this.lp = MWF.xApplication.Execution.LP;
	},
	loadApplication: function(callback){
		this.user = layout.desktop.session.user.name;
		this.distinguishedName = layout.desktop.session.user.distinguishedName;
		//this.loginUser = layout.desktop.session.user.name;
		this.userGender = layout.desktop.session.user.genderType;
		this.department="";
		this.trueUserName = this.user;

		//this.restActions = new MWF.xApplication.Execution.Actions.RestActions();
		this.restActions = MWF.Actions.get("x_okr_assemble_control");
		this.orgActions = MWF.Actions.get("x_organization_assemble_express");

		this.okrManager = false;

		var switchData;
		if(!this.workTabSwitch){
			switchData = {};
			switchData.configCode = "INDEX_WORK_STATUSLIST";
			this.restActions.getProfileByCode(switchData,function(json){
				if(json.type == "success"){
					if(json.data && json.data.configValue){
						this.workTabSwitch = json.data.configValue;
					}
				}
			}.bind(this),null,false);
		}
		if(!this.statSwitch){
			switchData = {};
			switchData.configCode = "INDEX_STATISTIC_TYPE";
			this.restActions.getProfileByCode(switchData,function(json){
				if(json.type == "success"){
					if(json.data && json.data.configValue){
						this.statSwitch = json.data.configValue;
					}
				}
			}.bind(this),null,false);
		}
		if(!this.companyAdmin){
			switchData = {};
			switchData.configCode = "TOPUNIT_WORK_ADMIN";
			this.restActions.getProfileByCode(switchData,function(json){
				if(json.type == "success"){
					if(json.data && json.data.configValue){
						this.companyAdmin = json.data.configValue;
					}
				}
			}.bind(this),null,false);
		}

		this.identites = this.getIdentityies();

		MWF.UD.getDataJson("okr_identity_login",function(data){
			if(data){
				this.restActions.login( { "loginIdentity" : data.identity },function(json){
					if(json.data && json.data.okrManager) this.okrManager = json.data.okrManager;
					this._loadApplication( null, data.identity );
				}.bind(this), null, false);
			}else{
				if(this.identites.length>1){
					var selector = new MWF.xApplication.Execution.IdenitySelector(this, this.restActions, this.identites, this.css, {
						closeText : this.lp.close,
						onPostSelectorClose : function(){ this.close() }.bind(this),
						onPostSelectorOk : function( identity ){
							this._loadApplication( null, identity);
						}.bind(this)
					});
					selector.load();
				}else if(this.identites.length == 1 ){
					this.restActions.login( { "loginIdentity" : this.identites[0].distinguishedName },function(json){
						MWF.UD.putData("okr_identity_login",{identity:this.identites[0].distinguishedName});
						if(json.data) this.okrManager = json.data.okrManager;
						this._loadApplication( null, this.identites[0].distinguishedName );
					}.bind(this), null, false);
				}else{
					this.notice(this.lp.noIdentityNotice, "error");
				}
			}
		}.bind(this));


		//if( this.status && this.status.identity ){
		//	this.restActions.login( { "loginIdentity" : this.status.identity },function(json){
		//		if(json.data && json.data.okrManager) this.okrManager = json.data.okrManager;
		//		this._loadApplication( null, this.status.identity );
		//	}.bind(this), null, false);
		//}else{
		//	if( this.identites.length > 1 ){
		//		var selector = new MWF.xApplication.Execution.IdenitySelector(this, this.restActions, this.identites, this.css, {
		//			closeText : this.lp.close,
		//			onPostSelectorClose : function(){ this.close() }.bind(this),
		//			onPostSelectorOk : function( identity ){
		//				this._loadApplication( null, identity);
		//			}.bind(this)
		//		});
		//		selector.load();
		//	}else if( this.identites.length == 1 ){
		//		this.restActions.login( { "loginIdentity" : this.identites[0].distinguishedName },function(json){
		//			if(json.data) this.okrManager = json.data.okrManager;
		//			this._loadApplication( null, this.identites[0].distinguishedName );
		//		}.bind(this), null, false);
		//	}else{
		//		this.notice(this.lp.noIdentityNotice, "error");
		//		//this.close();
		//	}
		//}

		if(this.identites){
			this.addEvent("resize", function(){
				this.resizeContent();
			}.bind(this));
		}


	},
	_loadApplication: function(callback, identity ){
		this.identity = identity;
		this.distinguishedName = this.identity;

		this.trueUserName = this.identity.split("@")[0];
		var arr = [];
		arr.push(this.identity);
		var data = {
			"identityList":arr
		};

		this.orgActions.listUnitWithIdentity(data,function(json){
			if(json.data && json.data.length>0){
				this.department = json.data[0].name;
			}

			var arr = [];
			arr.push(this.identity);
			var data = {
				"identityList":arr
			};

			this.orgActions.listPersonWithIdentity(data,function(json){

				if(json.data && json.data.length>0){
					this.trueUserName = json.data[0].name;
					this.user = json.data[0].name;
					this.distinguishedName = json.data[0].distinguishedName?json.data[0].distinguishedName:this.distinguishedName;
				}


				this.createContainer();
				this.createTopBarVersion();
				this.createMiddleContent();

				//来自门户
				if(this.options.form){
					this.status = {};

					if(this.options.form == "work"){
						this.status.navi1 = "work"
					}else if(this.options.form == "xmind"){
						this.status.navi1 = "xmind"
					}else if(this.options.form == "setting"){
						this.status.navi1 = "setting"
					}
					if(this.options.subform){
						if(this.options.subform == "task"){
							this.status.navi2 = "task"
						}else if(this.options.subform == "report"){
							this.status.navi2 = "report"
						}else if(this.options.subform == "stat"){
							this.status.navi2 = "stat"

						}
					}
					if(this.status.navi2 == "task" && this.options.tab){
						this.status.navi3 = "base";
						this.status.navi4 = this.options.tab
					}
					if(this.status.navi2 == "report" && this.options.tab){
						this.status.navi3 = this.options.tab
					}
				}

				if( this.status && this.status.navi1 == "work") {
					if (this.status.navi2 == "task") {
						this.openTask( this.status.navi3 , this.status.navi4 )
					} else if ( this.status.navi2 == "report") {
						this.openWorkReport( this.status.navi3 )
					} else if(this.status.navi2 == "stat"){
						this.openStat();
					}else {
						this.createLayout();
					}
				}else if( this.status && this.status.navi1 == "xmind") {
					this.openContent("xmind")
				}else if( this.status && this.status.navi1 == "setting"){
					this.openContent("setting")
				}else if(this.status && this.status.navi1 == "setting"){
					this.openContent("stat")
				}else{
					this.createLayout();
				}

				this.addEvent("resize", function(){
					var size = this.middleContent.getSize();
					var y = size.y-300;
					var x = size.x-450;
					if(this.todoListContent)this.todoListContent.setStyles({"height":y+"px"});
					if(this.workListContent)this.workListContent.setStyles({"height":y+"px"});
					if(this.workConditionContentDiv)this.workConditionContentDiv.setStyles({"height":y+"px"});
					if(this.leftContent)this.leftContent.setStyles({"width":x+"px"});
				}.bind(this));


			}.bind(this));

		}.bind(this));


	},



//=======================================================================================================================================================================

	//*************************************************************************common-function BEGIN******************************************************************************
	logout: function(){
		var logoutData = {};
		this.restActions.logout( logoutData,function(json){

		}.bind(this), function(xhr,text,error){

		}.bind(this), false);
	},
	getIdentityies : function(){
		var identites = [];

		var arr = [];
		arr.push(this.distinguishedName);
		var data = {
			"personList":arr
		};

		//获取身份
		//this.restActions.listIdentityWithPerson(data,function(json){
		this.orgActions.listIdentityWithPerson(data,function(json){
			if(json.data){
				identites = json.data;
			}
		}.bind(this),null,false);

		this.restActions.listMyRelief(function(json){ //alert(JSON.stringify(json))
			if(json.data){
				json.data.each(function(d){
					//identites.push(d.leaderIdentity);
					identites.push(d);
				})
			}
		}.bind(this),null,false);

		return identites;
	},
	resizeContent : function(){
		var size = this.middleContent.getSize();
		var y = size.y-300;
		var x = size.x-450;
		if(this.todoListContent){this.todoListContent.setStyles({"height":y+"px"});this.todoListContentY = y}
		if(this.workListContent){this.workListContent.setStyles({"height":y+"px"});this.todoListContentY = y}
		if(this.workConditionContentDiv)this.workConditionContentDiv.setStyles({"height":y+"px"});
		if(this.leftContent)this.leftContent.setStyles({"width":x+"px"});
	},
	changeIdentity: function(){
		MWF.xDesktop.requireApp("Execution", "IdenitySelector", function(){
			this.identitySelector = new MWF.xApplication.Execution.IdenitySelector(this, this.restActions, this.identites, this.css, {
				closeText : this.lp.cancel,
				needLogout : true,
				onPostSelectorClose : function(){ this.identitySelector.close() }.bind(this),
				onPostSelectorOk : function( identity ){
					this.status = null;
					this._loadApplication( null, identity);
				}.bind(this)
			});
			this.identitySelector.load();




		}.bind(this));





		//this.identitySelector = new MWF.xApplication.Execution.IdenitySelector(this, this.restActions, this.identites, this.css, {
		//	closeText : this.lp.cancel,
		//	needLogout : true,
		//	onPostSelectorClose : function(){ this.identitySelector.close() }.bind(this),
		//	onPostSelectorOk : function( identity ){
		//		this.status = null;
		//		this._loadApplication( null, identity);
		//	}.bind(this)
		//});
		//this.identitySelector.load();
	},
	recordStatus: function(){
		var status = {
			identity : this.identity,
			navi1 : this.currentTopBarTab, //顶部的导航条
			navi2 : this.navi2	//当前打开的是任务还是汇报
		};

		if( status.navi1 == "work" ){
			if( status.navi2 == "task" ){
				status.navi3 = this.workTask?this.workTask.workNavi1:"";
				status.navi4 = this.workTask?this.workTask.workNavi2:"";
			}else if( status.navi2 == "report" ){
				status.navi3 = this.workReportList.workNavi1;
				status.navi4 = "";
			}else{
				status.navi3 = "";
				status.navi4 = "";
			}
		}
		return status;
	},
	openFromOut: function(data){
		if(!data) return;
		if(data.form){
			if(data.form == "work"){
				this.loadTopBarTab("work");
				if(data.subform){
					if(data.subform == "task"){
						this.openTask();
					}else if(data.subform=="report"){
						this.openWorkReport()
					}else if(data.subform=="stat"){
						this.openStat()
					}else{
						this.createLayout();
					}
				}else{
					this.createLayout()
				}
			}else if(data.form == "xmind"){
				this.openContent("xmind")
			}else if(data.form == "setting"){
				this.openContent("setting")
			}else if(data.form == "stat"){
				this.openStat()
			}else{
				this.createLayout()
			}

		}
	},

	openContent : function( str ){
		if( str == "xmind" ){
			this.currentTopBarTab = "xmind";
			this.loadTopBarTab(this.currentTopBarTab);
			this.middleContent.empty();
			MWF.xDesktop.requireApp("Execution", "MinderExplorer", null, false);
			var explorer = new MWF.xApplication.Execution.MinderExplorer(this.middleContent, this, this.restActions, {});
			explorer.load();
		}else if( str == "setting" ){
			this.currentTopBarTab = "setting";
			this.loadTopBarTab(this.currentTopBarTab);
			this.middleContent.empty();
			MWF.xDesktop.requireApp("Execution", "SettingExplorer", function(){
				var explorer = new MWF.xApplication.Execution.SettingExplorer(this.middleContent, this, this.restActions, {});
				explorer.load();
			}.bind(this), false);
		}else{
			this.currentTopBarTab = "work";
			this.loadTopBarTab(this.currentTopBarTab);
			this.middleContent.empty();
			this.createLayout();
		}
	},
	openTask: function(workNavi1, workNavi2){
		this.navi2 = "task";
		this.middleContent.empty();
		//MWF.xDesktop.requireApp("Execution", "WorkTask", function(){
		//	this.workTask = new MWF.xApplication.Execution.WorkTask(this.middleContent,this,this.restActions,{
		//		"workNavi1" : workNavi1 || "",
		//		"workNavi2" : workNavi2 || ""
		//	})
		//	this.workTask.load();
		//}.bind(this))
		MWF.xDesktop.requireApp("Execution", "WorkList", function(){
			this.workList = new MWF.xApplication.Execution.WorkList(this.middleContent,this,this.restActions,{
				"workNavi1" : workNavi1 || "",
				"workNavi2" : workNavi2 || ""
			});
			this.workList.load();
		}.bind(this))
	},
	openWorkReport: function(workNavi1){
		this.navi2 = "report";
		this.middleContent.empty();
		MWF.xDesktop.requireApp("Execution", "WorkReportList", function(){
			this.workReportList = new MWF.xApplication.Execution.WorkReportList(this.middleContent,this,this.restActions,{
				"workNavi1" : workNavi1 || ""
			});
			this.workReportList.load();
		}.bind(this))
	},
	openStat: function(){
		this.navi1 = "stat";
		this.middleContent.empty();

		MWF.xDesktop.requireApp("Execution", "WorkStat", function(){
			this.workStat = new MWF.xApplication.Execution.WorkStat(this.middleContent,this,this.restActions,{

			});
			this.workStat.load();
		}.bind(this));
	},
	//**********************************************************common-function END******************************************************************************


	//**********************************************************section-layout BEGIN******************************************************************************
		createContainer: function(){
			if( !this.container ){
				this.content.setStyle("overflow", "hidden");
				this.container = new Element("div.container", {
					"styles": this.css.container
				}).inject(this.content);
			}
		},
		createMiddleContent: function(){
			if( !this.middleContent ){
				this.middleContent = new Element("div.middleContent",{
					"styles": this.css.middleContent
				}).inject(this.container)
			}
		},
		createLayout: function(){
			this.navi2 = "main";
			if( this.middleContent )this.middleContent.empty();
			this.leftContent = new Element("div.leftContent", {"styles":this.css.leftContent}).inject(this.middleContent);

			this.leftTopContent = new Element("div",{"styles":this.css.leftTopContent}).inject(this.leftContent);
			this.clearDiv = new Element("div",{"styles":this.css.clearDiv}).inject(this.leftContent);
			//左上
			this.createCategoryIconsVersion();
			this.leftBottomContent = new Element("div",{"styles":this.css.leftBottomContent}).inject(this.leftContent);
			//左下
			this.createTodoContentVersion();

			this.rightContent = new Element("div.rightContent", {"styles": this.css.rightContent}).inject(this.middleContent);
			//右上
			//this.createContentDivVersion();
			this.createMyStatVersion();

			this.rightBottomContent = new Element("div.rightBottomContent",{"styles":this.css.rightBottomContent}).inject(this.rightContent);
			this.rightBottomContent.setStyle("display",""); //工作动态开关
			//右下
			this.createRightBottomVersion();

			this.resizeContent();
		},

	//*****************************top-layout BEGIN*************************************
		createTopBarVersion: function(){
			this.createTopBar();
		},
		createTopBar: function(){
			this.currentTopBarTab = "work";

			if( this.topBar ){
				this.topBar.empty();
			}else{
				this.topBar = new Element("div.topBar", {
					"styles": this.css.topBar
				}).inject(this.container);
			}

			this.topBarContent = new Element("div", {"styles": this.css.topBarContent}).inject(this.topBar);
			this.topBarTitleLi = new Element("li", {"styles": this.css.topBarTitleLi}).inject(this.topBarContent);
			this.topBarLog = new Element("img",{"styles": this.css.topBarLog,"src": this.path+"default/icon/okr.png"}).inject(this.topBarTitleLi);
			this.topBarTitleSpan = new Element("span",{	"styles": this.css.topBarTitleSpan,"text":MWF.xApplication.Execution.LP.topBar.title}).inject(this.topBarTitleLi);
			//top我的工作台
			this.topBarWorkLi = new Element("li.topBarWorkLi",{"styles": this.css["topBarCurrentLi"]}).inject(this.topBarContent);
			this.topBarWorkLi.addEvents({
				"mouseover":function(){
					if(this.currentTopBarTab!="work")this.topBarWorkLi.setStyles({"background-color":"#124c93"})
				}.bind(this),
				"mouseout":function(){
					if(this.currentTopBarTab!="work")this.topBarWorkLi.setStyles({"background-color":"#5c97e1"})
				}.bind(this),
				"click" : function(){
					this.openContent( "work" );
				}.bind(this)
			});
			this.topBarWorkImg = new Element("img",{"styles": this.css.topBarWorkImg,"src": this.path+"default/icon/Outline-104.png"}).inject(this.topBarWorkLi);
			this.topBarWorkSpan = new Element("span",{"styles": this.css.topBarWorkSpan,"text":MWF.xApplication.Execution.LP.topBar.work}).inject(this.topBarWorkLi);
			//top脑图展示
			this.topBarXmindLi = new Element("li.topBarXmindLi",{"styles": this.css["topBarLi"]}).inject(this.topBarContent);
			this.topBarXmindImg = new Element("img",{"styles": this.css.topBarXmindImg,"src": this.path+"default/icon/MindMapFilled-100.png"}).inject(this.topBarXmindLi);
			this.topBarXmindSpan = new Element("span",{"styles": this.css.topBarXmindSpan,"text":MWF.xApplication.Execution.LP.topBar.xmind}).inject(this.topBarXmindLi);
			this.topBarXmindLi.addEvents({
				"mouseover":function(){
					if(this.currentTopBarTab!="xmind")this.topBarXmindLi.setStyles({"background-color":"#124c93"})
				}.bind(this),
				"mouseout":function(){
					if(this.currentTopBarTab!="xmind")this.topBarXmindLi.setStyles({"background-color":"#5c97e1"})
				}.bind(this),
				"click" : function(){
					this.openContent( "xmind" );
				}.bind(this)
			});
			//top系统配置
			this.topBarSettingLi = new Element("li.topBarSettingLi",{"styles": this.css["topBarLi"]}).inject(this.topBarContent);
			new Element("img",{"styles": this.css.topBarXmindImg,"src": this.path+"default/icon/Maintenance-96.png"}).inject(this.topBarSettingLi);
			new Element("span",{"styles": this.css.topBarXmindSpan,"text":MWF.xApplication.Execution.LP.topBar.setting}).inject(this.topBarSettingLi);
			this.topBarSettingLi.addEvents({
				"mouseover":function(){
					if(this.currentTopBarTab!="setting")this.topBarSettingLi.setStyles({"background-color":"#124c93"})
				}.bind(this),
				"mouseout":function(){
					if(this.currentTopBarTab!="setting")this.topBarSettingLi.setStyles({"background-color":"#5c97e1"})
				}.bind(this),
				"click" : function(){
					this.openContent( "setting" );
				}.bind(this)
			});

			if(!this.okrManager) this.topBarSettingLi.destroy();

			//top-right
			this.topBarRight = new Element("div.toBarRight",{"styles":this.css.topBarRight}).inject(this.topBar);
			//部门
			this.topBarRightDeptLi = new Element("li",{"styles":this.css.topBarRightDeptLi}).inject(this.topBarRight);
			this.topBarRightDeptImg = new Element("img",{"styles":this.css.topBarRightDeptImg,"src":this.path+"default/icon/Home-96.png"}).inject(this.topBarRightDeptLi);
			this.topBarRightDeptSpan = new Element("span",{"styles":this.css.topBarRightDeptSpan,"text":this.department}).inject(this.topBarRightDeptLi);
			//用户
			if(this.userGender=="f") this.userFace = this.path+"default/icon/UserFemale-104.png";
			else this.userFace = this.path+"default/icon/UserMale-104.png";
			this.topBarRightPersonLi = new Element("li",{"styles":this.css.topBarRightPersonLi}).inject(this.topBarRight);
			this.topBarRightPersonImg = new Element("img",{"styles":this.css.topBarRightPersonImg,"src":this.userFace}).inject(this.topBarRightPersonLi);
			this.topBarRightPersonSpan = new Element("span",{"styles":this.css.topBarRightPersonSpan,"text":this.trueUserName}).inject(this.topBarRightPersonLi);

			//***************change user**********************
			if( this.identites.length > 1 ){
				this.topBarRightChangeUserLi = new Element("li",{
					"styles":this.css["topBarRightOutLi"]
				}).inject(this.topBarRight).addEvents({
						"click":function(){
							this.changeIdentity();
						}.bind(this)
					});
				new Element("img",{
					"styles":this.css["topBarRightOutImg"],
					"src":this.path+"default/icon/ChangeUser.png"
				}).inject(this.topBarRightChangeUserLi);
				new Element("span",{
					"styles":this.css["topBarRightOutSpan"],
					"text":MWF.xApplication.Execution.LP.changeUser
				}).inject(this.topBarRightChangeUserLi);
			}
			//***************change user**********************

			this.topBarRightLastLi = new Element("li",{"styles":this.css.topBarRightLastLi}).inject(this.topBarRight);
			this.topBarRightLastImg = new Element("img",{"styles":this.css.topBarRightLastImg,"src":this.path+"default/icon/BulletedListFilled-100.png"}).inject(this.topBarRightLastLi);
		},

	//*****************************top-layout END*************************************

	//*****************************left-top-layout BEGIN*************************************
		createCategoryIconsVersion: function(){
			this.createCategoryIcons();
		},
		createCategoryIcons: function(){
			this.categoryIconsUl = new Element("ul",{"styles": this.css.categoryIconsUl}).inject(this.leftTopContent);
			this.createCategoryNode(this.path+"default/icon/Checklist-100.png",MWF.xApplication.Execution.LP.categoryIcon.span1,"categoryIconsLi");
			this.createCategoryNode(this.path+"default/icon/ConferenceCall-104.png",MWF.xApplication.Execution.LP.categoryIcon.span2,"categoryIconsLi");
			//this.createCategoryNode(this.path+"default/icon/QuestionMark-104.png",MWF.xApplication.Execution.LP.categoryIcon.span3,"categoryIconsLi");
			//this.createCategoryNode(this.path+"default/icon/Collaboration-104.png",MWF.xApplication.Execution.LP.categoryIcon.span4,"categoryIconsLi");

			if(this.okrManager || (this.companyAdmin && this.companyAdmin.indexOf(this.identity)>-1)){
				this.createCategoryNode(this.path+"default/icon/AreaChart Filled-100.png",MWF.xApplication.Execution.LP.categoryIcon.span5,"categoryIconsLiRight");
			}

		},
	//*****************************left-top layout*************************************

	//*****************************left-bottom layout BEGIN*************************************
		createTodoContentVersion: function(){
			this.createTodoContent2()
		},
		createTodoContent2: function(){
			this.todoMenuDiv = new Element("div",{"styles": this.css.todoMenuDiv}).inject(this.leftBottomContent);
			this.todoMenuLeftDiv = new Element("div",{"styles":this.css.todoMenuLeftDiv}).inject(this.todoMenuDiv);
			this.todoMenuLeftImg = new Element("img",{"styles": this.css.todoMenuLeftImg,"src": this.path+"default/icon/Outline-104.png"}).inject(this.todoMenuLeftDiv);
			this.todoMenuLeftSpan = new Element("span",{"styles": this.css.todoMenuLeftSpan,"text":MWF.xApplication.Execution.LP.todoMenu.title}).inject(this.todoMenuLeftDiv);

			this.todoMenuRightDiv = new Element("div.todoMenuRightDiv",{"styles":this.css.todoMenuRightDiv}).inject(this.todoMenuDiv);
			//right category
			//this.todoMenuRightDiv.setStyle("display","none");
			//this.todoMenuRightLi = new Element("li",{"styles":this.css.todoMenuRightCurrentLi,"text":MWF.xApplication.Execution.LP.todoMenu.all}).inject(this.todoMenuRightDiv);
			//this.todoMenuRightLi = new Element("li",{"styles":this.css.todoMenuRightLi,"text":MWF.xApplication.Execution.LP.todoMenu.workTask}).inject(this.todoMenuRightDiv);
			//this.todoMenuRightLi = new Element("li",{"styles":this.css.todoMenuRightLi,"text":MWF.xApplication.Execution.LP.todoMenu.workReport}).inject(this.todoMenuRightDiv);
			//this.todoMenuRightLi = new Element("li",{"styles":this.css.todoMenuRightLiLast,"text":MWF.xApplication.Execution.LP.todoMenu.workProblem}).inject(this.todoMenuRightDiv);
			this.todoMenuDo = new Element("li.todoMenuDo",{"styles":this.css.todoMenuDo,"text":this.lp.main.todoMenuDo}).inject(this.todoMenuRightDiv);
			this.todoMenuDoCount = new Element("span.todoMenuDoCount",{"styles":this.css.todoMenuDoCount}).inject(this.todoMenuDo);
			if(this.workTabSwitch && this.workTabSwitch=="OPEN"){
				this.todoMenuWork = new Element("li.todoMenuWork",{"styles":this.css.todoMenuWork,"text":this.lp.main.todoMenuWork}).inject(this.todoMenuRightDiv);
				this.todoMenuWorkCount = new Element("span.todoMenuWorkCount",{"styles":this.css.todoMenuWorkCount}).inject(this.todoMenuWork);
			}

			this.todoListContent = new Element("div.todoListContent",{"styles": this.css.todoList}).inject(this.leftBottomContent);
			this.todoListDiv = new Element("div.todoListDiv",{"styles": this.css.todoListDiv}).inject(this.todoListContent);

			var _selfToDo = this;
			this.todoMenuRightDiv.getElements("li").addEvents({
				"click":function(){
					_selfToDo.changeTodoTab(this)
				}
			});
			this.getTodoCount();
			this.createTodoList();
		},
		createTodoContent: function(){
			this.todoMenuDiv = new Element("div",{"styles": this.css.todoMenuDiv}).inject(this.leftBottomContent);
			this.todoMenuLeftDiv = new Element("div",{"styles":this.css.todoMenuLeftDiv}).inject(this.todoMenuDiv);
			this.todoMenuLeftImg = new Element("img",{"styles": this.css.todoMenuLeftImg,"src": this.path+"default/icon/Outline-104.png"}).inject(this.todoMenuLeftDiv);
			this.todoMenuLeftSpan = new Element("span",{"styles": this.css.todoMenuLeftSpan,"text":MWF.xApplication.Execution.LP.todoMenu.title}).inject(this.todoMenuLeftDiv);

			this.todoMenuRightDiv = new Element("div.todoMenuRightDiv",{"styles":this.css.todoMenuRightDiv}).inject(this.todoMenuDiv);
			//right category
			this.todoMenuRightDiv.setStyle("display","none");
			this.todoMenuRightLi = new Element("li",{"styles":this.css["todoMenuRightCurrentLi"],"text":MWF.xApplication.Execution.LP.todoMenu.all}).inject(this.todoMenuRightDiv);
			this.todoMenuRightLi = new Element("li",{"styles":this.css.todoMenuRightLi,"text":MWF.xApplication.Execution.LP.todoMenu.workTask}).inject(this.todoMenuRightDiv);
			this.todoMenuRightLi = new Element("li",{"styles":this.css.todoMenuRightLi,"text":MWF.xApplication.Execution.LP.todoMenu.workReport}).inject(this.todoMenuRightDiv);
			this.todoMenuRightLi = new Element("li",{"styles":this.css["todoMenuRightLiLast"],"text":MWF.xApplication.Execution.LP.todoMenu.workProblem}).inject(this.todoMenuRightDiv);

			this.todoList = new Element("div.todoList",{"styles": this.css.todoList}).inject(this.leftBottomContent);
			this.todoListDiv = new Element("div.todoListDiv",{"styles": this.css.todoListDiv}).inject(this.todoList);

			//MWF.require("MWF.widget.ScrollBar", function () {
			//	new MWF.widget.ScrollBar(this.todoListDiv, {
			//		"indent": false,
			//		"style": "xApp_TaskList",
			//		"where": "before",
			//		"distance": 30,
			//		"friction": 4,
			//		"axis": {"x": false, "y": true},
			//		"onScroll": function (y) {
			//			var scrollSize = this.todoListDiv.getScrollSize();
			//			var clientSize = this.todoListDiv.getSize();
			//			var scrollHeight = scrollSize.y - clientSize.y;
			//			//var view = this.todoView;
			//			var view = this.todoView;
            //
			//			if (y + 200 > scrollHeight && view && view.loadElementList) {
			//				if (! view.isItemsLoaded) view.loadElementList();
			//			}
			//		}.bind(this)
			//	});
			//}.bind(this));

			this.createTodoList();
		},

	//*****************************left-bottom-layout END*************************************

	//****************************right-top BEGIN******************************
		createMyStatVersion: function(){
			this.rightTopContent = new Element("div.rightTopContent",{"styles":this.css.rightTopContent}).inject(this.rightContent);
			if(this.statSwitch && this.statSwitch == "PROMPTNESSRATE"){
				this.createMyStat();
			}

			//this.createContentDiv();
		},
		createMyStat: function(){

			var processCount = 0;
			var overtimeCount = 0;
			var completedCount = 0;
			var percentNum = "100%";
			this.restActions.getMyStat(function(json){
				if(json.data && json.data["responProcessingWorkCount"]) processCount = json.data["responProcessingWorkCount"];
				if(json.data && json.data["overtimeResponWorkCount"]) overtimeCount = json.data["overtimeResponWorkCount"];
				if(json.data && json.data["responCompletedWorkCount"]) completedCount = json.data["responCompletedWorkCount"];
				if(json.data && json.data.percent) percentNum = (parseInt(json.data.percent)*100)
			}.bind(this),null,false);


			this.rightTopTable = new Element("table.rightTopTable",{"styles":this.css.rightTopTable,"border":"0"}).inject(this.rightTopContent);

			var tr = new Element("tr").inject(this.rightTopTable);
			var td = new Element("td",{"colspan":"4"}).inject(tr);
			this.rightTopTdImg = new Element("img",{"styles":this.css.rightTopTdImg,"src":this.path+"default/icon/PieChart-104.png"}).inject(td);
			this.rightTopTdSpan = new Element("span",{"styles":this.css.rightTopTdSpan,"text":MWF.xApplication.Execution.LP.rightTop.title}).inject(td);

			tr = new Element("tr").inject(this.rightTopTable);
			var rightTopNumTd = new Element("td",{"styles":this.css["rightTopNumTd"]}).inject(tr);
			this.rightTopFlowSpan = new Element("span",{"styles":this.css.rightTopFlowSpan,"text":processCount}).inject(rightTopNumTd);
			rightTopNumTd = new Element("td",{"styles":this.css["rightTopNumTd"]}).inject(tr);
			this.rightTopCompletedSpan = new Element("span",{"styles":this.css.rightTopCompletedSpan,"text":overtimeCount}).inject(rightTopNumTd);
			rightTopNumTd = new Element("td",{"styles":this.css["rightTopNumTd"]}).inject(tr);
			this.rightTopOverTimeSpan = new Element("span",{"styles":this.css.rightTopOverTimeSpan,"text":completedCount}).inject(rightTopNumTd);
			this.rightTopRateTd = new Element("td",{"width":"80","align":"right"}).inject(tr);
			this.rightTopRateSpan = new Element("span",{"styles":this.css.rightTopRateSpan,"text":percentNum}).inject(this.rightTopRateTd);
			tr = new Element("tr").inject(this.rightTopTable);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"center","text":MWF.xApplication.Execution.LP.rightTop.flow}).inject(tr);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"center","text":MWF.xApplication.Execution.LP.rightTop.overTime}).inject(tr);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"center","text":MWF.xApplication.Execution.LP.rightTop.completed}).inject(tr);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"right","text":MWF.xApplication.Execution.LP.rightTop.rate}).inject(tr);


		},
		createContentDiv: function(){
			//this.rightTopContent = new Element("div.createContentDiv",{"styles":this.css.rightTopContent}).inject(this.rightContent);
			this.rightTopTable = new Element("table.rightTopTable",{"styles":this.css.rightTopTable,"border":"0"}).inject(this.rightTopContent);
			//临时
			this.rightTopTable.setStyle("display","none");
			var tr = new Element("tr").inject(this.rightTopTable);
			var td = new Element("td",{"colspan":"4"}).inject(tr);
			this.rightTopTdImg = new Element("img",{"styles":this.css.rightTopTdImg,"src":this.path+"default/icon/PieChart-104.png"}).inject(td);
			this.rightTopTdSpan = new Element("span",{"styles":this.css.rightTopTdSpan,"text":MWF.xApplication.Execution.LP.rightTop.title}).inject(td);

			tr = new Element("tr").inject(this.rightTopTable);
			var rightTopNumTd = new Element("td",{"styles":this.css["rightTopNumTd"]}).inject(tr);
			this.rightTopFlowSpan = new Element("span",{"styles":this.css.rightTopFlowSpan,"text":"11"}).inject(rightTopNumTd);
			rightTopNumTd = new Element("td",{"styles":this.css["rightTopNumTd"]}).inject(tr);
			this.rightTopCompletedSpan = new Element("span",{"styles":this.css.rightTopCompletedSpan,"text":"9"}).inject(rightTopNumTd);
			rightTopNumTd = new Element("td",{"styles":this.css["rightTopNumTd"]}).inject(tr);
			this.rightTopOverTimeSpan = new Element("span",{"styles":this.css.rightTopOverTimeSpan,"text":"16"}).inject(rightTopNumTd);
			this.rightTopRateTd = new Element("td",{"width":"80","align":"right"}).inject(tr);
			this.rightTopRateSpan = new Element("span",{"styles":this.css.rightTopRateSpan,"text":"71.75"}).inject(this.rightTopRateTd);
			tr = new Element("tr").inject(this.rightTopTable);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"center","text":MWF.xApplication.Execution.LP.rightTop.flow}).inject(tr);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"center","text":MWF.xApplication.Execution.LP.rightTop.overTime}).inject(tr);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"center","text":MWF.xApplication.Execution.LP.rightTop.completed}).inject(tr);
			new Element("td",{"styles":this.css["rightTopTextTd"],"width":"80","align":"right","text":MWF.xApplication.Execution.LP.rightTop.rate}).inject(tr);
		},
	//****************************right-top END******************************

	//****************************right-bottom BEGIN******************************
		createRightBottomVersion: function(){
			this.workConditionMenuDiv = new Element("div.createRightBottom",{"styles": this.css.workConditionMenuDiv}).inject(this.rightBottomContent);
			this.createRightBottom();
		},
		createRightBottom: function(){
			this.workConditionMenuTitleDiv = new Element("div.workConditionMenuTitleDiv",{"styles":this.css.workConditionMenuTitleDiv}).inject(this.workConditionMenuDiv);
			this.workConditionMenuTitleImg = new Element("img",{"styles":this.css.workConditionMenuTitleImg,"src":this.path+"default/icon/AppointmentReminders-96.png"}).inject(this.workConditionMenuTitleDiv);
			this.workConditionMenuTitleSpan = new Element("span",{"styles":this.css.workConditionMenuTitleSpan,"text": MWF.xApplication.Execution.LP.workConditionMenuTitle}).inject(this.workConditionMenuTitleDiv);

			this.workConditionMenuMoreDiv = new Element("div",{"styles":this.css.workConditionMenuMoreDiv}).inject(this.workConditionMenuDiv);
			this.workConditionMenuMoreLi = new Element("li",{"styles":this.css.workConditionMenuMoreLi}).inject(this.workConditionMenuMoreDiv);

			this.createWorkConditionContentDiv();
		},
	//****************************right-bottom END******************************

	//*************************************************************************section-layout END*******************************************************************************


//=======================================================================================================================================================================

	//*************************************************************************section-function BEGIN*******************************************************************************

	//*****************************top-function BEGIN*************************************
	loadTopBarTab: function(str){
		if(str=="work"){
			this.topBarWorkLi.setStyles({"background-color":"#124c93"});
			this.topBarXmindLi.setStyles({"background-color":"#5c97e1"});
			this.topBarSettingLi.setStyles({"background-color":"#5c97e1"});
		}else if(str == "xmind"){
			this.topBarWorkLi.setStyles({"background-color":"#5c97e1"});
			this.topBarXmindLi.setStyles({"background-color":"#124c93"});
			this.topBarSettingLi.setStyles({"background-color":"#5c97e1"});
		}else if(str == "setting"){
			this.topBarWorkLi.setStyles({"background-color":"#5c97e1"});
			this.topBarXmindLi.setStyles({"background-color":"#5c97e1"});
			this.topBarSettingLi.setStyles({"background-color":"#124c93"});
		}
	},
	//*****************************top-function END*************************************

	//*****************************left-top function BEGIN*************************************
	createCategoryNode: function(img,name,cla){
		var categoryIcons = new Element("li.categoryIcons",{
			"styles": this.css[cla]
		}).inject(this.categoryIconsUl);
		categoryIcons.addEvents({
			"mouseover":function(){
				this.setStyles({"background-color":"#124c93"})
			},
			"mouseout":function(){
				this.setStyles({"background-color":"#407ac1"})
			},
			"click":function(){
				if(name == MWF.xApplication.Execution.LP.categoryIcon.span1){
					this.openTask();
				}else if(name == MWF.xApplication.Execution.LP.categoryIcon.span2){
					this.openWorkReport();
				}else if(name == MWF.xApplication.Execution.LP.categoryIcon.span3){

				}else if(name == MWF.xApplication.Execution.LP.categoryIcon.span4){

				}else if(name == MWF.xApplication.Execution.LP.categoryIcon.span5){
					this.openStat();
				}
			}.bind(this)
		});
		var categoryIconsImg = new Element("img.categoryIconsImg",{
			"styles": this.css["categoryIconsImg"],
			"src":img
		}).inject(categoryIcons);
		var categoryIconsSpan = new Element("span.categoryIconsSpan",{
			"styles": this.css["categoryIconsSpan"],
			"text":name
		}).inject(categoryIcons);

	},
	//*****************************left-top function END*************************************

	//****************************left-bottom function BEGIN***********************
		getTodoCount:function(){
			this.restActions.getBaseWorkListMyDoNext("(0)", 10, null, function (json) {
				if(this.todoMenuWorkCount && json.count) this.todoMenuWorkCount.set("text","("+json.count+")")
			}.bind(this))

		},
		changeTodoTab: function(obj){
			if(obj.className == "todoMenuDo"){
				obj.setStyles({"background-color":"#0f72c2"});
				if(this.todoMenuWork)this.todoMenuWork.setStyles({"background-color":""});
				this.createTodoList();
			}
			if(obj.className == "todoMenuWork"){
				obj.setStyles({"background-color":"#0f72c2"});
				if(this.todoMenuDo)this.todoMenuDo.setStyles({"background-color":""});
				this.createWorkList();
			}
		},
		createTodoList: function(category){
			if( this.workView )delete this.workView;
			if(this.workListContent) this.workListContent.destroy();
			if(this.todoListContent) this.todoListContent.destroy();

			this.todoListContent = new Element("div.todoListContent",{"styles": this.css.todoList}).inject(this.leftBottomContent);
			if(this.todoListContentY) this.todoListContent.setStyles({"height":this.todoListContentY+"px"});
			this.todoListDiv = new Element("div.todoListDiv",{"styles": this.css.todoListDiv}).inject(this.todoListContent);
			if( this.todoListDiv ){
				this.todoListDiv.empty();
				var filter = {};
				this.todoView =  new  MWF.xApplication.Execution.TodoView(this.todoListDiv, this, this, { templateUrl : this.path+"todoList.json",category:category,filterData:filter } );
				this.todoView.load();
				this.setScrollBar(this.todoListDiv,this.todoView)
			}
		},
		createWorkList : function(category){
			if( this.todoView )delete this.todoView;
			if(this.todoListContent) this.todoListContent.destroy();
			if(this.workListContent) this.workListContent.destroy();

			this.workListContent = new Element("div.workListContent",{"styles": this.css.todoList}).inject(this.leftBottomContent);
			if(this.todoListContentY) this.workListContent.setStyles({"height":this.todoListContentY+"px"});
			this.workListDiv = new Element("div.workListDiv",{"styles": this.css.todoListDiv}).inject(this.workListContent);
			if(this.workListDiv){
				this.workListDiv.empty();
				var filter = {};

				this.workView =  new  MWF.xApplication.Execution.WorkView(this.workListDiv, this, this, { templateUrl : this.path+"workList.json",category:category,filterData:filter } );
				this.workView.load();
				this.setScrollBar(this.workListDiv,this.workView)
			}
		},
	//****************************left-bottom function END***********************

	//****************************right-top function BEGIN***********************

	//****************************right-top function END***********************

	//****************************right-bottom function BEGIN***********************
		createWorkConditionContentDiv: function(){
			if(this.workConditionContentDiv) this.workConditionContentDiv.destroy();
			this.workConditionContentDiv = new Element("div",{"styles": this.css.workConditionContentDiv}).inject(this.rightBottomContent);
			this.workConditionListDiv = new Element("div.workConditionListDiv",{"styles":this.css.workConditionListDiv}).inject(this.workConditionContentDiv);

			if(this.workConditionListDiv)this.workConditionListDiv.empty();
			this.workConditionView =  new  MWF.xApplication.Execution.WorkConditionView(this.workConditionListDiv, this, this, { templateUrl : this.path+"workConditionList.json" } );
			this.workConditionView.load();
			this.setScrollBar(this.workConditionListDiv,this.workConditionView)
		},

	//****************************right-bottom function END***********************

	//*************************************************************************section function END*******************************************************************************

	createShade: function(o,txtInfo){
		var defaultObj = this.content;
		var obj = o || defaultObj;
		var txt = txtInfo || "loading...";
		if(this.shadeDiv){ this.shadeDiv.destroy()}
		if(this["shadeTxtDiv"])  this["shadeTxtDiv"].destroy();
		this.shadeDiv = new Element("div.shadeDiv").inject(obj);
		this.inforDiv = new Element("div.inforDiv",{
			styles:{"height":"16px","display":"inline-block","position":"absolute","background-color":"#000000","border-radius":"3px","padding":"5px 10px"}
		}).inject(this.shadeDiv);
		this.loadImg = new Element("img.loadImg",{
			styles:{"width":"16px","height":"16px","float":"left"},
			src:"/x_component_Execution/$Main/default/icon/loading.gif"
		}).inject(this.inforDiv);

		this.shadeTxtSpan = new Element("span.shadeTxtSpan").inject(this.inforDiv);
		this.shadeTxtSpan.set("text",txt);
		this.shadeDiv.setStyles({
			"width":"100%","height":"100%","position":"absolute","opacity":"0.6","background-color":"#cccccc","z-index":"999"
		});
		this.shadeTxtSpan.setStyles({"color":"#ffffff","font-size":"12px","display":"inline-block","line-height":"16px","padding-left":"5px"});

		var x = obj.getSize().x;
		var y = obj.getSize().y;
		this.shadeDiv.setStyles({
			"left":(obj.getLeft()-defaultObj.getLeft())+"px",
			"top":(obj.getTop()-defaultObj.getTop())+"px",
			"width":x+"px",
			"height":y+"px"
		});
		if(obj.getStyle("position")=="absolute"){
			this.shadeDiv.setStyles({
				"left":"0px",
				"top":"0px"
			})
		}
		this.inforDiv.setStyles({
			"left":(x/2)+"px",
			"top":(y/2)+"px"
		})
	},
	setScrollBar: function(node, view, style, offset, callback){
		if (!style) style = "default";
		if (!offset){
			offset = {
				"V": {"x": 0, "y": 0},
				"H": {"x": 0, "y": 0}
			};
		}
		MWF.require("MWF.widget.ScrollBar", function(){
			if(this.scrollbar && this.scrollbar.scrollVAreaNode){
				this.scrollbar.scrollVAreaNode.destroy();
				delete this.scrollbar;
			}
			this.scrollbar = new MWF.widget.ScrollBar(node, {
				"style": style,
				"offset": offset,
				"where": "before",
				"indent": false,
				"distance": 100,
				"friction": 4,
				"onScroll": function (y) {
					var scrollSize = node.getScrollSize();
					var clientSize = node.getSize();
					var scrollHeight = scrollSize.y - clientSize.y;
					if (y + 200 > scrollHeight && view && view.loadElementList) {
						if (! view.isItemsLoaded) view.loadElementList()
					}
				}.bind(this)
			});
			if (callback) callback();
		}.bind(this));
		return false;
	},
	destroyShade : function(){
		if(this.shadeDiv) this.shadeDiv.destroy();
		//if(this.shadeDiv) this.shadeDiv.destroy()
	},
	showErrorMessage:function(xhr,text,error){
		var errorText = error;
		var errorMessage;
		if (xhr) errorMessage = xhr.responseText;
		if(errorMessage!=""){
			var e = JSON.parse(errorMessage);
			if(e.message){
				this.notice( e.message,"error");
			}else{
				this.notice( errorText,"error");
			}
		}else{
			this.notice(errorText,"error");
		}

	}

});


//=======================================================================================================================================================================

//***********************************************************************Class****************************************************************************************

//MWF.xApplication.Execution.IdenitySelector = new Class({
//	Extends: MPopupForm,
//	Implements: [Options, Events],
//	options: {
//		"style": "default",
//		"width": "500",
//		"height": "300",
//		"hasTop": true,
//		"hasIcon": false,
//		"hasBottom": true,
//		"title": "",
//		"draggable": false,
//		"closeAction": false,
//		"closeText" : "",
//		"needLogout" : false,
//		"isNew": true
//	},
//	initialize: function (app, actions, identities, css, options) {
//		this.setOptions(options);
//		this.app = app;
//		this.actions = this.app.restActions;
//		this.css = css;
//		this.options.title = this.app.lp.idenitySelectTitle;
//		this.identities = identities;
//		this.actions = actions;
//	},
//	load: function () {
//		this.create();
//	},
//	createTopNode: function () {
//		if (!this.formTopNode) {
//			this.formTopNode = new Element("div.formTopNode", {
//				"styles": this.css.formTopNode
//			}).inject(this.formNode);
//
//			this.formTopIconNode = new Element("div", {
//				"styles": this.css.formTopIconNode
//			}).inject(this.formTopNode);
//
//			this.formTopTextNode = new Element("div", {
//				"styles": this.css.formTopTextNode,
//				"text": this.options.title
//			}).inject(this.formTopNode);
//
//			if (this.options.closeAction) {
//				this.formTopCloseActionNode = new Element("div", {"styles": this.css.formTopCloseActionNode}).inject(this.formTopNode);
//				this.formTopCloseActionNode.addEvent("click", function () {
//					this.close();
//				}.bind(this));
//			}
//
//			this.formTopContentNode = new Element("div", {
//				"styles": this.css.formTopContentNode
//			}).inject(this.formTopNode);
//
//			this._createTopContent();
//
//		}
//	},
//	_createTableContent: function () {
//		var table = new Element("table",{"width":"100%",border:"0",cellpadding:"5",cellspacing:"0"}).inject(this.formTableArea);
//		var tr = new Element("tr").inject(table);
//		var td = new Element("td",{valign:"middle"}).inject(tr);
//		this.identities.each(function(id,i){
//			var name = id.name||id.leaderIdentity.split("@")[0];
//			var unit = id.unitName || id["leaderUnitName"].split("@")[0];
//			var node = new Element("div", {"styles": this.css["identitySelNode"], "text":name+"("+unit+")"}).inject(td);
//			//var node = new Element("div", {"styles": this.css.identitySelNode, "text":id.split("@")[0]}).inject(td);
//			node.set("identity",i);
//			node.store("id",id);
//			node.store("distinguishedName",id.distinguishedName||id.leaderIdentity);
//			node.addEvents({
//				"mouseover": function(ev){
//					if ( this.selectedNode != ev.target ) ev.target.setStyles(this.css["identitySelNode_over"]);
//				}.bind(this),
//				"mouseout": function(ev){
//					if ( this.selectedNode != ev.target ) ev.target.setStyles(this.css["identitySelNode_out"]);
//				}.bind(this),
//				"click": function(ev){
//					this.selected( ev.target );
//				}.bind(this),
//				"dblclick": function(ev){
//					this.selectedNode = ev.target;
//					this.ok();
//				}.bind(this)
//			});
//
//		}.bind(this))
//	},
//	selected: function( node ){
//		if( this.selectedNode )this.selectedNode.setStyles( this.css["identitySelNode"]);
//		this.selectedNode = node;
//		node.setStyles(this.css["identitySelNode_selected"])
//	},
//	_createBottomContent: function () {
//		this.cancelActionNode = new Element("div.formCancelActionNode", {
//			"styles": this.css["formCancelActionNode"],
//			"text": this.options.closeText
//		}).inject(this.formBottomNode);
//
//		this.cancelActionNode.addEvent("click", function (e) {
//			this.cancel(e);
//		}.bind(this));
//
//		this.okActionNode = new Element("div.formOkActionNode", {
//			"styles": this.css["formOkActionNode"],
//			"text": this.app.lp.comfirm
//		}).inject(this.formBottomNode);
//
//		this.okActionNode.addEvent("click", function (e) {
//			this.ok(e);
//		}.bind(this));
//	},
//	cancel: function(){
//		//this.app.close();
//		this.fireEvent("postSelectorClose");
//	},
//	ok: function () {
//		if( !this.selectedNode ){
//			this.app.notice(this.app.lp.idenitySelecNotice,"error");
//		}else{
//			var loginData = {};
//			//loginData.loginIdentity = this.selectedNode.retrieve("id");
//			loginData.loginIdentity = this.selectedNode.retrieve("distinguishedName");
//			//alert(JSON.stringify(loginData.loginIdentity))
//			//alert(JSON.stringify(loginData.loginIdentity))
//			if( this.options.needLogout ){
//				this.actions.logout( {},function(json){
//					if(json.type && json.type =="success"){
//						this.actions.login( loginData,function(js){
//							if(js.data && js.data.okrManager){ this.app.okrManager = js.data.okrManager}
//							this.fireEvent("postSelectorOk", loginData.loginIdentity );
//							this.close();
//						}.bind(this), function(xhr,text,error){
//
//						}.bind(this), false);
//					}
//				}.bind(this), null, false);
//			}else{
//				this.actions.login( loginData,function(json){
//					if(json.data && json.data.okrManager){ this.app.okrManager = json.data.okrManager}
//					//this.app._loadApplication( null, loginData.loginIdentity );
//					this.fireEvent("postSelectorOk", loginData.loginIdentity );
//					this.close();
//				}.bind(this), null, false);
//			}
//		}
//	}
//});


MWF.xApplication.Execution.TodoView = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexView,
	_createDocument: function(data){
		return new MWF.xApplication.Execution.TodoDocument(this.viewNode, data, this.explorer, this);
	},

	_getCurrentPageData: function(callback, count){
		//var category = this.options.category;

		if (!count)count = 20;
		var id = (this.items.length) ? this.items[this.items.length - 1].data.id : "(0)";
		var filter = this.options.filterData || {};

		this.actions.getTaskListNext(id, count, filter, function (json) {
			if(this.explorer.todoMenuDoCount && json.count) this.explorer.todoMenuDoCount.set("text","("+json.count+")");
			if (callback)callback(json);
		}.bind(this),function(xhr,error,text){}.bind(this))

	},
	_openDocument: function( documentData ){
		if(documentData.dynamicObjectType && documentData.dynamicObjectType == this.lp.todo.todoCategory.report){
			MWF.xDesktop.requireApp("Execution", "WorkReport", function(){
				var data = {
					workReportId : documentData["dynamicObjectId"],
					workId : documentData.workId
				};

				this.workReport = new MWF.xApplication.Execution.WorkReport(this, this.actions,data,{
					"isEdited":false,
					onReloadView : function(){
						this.explorer.createTodoList();
						this.explorer.createWorkConditionContentDiv();
						this.explorer.getTodoCount();
						this.explorer.resizeContent();
					}.bind(this)
				} );
				this.workReport.load();
			}.bind(this));
		}else if(documentData.dynamicObjectType && documentData.dynamicObjectType == this.lp.todo.todoCategory.deploy){
			MWF.xDesktop.requireApp("Execution", "WorkDeploy", function(){
				//var isEditedBool = (this.tabLocation == "centerDrafter" || this.tabLocation == "baseDrafter") ? true : false

				this.workDeploy = new MWF.xApplication.Execution.WorkDeploy(this, this.actions,{"id":documentData["dynamicObjectId"]},{
					"isEdited":false,"centerWorkId":documentData["dynamicObjectId"],
					onReloadView : function(){
						this.explorer.createTodoList();
						this.explorer.createWorkConditionContentDiv();
						this.explorer.getTodoCount();
						this.explorer.resizeContent();
					}.bind(this)
				} );
				this.workDeploy.load();

			}.bind(this))
		}else if(documentData.dynamicObjectType && documentData.dynamicObjectType == this.lp.todo.todoCategory.gather){
			MWF.xDesktop.requireApp("Execution", "WorkGather", function(){
				var data = {
					gatherId: documentData.id,
					title: documentData["dynamicObjectTitle"]
				};
				this.workGather = new MWF.xApplication.Execution.WorkGather(this, this.actions,data,{
					onReloadView : function(){
						this.explorer.createTodoList();
						this.explorer.createWorkConditionContentDiv();
						this.explorer.getTodoCount();
						this.explorer.resizeContent();
					}.bind(this)
				} );
				this.workGather.load();

			}.bind(this))
		}else if(documentData.dynamicObjectType && documentData.dynamicObjectType == this.lp.todo.todoCategory.readReport){
			MWF.xDesktop.requireApp("Execution", "WorkReport", function(){
				var data = {
					todoId : documentData.id,
					workReportId : documentData["dynamicObjectId"],
					workId : documentData.workId
				};

				this.workReport = new MWF.xApplication.Execution.WorkReport(this, this.actions,data,{
					"isEdited":false,
					"isRead" : true,
					onReloadView : function(){
						this.explorer.createTodoList();
						this.explorer.createWorkConditionContentDiv();
						this.explorer.getTodoCount();
						this.explorer.resizeContent();
					}.bind(this)
				} );
				this.workReport.load();
			}.bind(this));
		}else if(documentData.dynamicObjectType && documentData.dynamicObjectType == this.lp.todo.todoCategory.reportDrafter){
			MWF.xDesktop.requireApp("Execution", "WorkReport", function(){
				var data = {
					todoId : documentData.id,
					workReportId : documentData["dynamicObjectId"],
					workId : documentData.workId
				};

				this.workReport = new MWF.xApplication.Execution.WorkReport(this, this.actions,data,{
					"isEdited":false,
					onReloadView : function(){
						this.explorer.createTodoList();
						this.explorer.createWorkConditionContentDiv();
						this.explorer.getTodoCount();
						this.explorer.resizeContent();
					}.bind(this)
				} );
				this.workReport.load();
			}.bind(this));
		}
	}

});

MWF.xApplication.Execution.TodoDocument = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexDocument
});

MWF.xApplication.Execution.WorkView = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexView,
	_createDocument: function(data){
		return new MWF.xApplication.Execution.WorkDocument(this.viewNode, data, this.explorer, this);
	},

	_getCurrentPageData: function(callback, count){
		//var category = this.options.category;

		if (!count)count = 20;
		var id = (this.items.length) ? this.items[this.items.length - 1].data.id : "(0)";
		var filter = this.options.filterData || {};

		this.actions.getBaseWorkListMyDoNext(id, count, filter, function (json) {
			if(this.explorer.todoMenuWorkCount && json.count) this.explorer.todoMenuWorkCount.set("text","("+json.count+")");
			if (callback)callback(json);
		}.bind(this))

	},
	_openDocument: function( documentData ){
		MWF.xDesktop.requireApp("Execution", "WorkDetail", function(){
			var workform = new MWF.xApplication.Execution.WorkDetail(this, this.app.restActions,documentData,{
				"isNew": false,
				"isEdited": false
			});

			workform.load();
		}.bind(this));
	}

});

MWF.xApplication.Execution.WorkDocument = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
	_postCreateDocumentNode: function( itemNode, itemData ){
		var obj = itemNode.getElement("div[class='barPercentDiv']");
		if(obj){
			if(itemData.overallProgress){
				var _width = parseFloat(itemData.overallProgress);
				_width = _width.toFixed(2);
				var bgcolor = "#0099ff";
				if(itemData["isOverTime"]) bgcolor = "#f00";
				obj.setStyles({"width":_width+"%","background-color":bgcolor});
				itemNode.set("title",_width+"%")
			}
		}
	}
});


MWF.xApplication.Execution.WorkConditionView = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexView,
	_createDocument: function(data){
		return new MWF.xApplication.Execution.WorkConditionDocument(this.viewNode, data, this.explorer, this);
	},
	loadElementList: function (count) {
		if (!this.isItemsLoaded) {
			if (!this.isItemLoadding) {
				this.isItemLoadding = true;
				this._getCurrentPageData(function (json) {

					var length = json.count;

					if (length <= this.items.length) {
						this.isItemsLoaded = true;
					}
					json.data.each(function (data) {
						if (!this.documents[data.id]) {
							var item = this._createDocument(data);
							this.items.push(item);
							this.documents[data.id] = item;
						}
					}.bind(this));

					this.isItemLoadding = false;

					if (this.loadItemQueue > 0) {
						this.loadItemQueue--;
						this.loadElementList();
					}
				}.bind(this), count);
			} else {
				this.loadItemQueue++;
			}
		}
	},
	parseEmotion: function( d ){
		d.content = d.content.replace(/\[emotion=(.*?)\]/g, function( a,b ){
			var emotionPath = MWF.defaultPath+"/widget/$SimpleEditor/default/img/emotion/";
			return "<img imagename='"+b+"' style='cursor:pointer;border:0;padding:2px;' " +" class='MWF_editor_emotion' src='"+ emotionPath + b + ".gif" +"'>";
		}.bind(this));
	},
	_getCurrentPageData: function(callback, count){
		//var category = this.options.category;

		if (!count)count = 20;
		var id = (this.items.length) ? this.items[this.items.length - 1].data.id : "(0)";
		var filter = this.options.filterData || {};

		this.actions.getWorkConditionListNext(id, count, filter, function (json) { //alert(JSON.stringify(json))
			json.data.each(function( d ){
				this.parseEmotion( d );
			}.bind(this));
			if (callback)callback(json);
		}.bind(this))

	}

});


MWF.xApplication.Execution.WorkConditionDocument = new Class({
	Extends: MWF.xApplication.Template.Explorer.ComplexDocument
});

//**************************Class*******************************************