@italentjs/italent-header/index.js

/*
	author:Guo Meishan
	name:iTalent-header
	verson:0.1.0
*/

define(["talent"], function(Talent) {
	var jst = (function() {
		this["JST"] = this["JST"] || {};
		
		this["JST"]["header/company-info"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape;with (obj) {__p += '<div class="company-icon">\n\t<!-- <a href="' +((__t = ( href)) == null ? '' : __t) +'"><img class="cmpy-logo" src="' +((__t = (logo)) == null ? '' : __t) +'"></a> -->\n\t<a href="' +((__t = ( href)) == null ? '' : __t) +'"><img class="cmpy-logo" src="' +((__t = (logo)) == null ? '' : __t) +'" alt="logo"></a>\n\t<span class="company-name">' +((__t = ( name)) == null ? '' : __t) +'</span>\n</div>';}return __p};
		
		this["JST"]["header/header"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape;with (obj) {__p += '    \n    <div class="header-out-wrapper">\n        <div class="header-left company-info-region clearfix"></div>\n        <div class="header-right clearfix">\n           <div class="lang-region"></div>\n          <!--用户信息-->\n          <div class="header-webim-region"></div>\n          <div class="user-info-region"></div>\n          <ul class=\'btns-group\'></ul>\n         \n        </div>\n    </div>\n';}return __p};
		
		this["JST"]["header/icon-view/appstore"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '<a\n\tclass="common-link appstore-btn ' +((__t = (iconName)) == null ? '' : __t) +'"\n\ttarget="_blank"\n\thref="' +((__t = (href)) == null ? '' : __t) +'"\n\t';if(target){;__p += ' target=" ' +((__t = (target)) == null ? '' : __t) +'" ';};__p += ' \n\t>\n\t'; if(isShowNew){ ;__p += '\n\t<span class="new-icon"> </span>\n\t'; } ;__p += '\n\t<div class="btn-tips">\n\t\t<div class="entry-trangle-top"></div>\n\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t</div>\n</a>\n<div class="list-wrapper"></div>\n';}return __p};
		
		this["JST"]["header/icon-view/home-page"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '\n<a class="common-link ' +((__t = (iconName)) == null ? '' : __t) +'" href="' +((__t = (href)) == null ? '' : __t) +'" ';if(target){;__p += 'target="' +((__t = (target)) == null ? '' : __t) +'"';};__p += '>\n\t'; if(reminds.remindCount){ ;__p += '\n \t\t<span class="new-message">' +((__t = ( (reminds.remindCount <= 99)?reminds.remindCount : "99+" )) == null ? '' : __t) +'</span>\n \t'; } ;__p += '\n \t<div class="btn-tips">\n\t\t<div class="entry-trangle-top"></div>\n\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t</div>\n</a>\n<div class="list-wrapper"></div>\n';}return __p};
		
		this["JST"]["header/icon-view/lang"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '<a class=\'lang-region-box\'>\n  <span class="i18n_item ' +((__t = ( I18NUserLang )) == null ? '' : __t) +' header-icon-lang_' +((__t = ( I18NUserLang )) == null ? '' : __t) +'">&nbsp;</span>\n  <div class="btn-tips">\n    <div class="entry-trangle-top"></div>\n    ' +((__t = ( title )) == null ? '' : __t) +'\n  </div>\n</a>\n<div class="dp-down-list ">\n\t\t<ul class="list-ul-box dp-list-front">\n      '; Talent._.each(list,function(item,index){ ;__p += '\n        <li class="dp-list-item"><a href="javascript:;"data-text="' +((__t = ( item.text )) == null ? '' : __t) +'"  data-value="' +((__t = ( item.value )) == null ? '' : __t) +'" index="' +((__t = ( index )) == null ? '' : __t) +'">' +((__t = ( item.text )) == null ? '' : __t) +'</a></li>\n      '; }) ;__p += '\n\t\t</ul>\n\t\t<ul class="list-ul-box dp-list-shadow">\n\t\t\t'; Talent._.each(list,function(item,index){ ;__p += '\n\t\t\t\t<li class="' +((__t = ( 'item-'+ index )) == null ? '' : __t) +'" item-index="' +((__t = ( index )) == null ? '' : __t) +'"><a href="">' +((__t = ( item.text )) == null ? '' : __t) +'</a></li>\n\t\t\t'; }) ;__p += '\n\t\t</ul>\n\t</div>\n\n';}return __p};
		
		this["JST"]["header/icon-view/message"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '<a\n\tclass="common-link ' +((__t = (iconName)) == null ? '' : __t) +'"\n\thref="' +((__t = ( (reminds.remindCount)?'javascript:void(0)':href )) == null ? '' : __t) +'"\n\t';if(!reminds.remindCount&&target){;__p += '\n\ttarget=" ' +((__t = (target)) == null ? '' : __t) +'" ';};__p += '> '; if(reminds.remindCount){ ;__p += '\n\t<span class="new-message">\n\t\t' +((__t = ( (reminds.remindCount <= 99)?reminds.remindCount : "99+" )) == null ? '' : __t) +'\n\t</span>\n\t'; } ;__p += '\n\t<div class="btn-tips">\n\t\t<div class="entry-trangle-top"></div>\n\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t</div>\n</a>\n\n'; if(reminds.remindList.length){ ;__p += '\n<div class="list-wrapper">\n\t<div class="content-visible">\n\t\t<div class="title">\n\t\t\t' +((__t = ( (reminds.newNoticeText||"新通知")+"(" + reminds.remindCount +			")")) == null ? '' : __t) +'\n\t\t</div>\n\t\t<ul class="message-list">\n\t\t\t'; Talent._.each(reminds.remindList,function(item,index){ ;__p += '\n\t\t\t<li class="message-item">\n\t\t\t\t<a href="' +((__t = (item.href)) == null ? '' : __t) +'" target="_blank" class="message-item-a">\n\t\t\t\t\t<span class="icon-box ' +((__t = (item.className)) == null ? '' : __t) +'"></span>\n\t\t\t\t\t<span class="content">\n\t\t\t\t\t\t' +((__t = (item.content)) == null ? '' : __t) +'\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class="num">\n\t\t\t\t\t\t' +((__t = (item.length)) == null ? '' : __t) +'\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class="date">\n\t\t\t\t\t\t' +((__t = (item.date)) == null ? '' : __t) +'\n\t\t\t\t\t</span>\n\t\t\t\t</a>\n\t\t\t</li>\n\t\t\t'; }) ;__p += '\n\t\t</ul>\n\t\t<li class="view-all">\n\t\t\t<a href="' +((__t = (reminds.viewAllHref)) == null ? '' : __t) +'" target="_blank"\n\t\t\t\t>' +((__t = ( reminds.viewAllText||"查看全部")) == null ? '' : __t) +'</a\n\t\t\t>\n\t\t</li>\n\t</div>\n</div>\n'; } ;__p += '\n';}return __p};
		
		this["JST"]["header/icon-view/search"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '<a class="common-link ' +((__t = (iconName)) == null ? '' : __t) +'" href="' +((__t = (href)) == null ? '' : __t) +'" ';if(target){;__p += '\n\ttarget="' +((__t = (target)) == null ? '' : __t) +'"';};__p += '> '; if(reminds.remindCount){ ;__p += '\n\t<span class="new-message">' +((__t = ( reminds.remindCount )) == null ? '' : __t) +'</span> '; } ;__p += '\n\t<div class="btn-tips">\n\t\t<div class="entry-trangle-top"></div>\n\t\t' +__e(searchTip) +'\n\t</div>\n</a>\n<div class="list-wrapper">\n\t<div class="form-input form-input-active">\n\t\t<form action="" data-name="search-form">\n\t\t\t<input placeholder="' +((__t = ( title)) == null ? '' : __t) +'" />\n\t\t</form>\n\t</div>\n\t<div class="comfirm-btn"></div>\n</div>\n';}return __p};
		
		this["JST"]["header/icon-view/settings"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '\n<a class="common-link ' +((__t = (iconName)) == null ? '' : __t) +'"  ';if(href){;__p += ' href="' +((__t = (href)) == null ? '' : __t) +'" ';};__p += ' ';if(target){;__p += ' target="' +((__t = (target)) == null ? '' : __t) +'"';};__p += '>\n\t'; if(reminds.remindCount){ ;__p += '\n \t\t<span class="new-message">' +((__t = ( (reminds.remindCount <= 99)?reminds.remindCount : "99+" )) == null ? '' : __t) +'</span>\n \t'; } ;__p += '\n \t<div class="btn-tips">\n\t\t<div class="entry-trangle-top"></div>\n\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t</div>\n</a>\n';if(reminds.remindList && reminds.remindList.length){;__p += '\n\t<div class="list-wrapper">\n\t\t<div class="content-visible">\n\t\t\t<ul class="message-list">\n\t\t\t\t'; Talent._.each(reminds.remindList,function(item,index){ ;__p += '\n\t\t\t\t\t<li class="message-item">\n\t\t\t\t\t\t<a href="' +((__t = (item.href)) == null ? '' : __t) +'" ';if(item.target){;__p += ' target="' +((__t = (target)) == null ? '' : __t) +'"';};__p += '  class="message-item-a">\n\t\t\t\t\t\t\t<span class="settings-icon ' +((__t = (item.className)) == null ? '' : __t) +'"></span>\n\t\t\t\t\t\t\t<span class="content">' +((__t = (item.content)) == null ? '' : __t) +'</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t'; }) ;__p += '\n\t\t\t</ul>\n\t</div>\n\t</div>\n';};__p += '\n\n';}return __p};
		
		this["JST"]["header/icon-view/skin"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '\t<a class="common-link ' +((__t = (iconName)) == null ? '' : __t) +'" href="' +((__t = (href)) == null ? '' : __t) +'" ';if(target){;__p += ' target="' +((__t = (target)) == null ? '' : __t) +'"';};__p += '>\n\t\t'; if(reminds.remindCount){ ;__p += '\n \t\t<span class="new-message">' +((__t = ( (reminds.remindCount <= 99)?reminds.remindCount : "99+" )) == null ? '' : __t) +'</span>\n\t \t'; } ;__p += '\n\t \t<div class="btn-tips">\n\t\t\t<div class="entry-trangle-top"></div>\n\t\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t\t</div>\n\t</a>\n\t<div class="list-wrapper">\n\t\t<div class="content-visible">\n\t\t\t<div class="color-title">拖动滑块选择颜色</div>\n\t\t\t<input type="range" class="color-range">\n\t\t\t<div class="selector-btn clearfix">\n\t\t\t\t<div class="check-default check-back">\n\t\t\t\t\t<div class="check-box ">\n\t\t\t\t\t\t<span class="un-check"></span>\n\t\t\t\t\t\t<span class="in-check"></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<label class="text">恢复默认</label>\n\t\t\t\t</div>\n\n\t\t\t\t<span class="comfirm-btn-style comfirm-btn">确定</span>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n';}return __p};
		
		this["JST"]["header/icon-view/todos-item/todos-item"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '\n\t'; Talent._.each(reminds.remindList,function(item,index){ ;__p += '\n\t\t<li class="message-item">\n\t\t\t<a href="' +((__t = ( item.href )) == null ? '' : __t) +'" target="_blank" class="clearfix message-item-a">\n\t\t\t\t'; if(item.avatar.hasAvatar){ ;__p += '\n\t\t\t\t\t<div class="user-pic"><img src="' +((__t = ( item.avatar.medium)) == null ? '' : __t) +'"></div>\n\t\t\t\t'; }else{ ;__p += '\n\t\t\t\t\t<div class="user-pic" style="background-color: ' +((__t = ( item.avatar.color)) == null ? '' : __t) +'">' +((__t = ( item.userName.substr(0,1) || "Name")) == null ? '' : __t) +'</div>\n\t\t\t\t';};__p += '\n\t\t\t\t<div class="item-detail">\n\t\t\t\t\t<div class="detail-head clearfix">\n\t\t\t\t\t\t<span class="user-name">' +((__t = ( item.userName )) == null ? '' : __t) +'</span>\n\t\t\t\t\t\t<span class="user-opr">' +((__t = ( item.teskName )) == null ? '' : __t) +'</span>\n\t\t\t\t\t\t<span class="date">' +((__t = ( item.date )) == null ? '' : __t) +'</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="detail-content">' +((__t = ( item.taskContent )) == null ? '' : __t) +'</div>\n\t\t\t\t</div>\n\t\t\t</a>\n\t\t</li>\n\t'; }) ;__p += '\n';}return __p};
		
		this["JST"]["header/icon-view/todos"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '<a\n\tclass="common-link ' +((__t = (iconName)) == null ? '' : __t) +'"\n\thref="' +((__t = ( (reminds.remindCount)?'javascript:void(0)':href )) == null ? '' : __t) +'"\n\t';if(!reminds.remindCount&&target){;__p += '\n\ttarget="' +((__t = (target)) == null ? '' : __t) +'"';};__p += '> '; if(reminds.remindCount){ ;__p += '\n\t<span class="new-message"\n\t\t>' +((__t = ( (reminds.remindCount <= 99)?reminds.remindCount : "99+" )) == null ? '' : __t) +'</span\n\t>\n\t'; } ;__p += '\n\t<div class="btn-tips">\n\t\t<div class="entry-trangle-top"></div>\n\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t</div>\n</a>\n\n'; if(reminds.remindCount){ ;__p += '\n<div class="list-wrapper">\n\t<div class="content-visible">\n\t\t<div class="title">\n\t\t\t' +((__t = ( (reminds.myTodoText||"我的待办")+"(" + reminds.remindCount +			")")) == null ? '' : __t) +'\n\t\t</div>\n\t\t<ul class="message-list">\n\t\t\t<div class="spinner">\n\t\t\t\t<div class="rect1"></div>\n\t\t\t\t<div class="rect2"></div>\n\t\t\t\t<div class="rect3"></div>\n\t\t\t\t<div class="rect4"></div>\n\t\t\t</div>\n\t\t\t<div class="text-loading">加载中...</div>\n\t\t</ul>\n\t\t<li class="view-all">\n\t\t\t<a href="' +((__t = ( reminds.viewAllHref)) == null ? '' : __t) +'" target="_blank"\n\t\t\t\t>' +((__t = ( reminds.viewAllText||"查看全部" )) == null ? '' : __t) +'</a\n\t\t\t>\n\t\t\t';if(showTodoIgnore){;__p += '\n\t\t\t<a\n\t\t\t\thref="javascript:void(0)"\n\t\t\t\tclass="view-ignore-all"\n\t\t\t\tdata-name="head-ignore-all"\n\t\t\t>\n\t\t\t\t<div class="btn-tips-child">\n\t\t\t\t\t' +((__t = (					reminds.ignoreAllTip||"点击后除审批外的待办全部转移到已处理中")) == null ? '' : __t) +'\n\t\t\t\t\t<div class="entry-trangle-top"></div>\n\t\t\t\t</div>\n\t\t\t\t<span>' +((__t = ( reminds.ignoreAllText||"忽略全部" )) == null ? '' : __t) +'</span>\n\t\t\t</a>\n\t\t\t';};__p += '\n\t\t</li>\n\t</div>\n</div>\n'; } ;__p += '\n';}return __p};
		
		this["JST"]["header/icon-view/upgrade"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '<a class="common-link ' +((__t = (iconName)) == null ? '' : __t) +'" target="_blank" href="' +((__t = (href)) == null ? '' : __t) +'" ';if(target){;__p += ' target="\n\t' +((__t = (target)) == null ? '' : __t) +'"\n\t\t';};__p += '>\n\t\t\t<!-- '; if(reminds.remindCount){ ;__p += ' -->\n\t\t\t<!--  TODO:new图标 -->\n\t\t\t<span class="new-icon">\n\n\t\t\t</span>\n\t\t\t<!-- '; } ;__p += ' -->\n\t\t\t<div class="btn-tips">\n\t\t\t\t<div class="entry-trangle-top"></div>\n\t\t\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t\t\t</div>\n</a>\n<div class="list-wrapper">\n</div>\n\n<!-- <a class="common-link ' +((__t = (iconName)) == null ? '' : __t) +'" href="' +((__t = ( (reminds.remindCount)?'javascript:void(0)':href )) == null ? '' : __t) +'" ';if(target){;__p += ' target="\n\t' +((__t = (target)) == null ? '' : __t) +'"\n\t\t';};__p += '>\n\t\t\t'; if(reminds.remindCount){ ;__p += '\n\t\t\t\t<span class="new-message">\n\t\t\t\t\t' +((__t = ( (reminds.remindCount <= 99)?reminds.remindCount : "99+" )) == null ? '' : __t) +'\n\t\t\t\t</span>\n\t\t\t\t'; } ;__p += '\n\t\t\t\t\t<div class="btn-tips">\n\t\t\t\t\t\t<div class="entry-trangle-top"></div>\n\t\t\t\t\t\t' +((__t = (title)) == null ? '' : __t) +'\n\t\t\t\t\t</div>\n</a> -->';}return __p};
		
		this["JST"]["header/user-info"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(arguments, '') }with (obj) {__p += '\n\t<div class="user-info">\n\t\t'; if(userInfo.avatar.hasAvatar){ ;__p += '\n\t\t\t<span class="user-photo"><img src="' +((__t = (userInfo.avatar.small)) == null ? '' : __t) +'"></span>\n\t\t'; }else{ ;__p += '\n\t\t\t<span class="name-pic" style="background-color: ' +((__t = (userInfo.avatar.color)) == null ? '' : __t) +'">' +((__t = ( userInfo.name.substr(0,1) || "Name")) == null ? '' : __t) +'</span>\n\t\t';};__p += '\n\t\t\t<span class="user-name">' +((__t = (userInfo.name)) == null ? '' : __t) +'</span>\n\t</div>\n\n\t<div class="dp-down-list">\n\t\t<ul class="list-ul-box dp-list-front">\n\t\t'; Talent._.each(userInfoDropDown,function(item,index){ ;__p += '\n\t\t\t<li class="dp-list-item"><a href="' +((__t = (item.href)) == null ? '' : __t) +'" target="' +((__t = ( item.target )) == null ? '' : __t) +'" data-name="' +((__t = ( item.type )) == null ? '' : __t) +'" index="' +((__t = ( index )) == null ? '' : __t) +'">' +((__t = ( item.title )) == null ? '' : __t) +'</a></li>\n\t\t'; }) ;__p += '\n\t\t\t<!-- <li class="item-high-light"></li> -->\n\t\t</ul>\n\n\t\t<ul class="list-ul-box dp-list-shadow">\n\t\t\t'; Talent._.each(userInfoDropDown,function(item,index){ ;__p += '\n\t\t\t\t<li class="' +((__t = ( 'item-'+ index )) == null ? '' : __t) +'" item-index="' +((__t = ( index )) == null ? '' : __t) +'"><a href="">' +((__t = ( item.title )) == null ? '' : __t) +'</a></li>\n\t\t\t'; }) ;__p += '\n\t\t</ul>\n\t</div>';}return __p};
		
		this["JST"]["header/webim"] = function(obj) {obj || (obj = {});var __t, __p = '', __e = _.escape;with (obj) {__p += '<span class="header-icon-titaim ico-webim disabled"></span>\n<b class="u-unread new-message hide">0<b>\n';}return __p};
		return this["JST"]
	})()

	/** 功能按钮单独的view **/
	//基类
	var BaseView = Talent.Layout.extend({
		initialize:function(options){
			this.options = options;
			this.model = new Talent.Model(options);
			this.listenTo(this.model,"change",this.render);
		}
		//注册自动消失
		,autoHideRegister:function(){
			// var self = this;
			// clearTimeout(this.autoHide);
			// this.autoHide = setTimeout(function(){
	 	// 		self.ui.popList.removeClass("list-open").addClass("list-close");
			// 	self.ui.iconBtn.removeClass("opr-btns-select")
			// },3500);
		}
		//取消自动消失
		,autoHideCancle:function(){
		
		}
		//关闭下拉弹窗
		,listClose:function(){
			this.ui.iconBtn.removeClass("opr-btns-select")
			this.ui.popList.removeClass("list-open").addClass("list-close");
		}
		,popListClick:function(evt){
			var e = evt || window.event;
			e.stopPropagation();
		}
		//显示列表
		,listShow:function(e){
			var self = this;
			this.ui.popList.addClass("list-open").removeClass("list-close");
			this.ui.iconBtn.addClass("opr-btns-select")
			Talent.$(document).off('mousedown.list-wrapper');
	      	Talent.$(document).on('mousedown.list-wrapper', function(e) {
				self.ui.popList.removeClass("list-open").addClass("list-close");
				self.ui.iconBtn.removeClass("opr-btns-select")
	          	Talent.$(document).off('mousedown.list-wrapper');
	     	 });
	      	this.trigger("iconClickEvent",this.options);
		}
	});
	

	var Search = BaseView.extend({
		template: jst["header/icon-view/search"],
		className: "search-icon-box",
		ui: {
			iconBtn: ".common-link",
			popList: ".list-wrapper",
			valueInput: ".form-input input",
			searchForm: "[data-name=search-form]"
		},
		events: function() {
			var events = {}
			events["click " + this.ui.iconBtn] = "selfListShow"
			events["mousedown " + this.ui.popList] = "popListClick"
			events["mouseleave " + this.ui.popList] = "autoHideRegister"
			events["mouseenter " + this.ui.popList] = "autoHideCancle"
			events["submit " + this.ui.searchForm] = "formSubmit"
			return events
		},
		templateHelpers: function() {
			var searchTip = this.model.get("tip") || "搜索"
			return {
				searchTip: searchTip
			}
		},
		//显示列表
		selfListShow: function(e) {
			// this.ui.valueInput.focus();
			this.listShow()
			this.ui.valueInput.focus()
		},
		//抛出搜索事件
		formSubmit: function(e) {
			var triggerData = {
				target: this.options.type,
				id: this.options.id,
				exportData: {
					searchValue: this.ui.valueInput.val()
				}
			}
			this.trigger("iconOprEvents", triggerData)
	
			this.ui.valueInput.val("")
			//解决ie8下 当div隐藏时，焦点不能隐藏
			this.ui.valueInput.blur()
	
			this.listClose()
			return false
		},
		messageRenew: function(newMsg) {
			this.model.clear({ silent: true }).set(newMsg)
		}
	})
	
		
	var HomePage = Talent.Layout.extend({
		template: jst['header/icon-view/home-page']
		,className : ''
		,initialize:function(options){
			this.options = options;
			this.model = new Talent.Model(options);
			this.listenTo(this.model,'change',this.render);
		}
		,ui: {
			iconBtn:".common-link"
		}
		,events: function () {
			var events = {};
			events['click ' + this.ui.iconBtn] = 'iconBtnClick';
			return events;
		}
		,iconBtnClick:function(){
	      	this.trigger("iconClickEvent",this.options);
		}
		,messageRenew:function(){
			this.model.set({"reminds":newMsg.reminds});
		}
	});
	
	var Message = BaseView.extend({
		template: jst['header/icon-view/message']
		,className : 'message-icon-box'
		,regions:{
			popRegion:".list-wrapper"
		}
		,ui: {
			iconBtn:".common-link"
			,popList:".list-wrapper"
			,messageItem:".message-item"
			,viewAll:".view-all a"
		}
		,events: function () {
			var events = {};
			events['click ' + this.ui.iconBtn] = 'listShow';
			events['click ' + this.ui.messageItem] = 'listClose';
			events['mousedown ' + this.ui.popList] = 'popListClick';
			events['mouseleave ' + this.ui.popList] = 'autoHideRegister';
			events['mouseenter ' + this.ui.popList] = 'autoHideCancle';
			events['click ' + this.ui.viewAll] = 'listClose';
			return events;
		}
		,messageRenew:function(newMsg){
			//这里需要更新所有数据，包括红点和列表内容.需要测试!
			this.model.clear({silent:true}).set(newMsg);
		}
	});
	
	var TodosItems = Talent.ItemView.extend({
		template: jst["header/icon-view/todos-item/todos-item"],
		initialize: function(options) {
			this.model = new Talent.Model(options)
		},
		onRender: function() {},
		onShow: function() {
			this.$el.find(".message-item").each(function(index) {
				//用于计算user-opr区域何时换行
				var userOpr = $(this).find(".user-opr")
				var userOprWidth = userOpr.width()
				var dateWidth = $(this)
					.find(".date")
					.width()
				var userNameWidth = $(this)
					.find(".user-name")
					.width()
				if (userOprWidth + dateWidth + userNameWidth > 250) {
					userOpr.css({ order: "1" })
				}
			})
		}
	})
	
	var Todos = BaseView.extend({
		template: jst["header/icon-view/todos"],
		className: "todos-icon-box",
		regions: {
			listRegion: ".message-list"
		},
		ui: {
			iconBtn: ".common-link",
			popList: ".list-wrapper",
			messageItem: ".message-item",
			viewAll: ".view-all a",
			headIgnoreAll: '[data-name="head-ignore-all"]'
		},
		events: function() {
			var events = {}
			events["click " + this.ui.iconBtn] = "selfListShow"
			events["mousedown " + this.ui.popList] = "popListClick"
			events["mouseleave " + this.ui.popList] = "autoHideRegister"
			events["mouseenter " + this.ui.popList] = "autoHideCancle"
			events["click " + this.ui.messageItem] = "listClose"
			events["click " + this.ui.viewAll] = "listClose"
			events["click " + this.ui.headIgnoreAll] = "_headIgnoreAll"
	
			return events
		},
		selfListShow: function(e) {
			//如果当前存在有红点提示，这显示loading,等待外部接口调用显示数据
			if (this.model.get("reminds").remindCount) {
				this.listShow(e)
			}
		},
		//这里需要特殊处理//用于刷新列表。
		messageRenew: function(newMsg) {
			if (newMsg.reminds.remindList && newMsg.reminds.remindList.length) {
				this.listRegion.show(new TodosItems(newMsg))
			} else {
				this.model.clear({ silent: true }).set(newMsg)
			}
		},
		_headIgnoreAll: function() {
			this.trigger("ignoreAllTodo")
		}
	})
	
	var Skin = BaseView.extend({
		template: jst['header/icon-view/skin']
		,className : 'skin-icon-box'
		,ui: {
			iconBtn:".common-link"
			,popList:".list-wrapper"
			,comfirmBtn:".comfirm-btn"
			,inputRange:".color-range"
			,checkbox:".check-default"
		}
		,events: function () {
			var events = {};
			events['click ' + this.ui.iconBtn] = 'listShow';
			events['mousedown ' + this.ui.popList] = 'popListClick';
			events['mouseleave ' + this.ui.popList] = 'autoHideRegister';
			events['mouseenter ' + this.ui.popList] = 'autoHideCancle';
			events['click ' + this.ui.comfirmBtn] = 'getRangeVal';
			events['click ' + this.ui.checkbox] = 'setDefalutColor';
			return events;
		}
		,getRangeVal:function(){
			var triggerData = {
				target:this.options.type
				,id:this.options.id
				,exportData:{
					rangeValue:this.ui.inputRange.val()
					,isDefaultColor : this.ui.checkbox.hasClass("check-go")
				}
			}
			this.trigger("iconOprEvents",triggerData);
			this.listClose();
		}
		,setDefalutColor:function(){
			this.ui.checkbox.toggleClass("check-back").toggleClass("check-go");
		}
		,messageRenew:function(newMsg){
			this.model.clear({silent:true}).set(newMsg);
		}
	});
	
		
	var Settings = BaseView.extend({
		template: jst['header/icon-view/settings']
		,className : 'settings-box'
		,initialize:function(options){
			this.model = new Talent.Model(options);
			this.listenTo(this.model,"change",this.render);
		}
		,ui: {
			iconBtn:".common-link"
			,popList:".list-wrapper"
			,messageItem:".message-item"
		}
		,events: function () {
			var events = {};
			events['click ' + this.ui.iconBtn] = 'iconBtnClick';
			events['click ' + this.ui.messageItem] = 'listClose';
			events['mousedown ' + this.ui.popList] = 'popListClick';
			return events;
		}
		,iconBtnClick:function(){
			var reminds = this.model.get('reminds');
			var settingsList = reminds && reminds.remindList;
			if(settingsList && settingsList.length){
				this.listShow()
			}
	      	this.trigger("iconClickEvent",this.options);
		}
		,messageRenew:function(newMsg){
			this.model.clear({silent:true}).set(newMsg);
		}
	});
	
	var Upgrade = BaseView.extend({
	    template: jst["header/icon-view/upgrade"],
	    className: "upgrade-icon-box",
	    ui: {
	        iconBtn: ".common-link",
	        // ,popList:".list-wrapper"
	        // ,valueInput:".form-input input"
	        // ,searchForm:"[data-name=upgrade-form]"
	    },
	    messageRenew: function(newMsg) {
	        this.model.clear({ silent: true }).set(newMsg)
	    },
	})
	
	var Appstore = BaseView.extend({
		template: jst["header/icon-view/appstore"],
		className: "appstore-icon-box",
		ui: {
			iconBtn: ".appstore-btn",
	
			// ,popList:".list-wrapper"
			// ,valueInput:".form-input input"
			// ,searchForm:"[data-name=upgrade-form]"
		}
		,events: function () {
			var events = {};
			events['click ' + this.ui.iconBtn] = 'iconBtnClick';
			return events;
		},
		initialize:function(options){
			this.options = options;
			this.model = new Talent.Model(options);
			this.listenTo(this.model,"change",this.render);
		},
		iconBtnClick:function(e){
			e.stopPropagation()
			this.trigger("iconClickEvent",this.options)
		},
		messageRenew: function(newMsg) {
	        this.model.set("isShowNew",false)
	    },
	})
	
	var Lang = BaseView.extend({
		template: jst['header/icon-view/lang'],
	
		ui: {
			iconBtn: '.lang-region',
			showList: '.lang-region-box',
			popList: '.dp-down-list',
			listWrap: '.dp-down-list',
			listItem: '.dp-list-item a',
			listFront: '.dp-list-front',
			listShadow: '.dp-list-shadow'
		},
		initialize: function(options) {
			this.options = options
	
			// this.model.set(options.i18nInfo)
			// this.model.set({
			// 	show: true,
			// 	list: []
			// })
		},
		refresh: function(params) {
			this.model.set(params)
	
			this.render()
		},
		setData: function(data) {
			this.model.set(data)
			// this.model.set({
			// 	show: this.model.get('show'),
			// 	list: []
			// })
		},
		events: function() {
			var events = {}
	
			events['click ' + this.ui.showList] = 'showList'
			events['click ' + this.ui.listItem] = 'listItemScale'
			return events
		},
		ui: {
			iconBtn: '.lang-region',
			showList: '.lang-region-box',
			popList: '.dp-down-list',
			listWrap: '.dp-down-list',
			listItem: '.dp-list-item a',
			listFront: '.dp-list-front',
			listShadow: '.dp-list-shadow'
		},
		initialize: function(options) {
			this.options = options
		},
		render: function() {
			var meData = this.model.toJSON()
			if (meData.show) {
				this.$el.html(this.template(meData))
				this.bindUIElements()
			} else {
				this.$el.html('')
				this.bindUIElements()
			}
			return this
		},
		showList: function(e) {
			var self = this
			this.ui.listWrap.addClass('dp-down-active')
			clearTimeout(self.timer)
			Talent.$(document).off('mouseup.alertLang')
			Talent.$(document).on('mouseup.alertLang', function(e) {
				self.ui.listWrap.removeClass('dp-down-active')
				Talent.$(document).off('mouseup.alertLang')
			})
			self.timer = setTimeout(function() {
				self.ui.listWrap.removeClass('dp-down-active')
			}, 6000)
		},
		listItemScale: function(e) {
			var self = this
			var itemIndex = Talent.$(e.target).attr('index')
			var target = this.model.toJSON().list[itemIndex]
			this.trigger('iconClickEvent', this.model.toJSON().list[itemIndex])
			this.ui.listWrap.removeClass('dp-down-active')
			!self.isIE() && this.ui.listShadow.show()
	
			this.model.set({
				I18NUserLang: target.value
			})
	
			this.ui.listShadow
				.find('.item-' + itemIndex)
				.addClass('li-scale')
				.siblings()
				.removeClass('li-scale')
	
			setTimeout(function() {
				self.ui.listShadow.hide()
				self.render()
			}, 350)
		},
		isIE: function() {
			//ie?
			if (!!window.ActiveXObject || 'ActiveXObject' in window) return true
			else return false
		}
	})
	

	/** webIm **/

	/** 用户信息类 **/
		
	var UserInfo = Talent.Layout.extend({
		template: jst['header/user-info']
		,className : ''
		,initialize:function(options){
			// this.model = new Talent.Model(options);
			this.options = options;
			this.model = new Talent.Model(options);			
		}
		,ui: {
			'showList':".user-info"
			,listWrap:".dp-down-list"
	
			,listItem:".list-ul-box .dp-list-item a"
			
			,listFront:".dp-list-front"
			,listShadow:".dp-list-shadow"
		}
		,events: function () {
			var events = {};
			events['click ' + this.ui.showList] = 'showList';
			events['click ' + this.ui.listItem] = 'listItemScale';
			return events;
		}
		,showList:function(e){
			var self = this;
			this.ui.listWrap.addClass("dp-down-active");
			Talent.$(document).off('mouseup.alertList');
	      	Talent.$(document).on('mouseup.alertList', function(e) {
				self.ui.listWrap.removeClass("dp-down-active");
	          	Talent.$(document).off('mouseup.alertList');
	      	});
	      	setTimeout(function(){
				self.ui.listWrap.removeClass("dp-down-active");
			},6000)
		}
		,listItemScale:function(e){
			var self = this;
			var itemIndex = Talent.$(e.target).attr("index");
	
			this.ui.listWrap.removeClass("dp-down-active");
			!this.isIE()&&this.ui.listShadow.show();
	
			this.ui.listShadow.find(".item-" + itemIndex).addClass("li-scale").siblings().removeClass("li-scale");
			
			setTimeout(function(){
				self.ui.listShadow.hide();
			},350);
		}
		,isIE:function() { //ie?  
			if (!!window.ActiveXObject || "ActiveXObject" in window)  
				return true;  
			else  
				return false;  
		 } 
	});
	

	/** 用户信息类 **/
		
	var CompanyInfo = Talent.Layout.extend({
		template: jst['header/company-info']
		,className : ''
		,initialize:function(options){
			//设置默认图标
			if(!options.logo)options.logo = "http://st-web.tita.com/ux/tita-web-v4/release/app/images/components/tita-common/logo_v3.png";
			this.model = new Talent.Model(options);
		}
		,ui: {
			companyLogo:".cmpy-logo"
		}
		,onRender:function(){
			/**backup**/
			// var self = this;
			// this.ui.companyLogo.attr("src", this.model.get("logo")).load(function() {
			// 	imgWidth = this.width;
			// 	imgHeight = this.height;
			// 	var radio = imgWidth/imgHeight;
			// 	if(this.height > 30){
			// 		var h = 30;
			// 		var w = radio*30;
			// 		$(this).css({height:h,width:w,display:"block"})
			// 	}else{
			// 		var marginTop = (30-imgHeight) / 2;
			// 		var h = radio*imgHeight;
			// 		$(this).css({height:imgHeight,"margin-top":marginTop,width:h,display:"block"})
			// 	}
			// });
			//分界线
			// var self = this;
			// var imgUrl = this.model.get("logo");
			// if(!imgUrl)return;
			// var img = new Image();
			// img.onload= function(){
			// 	var imgWidth = img.width;
			// 	var imgHeight = img.height;
				
			// 	var size = fixSize(imgWidth,imgHeight)
				
	 		// 	self.ui.companyLogo.css({
	 		// 		width:parseInt(size.w) || 1,
	 		// 		height:parseInt(size.h) || 1,
	 		// 		display:"block",
	 		// 		marginTop:(30-size.h) / 2
	 		// 	})
	
	 		// 	self.ui.companyLogo.attr("src", imgUrl);
	 		// 	function fixSize(imgWidth,imgHeight){
	 		// 		var iWidth = 150,
	  		// 			iHeight = 30;
	  		// 		var newSize = {}
	 
	  		// 		var fix = imgWidth/imgHeight;
	
	 		// 		if(imgWidth > 150 || imgHeight > 30 ){
	 
	 		// 			width = fix *30
	 		// 			height = 150/fix;
	 		// 			if(width > 150){
	 		// 				width = 150
	 		// 			}
	 		// 			if(height > 30){
	 		// 				height = 30
	 		// 			}
	
	 		// 			newSize = {
	 		// 				w : width,
	 		// 				h : height
	 		// 			}
	
	 		// 		}else{
	 		// 			newSize = {
	 		// 				w : imgWidth,
	 		// 				h : imgHeight
	 		// 			}
	 		// 		}
	 		// 		return newSize
	 		// 	}
			// };
			// img.src = imgUrl;
		}
	});
	

	/** 头部组件入口 **/
	/** 头部组件入口 **/
	var Header = Talent.Layout.extend({
		template: jst["header/header"],
		className: "iTalent-header",
		initialize: function(options) {
			this.options = options
	
			this.viewMapping = {
				Search: Search,
				HomePage: HomePage,
				Message: Message,
				Skin: Skin,
				Todos: Todos,
				Settings: Settings,
				Upgrade: Upgrade,
				Appstore: Appstore,
				Lang: Lang
			}
		},
		ui: {
			btnGroup: ".btns-group"
		},
		regions: {
			userInfoRegion: ".user-info-region",
			companyInfoRegion: ".company-info-region",
			langRegion: ".lang-region"
		},
		onShow: function() {},
		onRender: function() {
			this.companyInfoShow()
			this.userInfoShow()
			this.oprBtnShow()
			// this.renderLangView();
			// if (this.options.langInfo.show) {
			this.langShow()
			// }
		},
		refreshI18nView: function(params) {
			if (this.langView) {
				this.langView.setData(params.i18nInfo)
				this.langView.refresh({
					list: params.datas,
					show: params.isOpenInternational
				})
				this.langRegion.show(this.langView)
			}
		},
		langShow: function() {
			var self = this
			// this.langView = new Lang({
			//   i18nInfo: this.options.i18nInfo,
			// })
			//if (this.options.i18nInfo) {
			this.langView = new Lang()
	
			this.listenTo(this.langView, "iconClickEvent", function(ret) {
				self.trigger("iconClickEvent", {
					type: "Lang",
					value: ret
				})
			})
	
			//}
	
			if (this.options.i18nInfo) {
				this.langView.setData(this.options.i18nInfo)
				this.langRegion.show(this.langView)
			}
		},
		//render userInfo
		userInfoShow: function() {
			this.userInfoRegion.show(
				new UserInfo({
					userInfo: this.options.userInfo,
					userInfoDropDown: this.options.userInfoDropDown
				})
			)
		},
		//render companyInfo
		companyInfoShow: function() {
			this.companyInfoRegion.show(new CompanyInfo(this.options.companyInfo))
		},
		//render opr iconbtns view
		oprBtnShow: function() {
			var self = this
	
			Talent._.each(this.options.oprBtn, function(item, index) {
				var node = document.createElement("li")
	
				var iconViewName = item.type
	
				var regionName = iconViewName + "-region"
	
				var className = "opr-btns " + regionName
	
				$(node).addClass(className)
	
				self.ui.btnGroup.prepend(node)
	
				self.addRegion(regionName, "." + regionName)
	
				//链接打开方式，如果传则默认a标签没有target属性
				item.target = item.target || ""
	
				self[iconViewName] = new self.viewMapping[iconViewName](item)
	
				self[regionName].show(self[iconViewName])
	
				//按钮下拉列表中抛出的事件（搜索、换肤）
				self.listenTo(self[iconViewName], "iconOprEvents", function(resp) {
					self.trigger("iconOprEvents", resp)
				})
				//所有按钮点击抛出的事件
				self.listenTo(self[iconViewName], "iconClickEvent", function(resp) {
					self.trigger("iconClickEvent", resp)
				})
				//按钮下拉列表中抛出的事件（搜索、换肤）
				self.listenTo(self[iconViewName], "ignoreAllTodo", function(resp) {
					self.trigger("ignoreAllTodo")
				})
			})
		},
		reloadMessage: function(newMsg) {
			this[newMsg.type]["messageRenew"](newMsg)
		},
		_checkIEVersion: function() {
			var ua = navigator.userAgent
			var s = "MSIE"
			var i = ua.indexOf(s)
			if (i >= 0) {
				//获取IE版本号
				var ver = parseFloat(ua.substr(i + s.length))
			}
			return ver
		}
	})
	

	return Header
})