if(typeof(MEC_NS) == 'undefined'){
	MEC_NS = {};
}

MEC_NS.FButton = function(type, id, mecJson){
	this.type = type;
	if(!id){
		id = new UUID().toString();
	}
	this.id = id;
	if(!mecJson){
		mecJson = this.getDefaultMecJson();
	}
	this.mecJson = mecJson;
}

/*获取id。 必需的方法*/
MEC_NS.FButton.prototype.getID = function(){
	return this.id;
};

/*获取设计的html， 页面上怎么显示控件完全依赖于此方法。 必需的方法*/
MEC_NS.FButton.prototype.getDesignHtml = function(){
	return getDesignHtml(this);
};

MEC_NS.FButton.prototype.runWhenPageOnLoad = function(){
	this.afterDesignHtmlBuild();
};

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.FButton.prototype.getAttrDlgHtml = function(){
		
	var styleL = "_style" + _userLanguage;

	var theId = this.id;

	var htm = "<div id=\"MADFBUTTON_"+theId+"\">"
				+ "<div class=\"title\">"+SystemEnv.getHtmlNoteName(4650)+"</div>"
				+ "<div class=\"form-group\">"
					+ "<div class=\"row MADFBUTTON_FORM\">"
					    +"<span class=\"col-2 span-control MADFBUTTON_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4607)+"</span>"  //所属表单：
					    +"<div class=\"col-m-8 required\"><select class=\"form-control requireded\" data-autobind id=\"formid_" + theId + "\">" + MADFBUTTON_GetFormOptionHtml() + "</select></div>"
				    + "</div>"
				    + "<div class=\"row MADFBUTTON_FORM\">"
					    +"<span class=\"col-2 span-control MADFBUTTON_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(5048)+"</span>"  //页面扩展：
					    +"<div class=\"col-m-8\"><input type=\"checkbox\" id=\"isShowPageExtend_"+theId+"\" value=\"1\"/><span class=\"cbboxLabel\">"+SystemEnv.getHtmlNoteName(5066)+"</span></div>" //显示表单建模的页面扩展按钮
				    + "</div>"
				    + "<div class=\"row\">"
						+ "<div class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(5022)+"</div>" //固定底部：
						+ "<div class=\"col-m-8\">"
							+ "<input type=\"checkbox\" id=\"isFixedBottom_"+theId+"\"  value=\"1\"/>"
							+ "<span class=\"cbboxLabel\">"+SystemEnv.getHtmlNoteName(5023)+"</span>"	//显示时固定在页面底部
						+ "</div>"
					+ "</div>"
				+ "</div>"
				 + "<div class=\"title\">"
					+ "<span>"+SystemEnv.getHtmlNoteName(5067) + "</span>"	//按钮列表
					+ "<div class=\"add-before fbutton_root_add\" data-autobind onclick=\"MADFBUTTON_AddOne('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3518)+"</div>"  //添加
				+ "</div>"
				+ "<div class=\"form-group MADFBUTTON_Content\">"
					+ "<ul class=\"fbutton_ul_root content-up\">"
					+ "</ul>"
					+ "<div class=\"tip-control fbutton_empty_tip\">"+SystemEnv.getHtmlNoteName(4159)+"</div>"  //单击右上角的添加按钮以添加内容
				+ "</div>"
				+ "<div class=\"bottom\"><div class=\"save-btn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3451)+"</div></div>"  //确定
			+ "</div>"
			+ "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>"  //已生成到布局
	
	return htm;
};

