'use strict';
$(function(){
	
	// 默认需要回复
	$('input[name="type"]').trigger('click');
	
	// 输入框右侧图标点击使输入框获得焦点
	$('.weui_cell_input .weui_cell_ft').on('click', function(){
		$('input', $(this).parent()).trigger('focus');
	});
	
	// 已选择指定人的容器
	var checkedUsers = [];
	
	// Loading框，封装了show 和 hide 方法
	var Loading = function(){
		var loading = $('#loadingToast');
		
		return {
			show: function(){loading.css('display', 'block')},
			hide: function(){loading.css('display', 'none')}
		};
	}();
	
	// dialog对话框
	var dialog = function(title, content, footer, fn){
		$('#dialog .weui_dialog .weui_dialog_title').text(title);
		$('#dialog .weui_dialog .weui_dialog_bd').text(content);
		if(footer) {// 如果传了按钮字符，设置按钮字符
			$('#dialog .weui_dialog .primary').text(footer);
		}
		$('#dialog .weui_dialog .weui_dialog_ft').on('click', function() {
			$('#dialog').css('display', 'none');
			if(fn) {// 如果传了回调函数，调用回调函数
				fn.call(null);
			}
		});
		$('#dialog').css('display', 'block');
	};
	
	// 检验用户是否已经被选中，未被选中返回-1，选中返回index
	function checked(em) {
		var r = -1;
		$.each(checkedUsers, function(k, v) {
			if(v.em_code == em.em_code) {
				r = k;
				return r;
			}
		});
		return r;
	};
	
	// 打开指定人的页面
	function openUserTab(){
		$('#userTab').addClass('open');
	};
	
	// 关闭指定人的页面
	function closeUserTab() {
		$('#userTab').removeClass('open');
	};
	
	$('.openUserTab').on('click', openUserTab);
	$('.closeUserTab').on('click', closeUserTab);
	
	// 将用户转化为指定人选中Lebel
	function userLabel(em) {
		var em_position = em.em_position ? '[' + em.em_position + ']': '';
		var em_name = em.em_name;
		var em_code = em.em_code;
		var em_checked = checked(em);// 是否已经选择了
		var html = '<label class="weui_cell weui_check_label userLabel" for="' + em_code + '">' +
                       '<div class="weui_cell_bd weui_cell_primary">' +
                           '<p>' +
                            	'<i class="fa fa-user"></i> <span class="em_name">' + em_name + '</span> ' + em_position +
                            '</p>' +
                       '</div>' +
                       '<div class="weui_cell_ft">' +
                           '<input type="checkbox" class="weui_check" name="' + em_code + '" id="' + em_code + '" ' + (em_checked != -1 ? 'checked="checked"': '') +'>' +
                           '<i class="weui_icon_checked"></i>' +
                       '</div>' +
                   '</label>';
        return html;
	};
	
	// 将已选择的人转化为展示的按钮
	function addUserButton(em) {
		var html = '<button class="weui_btn weui_btn_mini weui_btn_warn" title="' + em.em_code + '">' + em.em_name + ' <i class="fa fa-close"></i></button> ';
		$('.checkedUsers .weui_cell_bd').append(html);
		// 绑定点击按钮删除的事件
		$('button[title="' + em.em_code + '"]').on('click', function(){
			$('#searchResult input[name="' + $(this).attr('title') + '"]').trigger('click');
		});
	};
	
	// 点击一个用户选择，添加或删除指定人
	function checkUser(em){
		var i = checked(em);
		if(i != -1) {// 已选择的，去掉
			checkedUsers.splice(i, 1);
			$('.checkedUsers .weui_cell_bd button[title="' + em.em_code + '"]').remove()
		} else {// 未选择的，添加
			checkedUsers.push(em);
			addUserButton(em);
		}
		$('.checkedSize').text(checkedUsers.length);
	};
	
	// 根据关键词查询用户结果
	function search() {
		var keyword = $('#search_input').val();
		if(!keyword) {// 没有输入关键词
			dialog('提示', '请先输入指定人姓名关键词搜索');
			return;
		}
		Loading.show();
		try {
			$.ajax({
				url: 'hr/employee/getEmployees.action',
				type: 'POST',
				data: {condition: "em_name like '%" + keyword + "%' and nvl(em_class,' ')<>'离职'"},
				success: function(data, status) {
					if(data.success) {
						var html = '';
						$.each(data.employees, function(k, v){
							html += userLabel(v);// 增加一个指定人选中项
						});
						$('#searchResult .weui_cells_checkbox').html(html);
						$('#searchResult .weui_cells_title').text('共找到' + data.employees.length + '个可选的指定人');
						// 绑定点击列表添加到指定人的事件
						$('.userLabel input').on('change', function(e){
							var em_name = $('.em_name', $(this).parent().parent()).text();// 用户编号
							var em_code = $(this).attr('name');// 用户名
							checkUser({em_code: em_code, em_name: em_name});// 改变已选择的人
						});
					}
					Loading.hide();
				}
			});
		} catch(error) {
			Loading.hide();
			document.write(error.name + ' | ' + error.message);
		}
	};
	
	// 成功提示
	function showSuccess(form) {
		$('#successPage .msg_title').text(form.name);
		$('#successPage .msg_startdate').text(form.startdate);
		$('#successPage .msg_enddate').text(form.enddate);
		$('#successPage .msg_resourcename').text(form.resourcename);
		if(form.type) {
			$('#successPage .msg_type').text('需要');
		} else {
			$('#successPage .msg_type').text('不需要');
		}
		
		$('#successPage').css('display', 'block');
	}
	
	// 搜索框图标点击事件
	$('#search_icon').on('click' , search);
	
	// 确定按钮事件
	$('#commit').on('click', function(){
		var form = {
			name: $('input[name="name"]').val(),
			startdate: $('input[name="startdate"]').val().replace('T', ' ').substring(0, 16) + ':00',
			enddate: $('input[name="enddate"]').val().replace('T', ' ').substring(0, 16) + ':00',
			description: $('textarea[name="description"]').val()
		};
		
		// 是否需要回复
		if($('input[name="type"]').attr('checked')) {
			form.type = 1;
		} else {
			form.type = 0;
		}
		
		// 处理人
		form.resourcename = '';
		
		$.each(checkedUsers, function(k, v){
			if(form.resourcename) form.resourcename += ',';
			form.resourcename += v.em_name;
		});
		
		if(!form.name) {
			dialog('提示', '任务名称未输入');
			return;
		}
		if(form.startdate.length != 19) {
			dialog('提示', '开始日期未输入');
			return;
		}
		if(form.enddate.length != 19) {
			dialog('提示', '结束日期未输入');
			return;
		}
		if(!form.resourcename) {
			dialog('提示', '您还未指定任务处理人');
			return;
		}
		if(!form.description) {
			dialog('提示', '任务描述未输入');
			return;
		}
		
		Loading.show();// 显示加载框
		// 提交请求
		$.ajax({
			url: 'plm/task/addbilltask.action',
			type: 'POST',
			data: {formStore: JSON.stringify(form)},
			success: function(data){
				Loading.hide();// 关闭加载框
				showSuccess(form);
			},
			error: function(data){
				Loading.hide();// 关闭加载框
				console.log(data);
				dialog('系统错误', '任务添加失败，请联系系统管理员');
			}
		});
	});
	
});