O2OA/x_desktop_web/x_component_Attendance/Main.js

MWF.xApplication.Attendance = MWF.xApplication.Attendance || {};
MWF.require("MWF.widget.Identity", null,false);
MWF.xDesktop.requireApp("Attendance", "Actions.RestActions", null, false);
MWF.xDesktop.requireApp("Attendance", "Common", null, false);
MWF.xDesktop.requireApp("Template", "MDomItem", null, false);
MWF.xApplication.Attendance.options = {
	multitask: false,
	executable: true
}
MWF.xApplication.Attendance.Main = new Class({
	Extends: MWF.xApplication.Common.Main,
	Implements: [Options, Events],

	options: {
		"curNaviId" : null,
		"style": "default",
		"name": "Attendance",
		"icon": "icon.png",
		"width": "1400",
		"height": "700",
		"isResize": false,
		"isMax": true,
		"title": MWF.xApplication.Attendance.LP.title
	},
	onQueryLoad: function(){
		this.lp = MWF.xApplication.Attendance.LP;
	},
	loadApplication: function(callback){
		if (!this.options.isRefresh) {
			this.maxSize(function () {
				this.loadLayout();
			}.bind(this));
		} else {
			this.loadLayout();
		}
	},
	loadLayout: function(){
		this.manageDepartments =[];
		this.manageCompanys = [];
		this.restActions = new MWF.xApplication.Attendance.Actions.RestActions();
		this.createNode();
		this.loadApplicationContent();
	},
	isAdmin: function(){
		return this.isCompanyManager() || MWF.AC.isAdministrator()
	},
	isDepartmentManager : function(){
		return this.manageDepartments.length > 0;
	},
	isCompanyManager : function(){
		return this.manageCompanys.length > 0;
	},
	loadController: function(callback){
		this.restActions.listPermission( function( json ){
			json.data = json.data || [];
			json.data.each(function(item){
				if( item.adminLevel == "COMPANY" && item.adminName == layout.desktop.session.user.name){
					this.manageCompanys.push( item.organizationName )
				}else if( item.adminLevel == "DEPT" && item.adminName == layout.desktop.session.user.name ){
					this.manageDepartments.push( item.organizationName )
				}
			}.bind(this))
			if(callback)callback(json);
		}.bind(this));
	},
	createNode: function(){
		this.content.setStyle("overflow", "hidden");
		this.node = new Element("div", {
			"styles": {"width": "100%", "height": "100%", "overflow": "hidden"}
		}).inject(this.content);
	},
	loadApplicationContent: function(){
		this.loadController(function(){
			this.loaNavi();
		}.bind(this))
		//this.loadApplicationLayout();
	},
	loaNavi: function(callback){
		this.naviNode = new Element("div.naviNode", {
			"styles": this.css.naviNode
		}).inject(this.node);

		var curNavi = { "id" : "" }
		if( this.status ){
			curNavi.id = this.status.id
		}
		if( this.options.curNaviId ){
			curNavi.id = this.options.curNaviId;
		}
		this.navi = new MWF.xApplication.Attendance.Navi(this, this.naviNode, curNavi );
	},
	clearContent: function(){
		if (this.explorerContent){
			if (this.explorer && this.explorer.destroy ){
				this.explorer.destroy();
			}
			this.explorerContent.destroy();
			this.explorerContent = null;
		}
	},
	openPersonIndex : function(){
		MWF.xDesktop.requireApp("Attendance", "PersonIndex", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.PersonIndex(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openPersonDetail : function(){
		MWF.xDesktop.requireApp("Attendance", "PersonDetail", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.PersonDetail(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openDepartmentIndex : function(){
		MWF.xDesktop.requireApp("Attendance", "DepartmentIndex", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.DepartmentIndex(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openDepartmentDetail : function(){
		MWF.xDesktop.requireApp("Attendance", "DepartmentDetail", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.DepartmentDetail(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openPeopleDetail : function(){
		MWF.xDesktop.requireApp("Attendance", "PeopleDetail", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.PeopleDetail(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openCompanyDetail : function(){
		MWF.xDesktop.requireApp("Attendance", "CompanyDetail", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.CompanyDetail(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openSelfHoliday : function(){
		MWF.xDesktop.requireApp("Attendance", "SelfHolidayExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.SelfHolidayExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openMyAppealDeal : function(){
		MWF.xDesktop.requireApp("Attendance", "MyAppealExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.MyAppealExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openAppealDeal : function(){
		MWF.xDesktop.requireApp("Attendance", "AppealExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.AppealExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openImporting : function(){
		MWF.xDesktop.requireApp("Attendance", "ImportExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.ImportExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openImportedInvalidInfor : function(){
		MWF.xDesktop.requireApp("Attendance", "InvalidInforExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.InvalidInforExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openAbnormalExport : function(){
		MWF.xDesktop.requireApp("Attendance", "AbnormalExportExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.AbnormalExportExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openScheduleSetting: function(){
		MWF.xDesktop.requireApp("Attendance", "ScheduleExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.ScheduleExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openPermissionSetting: function(){
		MWF.xDesktop.requireApp("Attendance", "PermissionExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.PermissionExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openHolidaySetting : function(){
		MWF.xDesktop.requireApp("Attendance", "HolidayExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.HolidayExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openStaticsCycleExplorer : function(){
		MWF.xDesktop.requireApp("Attendance", "StatisticsCycleExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.StatisticsCycleExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openAppSetting : function(){
		MWF.xDesktop.requireApp("Attendance", "AppSetting", function(){
			var setting = new MWF.xApplication.Attendance.AppSetting(this,this.restActions)
			setting.edit();
		}.bind(this));
	},
	openAddressSetting : function(){
		MWF.xDesktop.requireApp("Attendance", "AddressExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.AddressExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	openPersonSetting : function(){
		MWF.xDesktop.requireApp("Attendance", "PersonSettingExplorer", function(){
			this.clearContent();
			this.explorerContent = new Element("div", {
				"styles": this.css.rightContentNode
			}).inject(this.node);
			this.explorer = new MWF.xApplication.Attendance.PersonSettingExplorer(this.explorerContent, this, this.restActions,{"isAdmin":this.isAdmin() } );
			this.explorer.load();
		}.bind(this));
	},
	recordStatus: function(){
		return this.navi && this.navi.currentItem ?  this.navi.currentItem.retrieve("data") : {};
	}
});



MWF.xApplication.Attendance.Navi = new Class({
	Implements: [Options, Events],
	options : {
		"id" : ""
	},
	initialize: function(app, node, options){
		this.setOptions(options);
		this.app = app;
		this.node = $(node);
		this.css = this.app.css;
		this.currentMenu = null;
		this.currentItem = null;
		this.menus = {};
		this.items = {};
		this.elements = [];
		this.load();
	},
	load: function(){
		this.scrollNode = new Element("div.naviScrollNode", { "styles" : this.css.naviScrollNode }).inject( this.node );
		this.areaNode = new Element("div.naviAreaNode", { "styles" : this.css.naviAreaNode }).inject( this.scrollNode );

		this.setNodeScroll();

		var naviUrl = this.app.path+"navi.json";
		MWF.getJSON(naviUrl, function(json){
			json.each(function(navi){
				if( navi.access && navi.access == "admin" ){
					if( this.app.isAdmin() )this.createNaviNode(navi);
				}else if( navi.access && navi.access == "admin_dept" ){
					if( this.app.isDepartmentManager() || this.app.isAdmin() )this.createNaviNode(navi);
				}else{
					this.createNaviNode(navi);
				}
			}.bind(this));
			if( this.options.id == "" )this.elements[0].click();

			this.setContentSize();

			this.app.addEvent("resize", this.setContentSize.bind(this));
		}.bind(this));
	},
	setNodeScroll: function(){
		MWF.require("MWF.widget.DragScroll", function(){
			new MWF.widget.DragScroll(this.scrollNode);
		}.bind(this));
		MWF.require("MWF.widget.ScrollBar", function(){
			new MWF.widget.ScrollBar(this.scrollNode, {"indent": false});
		}.bind(this));
	},
	createNaviNode :function(data){
		if( data.type == "sep" ){
			var flag = true;
			if( data.access == "admin" ){
				if( !this.app.isAdmin() )flag = false;
			}else if( data.access && data.access == "admin_dept" ){
				if( !this.app.isDepartmentManager() && !this.app.isAdmin() )flag = false;
			}
			if( flag ){
				new Element("div", { "styles": this.css.viewNaviSepartorNode }).inject(this.areaNode);
			}
		}else if( data.sub && data.sub.length > 0 ){
			this.createNaviMenuNode(data);
		}else{
			this.menus[data.id] = {};
			this.createNaviItemNode(data, data.id);
		}
	},
	createNaviMenuNode :function(data){
		if( data.access == "admin" ){
			if( !this.app.isAdmin() )return;
		}else if(data.access == "admin_dept"){
			if( !this.app.isDepartmentManager() && !this.app.isAdmin() )return;
		}
		var _self = this;
		var menuNode = new Element("div", {
			"styles": this.css.naviMenuNode
		});
		menuNode.store("data", data);
		menuNode.store("type", "menu");

		var textNode =  new Element("div", {
			"styles": this.css.naviMenuTextNode,
			"text": data.title
		});
		textNode.inject(menuNode);
		menuNode.inject(this.areaNode);

		this.menus[data.id] = {};
		this.menus[data.id].node = menuNode;
		this.elements.push(menuNode);

		menuNode.addEvents({
			"mouseover": function(){ if (_self.currentMenu!=this) this.setStyles(_self.app.css.naviMenuNode_over);},
			"mouseout": function(){if (_self.currentMenu!=this) this.setStyles(_self.app.css.naviMenuNode);},
			"mousedown": function(){if (_self.currentMenu!=this) this.setStyles(_self.app.css.naviMenuNode_down);},
			"mouseup": function(){if (_self.currentMenu!=this) this.setStyles(_self.app.css.naviMenuNode_over);},
			"click": function(){
				//if (_self.currentNavi!=this) _self.doAction.apply(_self, [this]);
				_self.clickMenu.apply(_self, [this]);
			}
		});

		data.sub.each(function( d ){
			this.createNaviItemNode( d, data.id, menuNode  )
		}.bind(this))
	},
	clickMenu: function(naviNode) {
		var navi = naviNode.retrieve("data");
		var action = navi.action;

		this.closeCurrentMenu();
		if( this.menus[navi.id].itemNodes ) {
			this.menus[navi.id].itemNodes.each( function(itemNode){
				itemNode.setStyle("display","block");
			})
		}

		var type = naviNode.retrieve("type");
		if (!navi.target || navi.target != "_blank") {
			naviNode.setStyles( this.css.naviMenuNode_current );
			this.currentMenu = naviNode;
		}
	},
	closeCurrentMenu:function(){
		if( this.currentMenu ) {
			var data = this.currentMenu.retrieve("data");
			if (this.menus[data.id].itemNodes) {
				this.menus[data.id].itemNodes.each(function (itemNode) {
					itemNode.setStyle("display", "none");
				})
			}
			this.currentMenu.setStyles( this.css.naviMenuNode);
		}
	},
	createNaviItemNode : function( data,menuId ){

		if( data.access == "admin" ){
			if( !this.app.isAdmin() )return;
		}else if( data.access && data.access == "admin_dept" ){
			if( !this.app.isDepartmentManager() && !this.app.isAdmin() )return;
		}

		var _self = this;

		var items = this.menus[menuId].itemNodes = this.menus[menuId].itemNodes || [];

		var itemNode = new Element("div", {
			"styles": this.css.naviItemNode
		});
		itemNode.setStyle("display","block");

		items.push(itemNode);
		itemNode.store("data", data);
		itemNode.store("type", "item");

		var textNode =  new Element("div", {
			"styles": this.css.naviItemTextNode,
			"text": data.title
		});
		textNode.inject(itemNode);

		itemNode.inject(this.areaNode);

		this.elements.push(itemNode);
		this.items[data.id] = itemNode;

		itemNode.addEvents({
			"mouseover": function(){ if (_self.currentItem!=this) this.setStyles(_self.app.css.naviItemNode_over);},
			"mouseout": function(){if (_self.currentItem!=this) this.setStyles(_self.app.css.naviItemNode);},
			"mousedown": function(){if (_self.currentItem!=this) this.setStyles(_self.app.css.naviItemNode_down);},
			"mouseup": function(){if (_self.currentItem!=this) this.setStyles(_self.app.css.naviItemNode_over);},
			"click": function(){
				_self.clickItem.apply(_self, [this]);
			}
		});

		if( data.id == this.options.id ){
			itemNode.click();
		}
	},
	clickItem : function(naviNode) {
		var navi = naviNode.retrieve("data");
		var action = navi.action;

		var type = naviNode.retrieve("type");
		if (!navi.target || navi.target != "_blank") {
			if (this.currentItem) this.currentItem.setStyles(this.css.naviItemNode);
			naviNode.setStyles(this.css.naviItemNode_current);
			this.currentItem = naviNode;
		}

		if (navi.action && this.app[navi.action]) {
			this.app[navi.action].call(this.app, navi);
		}
	},
	setContentSize : function(){
		var size = this.app.content.getSize();
		this.scrollNode.setStyle("height", size.y - 5 );
	}
	//loadCalendar: function () {
	//	var calendarArea = new Element("div#calendarArea",{
	//		"styles" : this.css.calendarArea
	//	}).inject(this.node)
	//	this.calendar = new MWF.xApplication.Attendance.Calendar( calendarArea, this.app, this.actions )
	//	this.calendar.load();
	//}
});