/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.FButton.prototype.afterAttrDlgBuild = function(){
	var that = this, theId = this.id;
	var mecHandler = MECHandlerPool.getHandler(theId);
	
	var $attrContainer = $("#MADFBUTTON_"+theId);
	
	var formid = this.mecJson["formid"];
	$("#formid_"+theId).val(formid);
	
	var isShowPageExtend;
	if(this.mecJson.hasOwnProperty("isShowPageExtend")){	
		isShowPageExtend = this.mecJson["isShowPageExtend"];
	}else{ //兼容老的数据，默认选中
		isShowPageExtend = "1";
	}
	if(isShowPageExtend == "1"){
		$("#isShowPageExtend_"+theId).checked();
	}
	
	var isFixedBottom = this.mecJson["isFixedBottom"];
	if(isFixedBottom == "1"){
		$("#isFixedBottom_"+theId).attr("checked","checked");
	}
	this.isShowPageExtendRow(formid);
	
	var fbutton_datas = this.mecJson["fbutton_datas"];
	
	if(fbutton_datas.length == 0){
		$(".fbutton_empty_tip", $attrContainer).show();
	}
	
	for(var i = 0; i < fbutton_datas.length; i++){
		var data = fbutton_datas[i];
		MADFBUTTON_AddFButtonEntryToPage(theId, data);
	}
	
	$(".MADFBUTTON_Content > ul").sortable({
		revert: false,
		axis: "y",
		items: "li",
		handle: ".bemove",
		update: function(){
			mecHandler.autobind.update();
		}
	});
	$attrContainer.checkbox({
		onClick: function () {
			mecHandler.autobind.update();
		}
	});
	$('#formid_' + theId, $attrContainer).on("select2:opening.formbefore", function () {
		var $this = $(this);
		var value = $this.val();
		$(this).html(MADFBUTTON_GetFormOptionHtml()).val(value);
	}).on("change", function () {
	    var formMecId = $(this).val();
        that.isShowPageExtendRow(formMecId);
        var mecJson = that.getMecJson();
        $attrContainer.find(".fbutton_ul_root").empty();
        var fbutton_datas = mecJson["fbutton_datas"];
        for(var i = 0; i < fbutton_datas.length; i++){
            var data = fbutton_datas[i];
            MADFBUTTON_AddFButtonEntryToPage(theId, data);
        }
    });

	
	var $attrContainer = $("#MAD_"+theId);
	require(["modal"], function(modal) {
		var sqlTip = MADFBUTTON_FbuttonSetTip();
		var indexArr = [];
		$attrContainer.on('click','.helper', function(e) {
			indexArr.push(modal.tips(sqlTip, $(this), {
				area: ['250px', ''],
				placement: "left"
			}));
			e.stopPropagation();
		});
		$("body").on("click", function(e) {
			var $target = $(e.target);
			var layero = $target.parents(".layui-layer-tips");
			if(layero.length) return;
			indexArr.map(function (v) {
				modal.close(v);
			});
		});
	});

};

//表单类控件更新所属表单相关信息的函数，当表单delete或change时触发
MEC_NS.FButton.prototype.updateFormWithInfo = function (eventType) {
	var theId = this.id;

	if (eventType === 'delete') {
		$('#formid_' + theId).empty();
	}
}

MEC_NS.FButton.prototype.updateMecJsonByForm = function (type) {
	this.mecJson['formid'] = '';
	this.formChangeType = type;
}
/*页面上显示控件完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.FButton.prototype.afterDesignHtmlBuild = function(){
	var theId = this.id;
	var isFixedBottom = Mec_FiexdUndefinedVal(this.mecJson["isFixedBottom"]);
	if(isFixedBottom == "1"){
		if(!Mec_IsInBottomContainer(theId)){
			Mec_MoveContentFromEditorToBorder(theId);
		}
	}else{
		if(Mec_IsInBottomContainer(theId)){
			Mec_MoveContentFromBorderToEditor(theId);
		}
	}
};

/*获取JSON*/
MEC_NS.FButton.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MADFBUTTON_"+theId);
	if($attrContainer.length > 0){
		this.mecJson["formid"] = Mec_FiexdUndefinedVal($("#formid_"+theId).val());
		this.mecJson["isShowPageExtend"] = $("#isShowPageExtend_"+theId).is(":checked") ? "1" : "0";
		this.mecJson["isFixedBottom"] = $("#isFixedBottom_"+theId).is(":checked") ? "1" : "0";
		
		var fbutton_datas =[];
		$("li", $attrContainer).each(function(){
			var $this = $(this);
			var fbutton_data = {};
			var fbuttonid = $this.attr("id").substring("fbuttonEntry_".length);
			var $actionSelect = $(".fbutton_dis_action", $this).find("select");

			fbutton_data["id"] = fbuttonid;
			fbutton_data["buttonname"] = MLanguage.getValue($(".fbutton_dis_buttonname", $this));
			fbutton_data["buttonreminder"] = MLanguage.getValue($("#fbutton_remind_" + fbuttonid, $this));
			fbutton_data["action"] = $actionSelect.val();
			fbutton_data["_action"] = $actionSelect.find("option:selected").text();
			
			if(fbutton_data.action == "3"){
				fbutton_data["actionvalue"] = $("#fbutton_dis_callbackfunction_" + fbuttonid).val();
				fbutton_data["callbackfunction"] = "";
			}else{
				fbutton_data["actionvalue"] = "";
				fbutton_data["callbackfunction"] = $("#fbutton_dis_callbackfunction_" + fbuttonid).val();
			}
			
			fbutton_datas.push(fbutton_data);
		});
		
		this.mecJson["fbutton_datas"] = fbutton_datas;
	}
	return this.mecJson;
};

MEC_NS.FButton.prototype.getCopyMecJson = function (mecJson) {
	var mec = require("mec");

	mec.changeMecJsonUUid(mecJson.fbutton_datas);
};

MEC_NS.FButton.prototype.getDefaultMecJson = function(){
	var theId = this.id;
	
	var defMecJson = {};
	
	defMecJson["id"] = theId;
	defMecJson["mectype"] = this.type;
	
	defMecJson["formid"] = "";
	defMecJson["isShowPageExtend"] = "1";
	
	var fbutton_datas =[];
	fbutton_datas.push({
		"id" : new UUID().toString(),
		"buttonname" : SystemEnv.getHtmlNoteName(4336),  //提交
		"action" : "1",
		"_action" : SystemEnv.getHtmlNoteName(4336),  //提交
		"actionvalue" : "",
		"callbackfunction" : ""
	});
	defMecJson["fbutton_datas"] = fbutton_datas;
	
	return defMecJson;
};

MEC_NS.FButton.prototype.validate = function () {
	var theId = this.id;
	var formid = this.mecJson.formid || $("#formid_" + theId).val();
	if(this.formChangeType === "delete"){	  // 判断表单是否删除
		formid = this.mecJson.formid;
	}

	var isValid = !!formid;
	if (isValid) {
		return true;
	} else {
		var mec_id = this.id;
		var $pluginAttr = $('#MAD_' + mec_id);

		$pluginAttr.find('#formid_' + mec_id).parents('.col-m-8').validate({
			value: formid,
			rules: [{
				msg: '"' + SystemEnv.getHtmlNoteName(4607).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //所属表单
			}],
		});
		return {
			isValid: isValid,
			msg: SystemEnv.getHtmlNoteName(6073) //所属表单未设置
		};
	}
};

$.extend(MEC_NS.FButton.prototype, {
    isShowPageExtendRow: function (formMecId) {
        var handler = MECHandlerPool.getHandler(formMecId);
        if(!handler) return;
        var $row = $("#isShowPageExtend_" + this.id).closest(".row");
        if(handler.type === "DynamicForm"){
            $row.hide();
        }else{
            $row.show();
        }
    }
});

function MADFBUTTON_GetFormOptionHtml(){
    var htm="";
    MECHandlerPool.eachHandler(function(){
        if(this.type === "Form" || this.type === "DynamicForm"){
            htm+="<option value=\""+this.id+"\">"+this.mecJson["formname"]+"</option>";
        }
    });
    return htm;
}

function MADFBUTTON_GetButtonTypeOptionHtml(mec_id) {
    var formId = $("#formid_" + mec_id).val();
    var handler = MECHandlerPool.getHandler(formId);
    var isDynamicForm = handler && handler.type === "DynamicForm";
    var optionHtml = "";
    optionHtml += "<option value='1'>"+ SystemEnv.getHtmlNoteName(4336) +"</option>";// 提交
    optionHtml += "<option value='4'>"+ SystemEnv.getHtmlNoteName(4807) +"</option>";// 提交并返回
    if(!isDynamicForm) optionHtml += "<option value='7'>"+ SystemEnv.getHtmlNoteName(5068) +"</option>";//提交并新建
    optionHtml += "<option value='8'>"+ SystemEnv.getHtmlNoteName(6144) +"</option>";// 暂存
    optionHtml += "<option value='2'>"+ SystemEnv.getHtmlNoteName(4049) +"</option>";// 重置
    if(!isDynamicForm) optionHtml += "<option value='5'>"+ SystemEnv.getHtmlNoteName(4002) +"</option>";// 编辑
    if(!isDynamicForm) optionHtml += "<option value='6'>"+ SystemEnv.getHtmlNoteName(3519) +"</option>";// 删除
    optionHtml += "<option value='3'>"+ SystemEnv.getHtmlNoteName(4147) +"</option>";// 手动输入
    return optionHtml;
}

function MADFBUTTON_AddOne(mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id),
		fbutton_datas = mecHandler.mecJson["fbutton_datas"],
		result = { id: new UUID().toString() };
		
		fbutton_datas.push(result);
		MADFBUTTON_AddFButtonEntryToPage(mec_id, result);
}

function MADFBUTTON_AddFButtonEntryToPage(mec_id, result){
	var $attrContainer = $("#MADFBUTTON_"+mec_id);
	$(".fbutton_empty_tip", $attrContainer).hide();

	var formId = $("#formid_" + mec_id).val();
    var handler = MECHandlerPool.getHandler(formId);
    var isDynamicForm = handler && handler.type === "DynamicForm";

	var id = result["id"];
	
	var buttonname = result["buttonname"] || "";
	var buttonreminder = result.buttonreminder || "";
	var action = result["action"];
	var _action = result["_action"];
	var actionvalue = result["actionvalue"];
	var callbackfunction = result["callbackfunction"] || "";
	
	if(action == "1" || action == "7"){
		actionvalue = "Mobile_NS.formSubmit(this)";
	}else if(action == "2"){
		actionvalue = "Mobile_NS.formReset(this)";
	}else if(action == "3"){
		callbackfunction = actionvalue;
		actionvalue = "Mobile_NS.formManual(this)";
	}else if(action == "4"){
		actionvalue = "Mobile_NS.formSubmit(this)";
	}
	
	var $fbuttonEntry = $("<li id=\"fbuttonEntry_"+id+"\" action=\""+action+"\"></li>");

	$fbuttonEntry.html("<div class=\"fbutton_table_wrap\">"
					+ "<table class=\"table mg-0\" style=\"table-layout: fixed;\">"
						+ "<tr class='more'>"
							+ "<td class=\"bemove\" width='20px'></td>"
							+ "<td width=\"100px\">"
								+ "<div class=\"fbutton_dis_action\" style='position: relative'>"
								+	 "<select class='form-control' data-autobind data-placeholder='"+ SystemEnv.getHtmlNoteName(5069) +"'>"	//按钮类型
								+	 	"<option value=''></option>"
								+	 	MADFBUTTON_GetButtonTypeOptionHtml(mec_id)
								+	 "</select>"
								+    (!isDynamicForm ? "<div class=\"helper\" style=\"top:10px;right:16px;display: none;\" for=\"default\">?</div>" : "")
								+"</div>"
							+ "</td>"
							+ "<td width=\"*\">"
								+ "<input type='text' data-autobind class='form-control fbutton_dis_buttonname' placeholder='"+SystemEnv.getHtmlNoteName(4812)+"' "+MLanguage.ATTR+"/>"
								+ "<input type=\"hidden\" class=\"fbutton_dis_buttonreminder\" value=\""+buttonreminder+"\"/>"
							+ "</td>"

							+ "<td width=\"91px\">"
								+ "<div class='click-control left' onclick='MADFBUTTON_ClickScript(this)'>"
								+	"<input id='fbutton_dis_callbackfunction_"+ id +"' type='hidden' />"
								+ 	"<span class='ellipsis script-desc'></span>"
								+ "</div>"
							+ "</td>"
							+ "<td width=\"24px\" align=\"right\" style='position:relative;'>"
								+ "<div class='more-info'></div>"
								+ "<span class=\"del-before delFlag\" onclick=\"MADFBUTTON_DeleteFButtonEntry('"+mec_id+"', '"+id+"');\"></span>"
							+ "</td>"
						+ "</tr>"
						+ "<tr><td colspan='5'>"
						+ 	 "<input id='fbutton_remind_"+id+"' class='form-control' placeholder='"+SystemEnv.getHtmlNoteName(4811)+"' type='text' "+MLanguage.ATTR+"/>"
						+ "</td></tr>"
					+ "</table>"
					+"</div>");
	
	$(".fbutton_ul_root", $attrContainer).append($fbuttonEntry);
	
	
	
	var $fbuttonRemid = $("#fbutton_remind_" + id);
	
	MLanguage.setValue($fbuttonRemid, buttonreminder);
	
	$fbuttonEntry.MLanguage();
	
	var $actionSelect = $(".fbutton_dis_action", $fbuttonEntry).find("select");
	var $clickScript = $('.click-control', $fbuttonEntry);
	var $moreInfo = $(".more-info", $fbuttonEntry);
	var $callbackfunction = $("#fbutton_dis_callbackfunction_"+id);
	var $btnNameInput = $(".fbutton_dis_buttonname", $fbuttonEntry);

	$callbackfunction.val(callbackfunction);
	SL_ChangeStyle($callbackfunction.parent(), callbackfunction);

	$btnNameInput.on('change', function(){
		var $this = $(this);
		var name = $(this).val();
		$this.attr('data-changed','1');
		$actionSelect.find("option").each(function(){
			var value = $(this).val();
			var text = $(this).text();
			if(value != '3'){
				if(name == text){
					$this.attr('data-changed','0');
				}
			}
		});
	}).trigger("change", true);
	$actionSelect.val(action).niceSelect()
		.on("change", function(e, isTrigger) {
			var action = $(this).val(),
				$text = $clickScript.find("span"),
				isSubmit = action == "1" || action == "4" || action == "7" || action == "8";
			var buttonName = $btnNameInput.val();
			var isChange = $btnNameInput.attr('data-changed');

			if(action == "3") {
				$text.text(SystemEnv.getHtmlNoteName(4574) + SystemEnv.getHtmlNoteName(4634)); //单击 脚本
			} else if(isSubmit || action == "6") {
				$text.text(SystemEnv.getHtmlNoteName(5070)); //回调脚本
			}
			
			$clickScript.toggle(["1", "3", "4", "6", "7" ,"8"].indexOf(action) != -1);
			$moreInfo.toggle(isSubmit);
			
			if(action != "3" && (!buttonName || isChange=='0')) {
				MLanguage.setValue($btnNameInput, $(this).find("option:selected").text());
			}
			if(action == "8"){ //暂存按钮显示提示
				$(this).closest('td').find('.helper').show();
			}else{
				$(this).closest('td').find('.helper').hide();
			}

			if(!isTrigger) {
				$fbuttonEntry.find(".more").toggleClass("active", isSubmit);
				$moreInfo.toggleClass("hidden");

				setTimeout(function() {
					$btnNameInput.select().focus();
				});
			}
		}).trigger("change", true);
	MLanguage.setValue($(".fbutton_dis_buttonname", $fbuttonEntry), buttonname);
	$moreInfo.on("click", MADFBUTTON_TipInfo);
	
	
}

function MADFBUTTON_ClickScript(ele) {
	var $el = $(ele),
		$input = $el.find("input");

	SL_AddScriptToField($input);
}

function MADFBUTTON_TipInfo() {
	$(this).toggleClass("hidden")
		.parents("tr").toggleClass("active");
}

function MADFBUTTON_DeleteFButtonData(mec_id, id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var fbutton_datas = mecHandler.mecJson["fbutton_datas"];
	var index = -1;
	for(var i = 0; i < fbutton_datas.length; i++){
		var data = fbutton_datas[i];
		if(data["id"] == id){
			index = i;
			break;
		}
	}
	if(index != -1){
		fbutton_datas.splice(index, 1);
	}
}

function MADFBUTTON_DeleteFButtonEntry(mec_id, id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	
	MADFBUTTON_DeleteFButtonData(mec_id, id);
		
	var $attrContainer = $("#MADFBUTTON_"+mec_id);
	$("#fbuttonEntry_" + id, $attrContainer).remove();
		
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var fbutton_datas = mecHandler.mecJson["fbutton_datas"];
	if(fbutton_datas.length == 0){
		$(".fbutton_empty_tip", $attrContainer).show();
	}
	mecHandler.autobind.update();
}

function MADFBUTTON_FbuttonSetTip(){
	var tip = "暂存按钮需在表单建模对应模块的页面扩展中开启草稿功能后，才会生效。如果表单数据已是正式数据，暂存按钮将不再显示。";
	if(_userLanguage=="8"){
		tip = "The temporary button will not take effect until the draft function is turned on in the page expansion of the corresponding module of form modeling. If the form data is formal, the temporary button will no longer be displayed.";
	}else if(_userLanguage=="9"){
		tip = "暫存按鈕需在表單建模對應模塊的頁面擴展中開啟草稿功能後，才會生效。如果表單數據已是正式數據，暫存按鈕將不再顯示。";
	}
	return tip;
}