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

MEC_NS.Timelinr = function(typeTmp, idTmp, mecJsonTmp){
	this.type = typeTmp;
	if(!idTmp){
		idTmp = new UUID().toString();
	}
	this.id = idTmp;
	if(!mecJsonTmp){
		mecJsonTmp = this.getDefaultMecJson();
	}
	this.mecJson = mecJsonTmp;
	this.fieldInfo = null;
    var that = this;
    require(['mec'], function(mec){
        that.remark = function(){
            return mec.remark(that.mecJson.name);
        };
    });
    
	if(typeof fieldPicker == 'undefined') {
		fieldPicker = require('utils').use('fieldPicker');
  }
}

MEC_NS.Timelinr.prototype.getID = function(){
	return this.id;
};

/*加载数据*/
MEC_NS.Timelinr.loadData = function(callback) {
	UrlSelectUtil.nav.loadNavItems(callback);
};

MEC_NS.Timelinr.prototype.getDesignHtml = function(){
	return getDesignHtml(this);
};

MEC_NS.Timelinr.prototype.getAttrDlgHtml = function(){
	var styleL = "_style" + _userLanguage;
	var theId = this.id;
	
	var row = this.mecJson["row"];
	var col = this.mecJson["col"];
	var pagesize = this.mecJson["pagesize"];
	
	var fieldHtm = "";
	for(var i = 0; i < row; i++){
		fieldHtm += "<div class=\"field-row-wrap MADTL_FieldRowWrap\"><div class=\"move-after move_btn\"></div><div class=\"del-box-after del_btn\"></div>";
		for(var j = 0; j < col; j++){
			var colfield = {};
			fieldHtm += "<div class=\"field-col-wrap MADTL_FieldColWrap\">"
		        		+ "<span class=\"field MADTL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段
		        		+ "<input type=\"hidden\" name=\"MADTL_Field_Json\"/>"
		        	  + "</div>";
		}
		fieldHtm += "</div>";
	}
	
	var htm = "<div id=\"MADTL_"+theId+"\">"
					+"<div class=\"title\">"
						+SystemEnv.getHtmlNoteName(4650) //基本信息
					+"</div>"
					+ "<div class=\"form-group\">"
					+ "<div class=\"row\">"
						+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4142)+"</span> "  //名称：
						+ "<div class=\"col-m-8\"><input type=\"text\" id=\"name_"+theId+"\" class=\"form-control\" data-autobind placeholder=\""+SystemEnv.getHtmlNoteName(4612)+"\"></input></div>"  //一个中文的名称，如：时间轴
					+ "</div>"
					
					+ "<div class=\"row\">"
                        + "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">" + SystemEnv.getHtmlNoteName(4144) + "</span> "  //内容来源：
                        + "<div class=\"col-m-8\"><select class=\"form-control\" data-autobind id=\"contentSource_"+theId+"\" onchange=\"MADTL_contentSourceChange('"+theId+"');\">"
                            +"  <option value=\"1\">"+SystemEnv.getHtmlNoteName(4441)+"</option>"  //查询列表
                            +"  <option value=\"2\">"+SystemEnv.getHtmlNoteName(6001)+"</option>"  //模拟数据
                        + "</select></div>"
                    + "</div>"
					
					+ "<div class=\"row\" id=\"chooseListDiv_"+theId+"\" style=\"display:none;\">"
						+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4442) + "</span> "  //列表：
						+ "<div class=\"col-m-8 required\"><select class=\"form-control requireded list-contentsource\" data-autobind id=\"source_"+theId+"\" onchange=\"MADTL_SourceChange('"+theId+"');\">"
							+ MADTL_getListSelectOptionHtml()
						+ "</select></div>"
					+ "</div>"
					
					+ "<div class=\"row\" id=\"mockDataDiv_"+theId+"\" style=\"display:none\">"
							+ "<div class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(6002)//模拟数据:
							+ "</div>"
							+"<div class=\"col-m-8 required\">"
								+ "<div class=\"col edit-before pd-72\" style=\"width: 20px;text-align:left;\" onclick=\"MADTL_editMockData('"+theId+"');\"></div>"
								+ "<div class=\"col ml-5 pd-7 link mockData_tip\" style=\"display:none;\" onclick=\"MADTL_editMockData('"+theId+"');\">"+SystemEnv.getHtmlNoteName(4162)+"</div>"  //已配置
								+ "<input id=\"mockData_"+theId+"\" type=\"hidden\" value=\"\"/>"
							+"</div>"
					+ "</div>"

					+ "<div class=\"row\" id=\"urltypeDiv_"+theId+"\">"
						+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">" + SystemEnv.getHtmlNoteName(4145) + "</span> "  //数据链接：
						+ "<div class=\"col-m-8\">" +
							  "<select class=\"form-control MADL_Select"+styleL+"\" name=\"urltype\" id=\"urltype_"+theId+"\" onchange=\"MADHL_UrltypeChange('"+theId+"')\">"
									+ "<option value=\"0\">"+SystemEnv.getHtmlNoteName(4146)+"</option>"  //自动解析
									+ "<option value=\"1\">"+SystemEnv.getHtmlNoteName(4147)+"</option>"  //手动输入
							+ "</select>"
						+ "</div>"
					+ "</div>"

					+ "<div class= \"row\" id=\"customDataurlDiv_"+theId+"\" style=\"position: relative;\">"
						+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">" + SystemEnv.getHtmlNoteName(3977) + "</span>"  //链接地址：
						+ "<div class='sbHolder' id='dataurlSbHolder_"+theId+"'  style='position: absolute;width:calc(100% - 65px)'>"
							+ "<a href='javascript:void(0);'  class='sbToggle sbToggle-btc'></a>"
							+ "<input  class='panel-input' type='text' readonly='readonly' unselectable='on' autocomplete='off'/>"
							+ "<input id='dataurl_"+theId+"' type='hidden' name='dataurl' />"
						+ "</div>"
						+ "<input class=\"MADL_MText\" type=\"hidden\" id=\"dataurlJson_"+theId+"\"/>"
					+ "</div>"


					+ "<div class=\"row\" style=\"position: relative;\" >"
							+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4247) + "</span> "  //每页显示：
							+ "<div class=\"col-m-8\"><input type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(6290)+"\" id=\"pagesize_"+theId+"\" class=\"form-control\" onkeydown=\"MADTL_keyDown(this)\" onfocusout=\"MADTL_onfocusout(this)\"  oninput=\"MADTL_oninput(this)\" value=\""+pagesize+"\"/></div>"  //请输入 1~99 内的整数
							+ "<div class=\"helper\"  data-tipmsg=\""+ SystemEnv.getHtmlNoteName(6267) +"\" style=\"top:10px;right:10px\" for=\"default\">?</div>"
					+ "</div>"
					
					+ "<div class=\"row\">"
						+ "<span class=\"col-2 span-control\">" + SystemEnv.getHtmlNoteName(5253) + "</span>"  //数据只读：
						+ "<div class=\"col pd-7\"><input type=\"checkbox\" id=\"dataReadonly_"+theId+"\"/></div>"
					+ "</div>"

					+ "<div id=\"unreadBadgeDiv_"+theId+"\" class=\"row\">"
						+ "<span class=\"col-2 span-control\">" + SystemEnv.getHtmlNoteName(6217) + "</span>"  //未读、反馈标识：
						+ "<div class=\"col pd-7\"><input type=\"checkbox\" id=\"unreadBadge_"+theId+"\"/></div>"
					+ "</div>"
					
					+ "<div class=\"row\">"
						+ "<span class=\"col-2 span-control\">" + SystemEnv.getHtmlNoteName(4129) + "</span>"  //延迟加载：
						+ "<div class=\"col pd-7\"><input type=\"checkbox\" id=\"lazyLoad_"+theId+"\"/></div>"
					+ "</div>"
					
					+ "</div>"
					
					+ "<div class=\"title\">" + SystemEnv.getHtmlNoteName(4164) + "</div>"//展示样式

                    + "<div class=\"form-group\">"
                        + "<div class=\"row item-config MADTL_StyleConfig\" id=\"MADTL_StyleConfig_"+theId+"\">"
                            + "<div class=\"col-8 count-container\">"
                                + SystemEnv.getHtmlNoteName(4585)  //列数：
                                + "<span data-autobind class=\"minu-after MADTL_Column_Minus\"></span>"
                                + "<input type=\"text\" id=\"column_"+theId+"\" class=\"count-control\" value=\""+col+"\" disabled=\"disabled\"/>"
                                + "<span data-autobind class=\"add-after MADTL_Column_Add\"></span>"
                            + "</div>"
                            + "<div class=\"col-4 pd-4 add-before MADTL_StyleConfig_Row\" data-autobind data-scroll=\"bottom\">"+SystemEnv.getHtmlNoteName(3575)+"</div>"  //添加行
                        + "</div>"

						+ "<div class=\"list-item MADTL_StyleWrap\">"
		    				+ "<div class=\"container MADTL_Style\" id=\"MADTL_Style_"+theId+"\">"
		    					+ "<div class=\"hori-center\">"
		        					+ "<div class=\"item-left MADTL_Style_L\">"
		        						+ "<div class=\"MADTL_TimeFieldWrap\">"
					                        + "<span class=\"img time MADTL_TimeField\" title=\""+SystemEnv.getHtmlNoteName(4249)+"\">"+SystemEnv.getHtmlNoteName(3706)+"</span>"  //时间字段   时间
					                        + "<input type=\"hidden\" name=\"MADTL_Field_Json\"/>"
				                        + "</div>"
				                    + "</div>"
				                    
				                    + "<div class=\"item-right MADTL_Style_R\">"
				                    	+ "<div class=\"field-row-wrap MADTL_FieldRowWrap MADTL_TitleFieldRowWrap\">"
				                    		+ "<div class=\"field-col-wrap MADTL_FieldColWrap\">"
				                        		+ "<span class=\"field title-field MADTL_Field MADTL_TitleField\">"+SystemEnv.getHtmlNoteName(3534)+"</span>"  //标题
				                        		+ "<input type=\"hidden\" name=\"MADTL_Field_Json\"/>"
				                        	+ "</div>"
				                        + "</div>"
				                        + fieldHtm
				                    + "</div>"
			                    + "</div>"
		    				+ "</div>"
						+ "</div>"
					+ "</div>"
					
					+ "<div class=\"bottom\">"
    					+ "<div class=\"save-btn\" onclick=\"MADTL_SaveBtn('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3451)+"</div>"  //确定
    				+ "</div>"
			+ "</div>";
			
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	
	return htm;
};

MEC_NS.Timelinr.prototype.afterAttrDlgBuild = function(){
  var theId = this.id;
	var mecHandler = MECHandlerPool.getHandler(theId);

    MADTL_BindRowOpt(theId);

    MADTL_BindColOpt(theId);

    MADTL_BindFieldChoose(theId);

	var contentSource = this.mecJson["contentSource"] || "1";
    $("#contentSource_"+theId).data('last', contentSource).val(contentSource);  

    $("#mockData_"+theId).val(this.mecJson["mockData"] || "");  
    
    if($("#mockData_" + theId).val()!=""){
        $("#mockDataDiv_"+theId+" .mockData_tip").show();
    }
    
    MADTL_contentSourceChange(theId);

	$("#name_"+theId).val(this.mecJson["name"]);

	$("#source_"+theId).data('last', this.mecJson["source"]).val(this.mecJson["source"]);

	$("#urltype_"+theId).val(Mec_FiexdUndefinedVal(this.mecJson["urltype"] , "0"));
	
	$("#dataurl_"+theId).val(Mec_FiexdUndefinedVal(this.mecJson["dataurl"] , ""));
	UrlSelectUtil.link.setUrlLink( $("#dataurl_"+theId).parent(),this.mecJson["dataurl"]);

	
	MADHL_UrltypeChange(theId);
	
	var pagesize = !isNaN(parseInt(this.mecJson["pagesize"])) && parseInt(this.mecJson["pagesize"]) > 0 ? parseInt(this.mecJson["pagesize"]) : 3;
	
	$("#pagesize_"+theId).val(pagesize);	
	
	var dataReadonly = Mec_FiexdUndefinedVal(this.mecJson["dataReadonly"]);
	if(dataReadonly == "1"){
		$("#dataReadonly_"+theId).attr("checked","checked");
	}

    var optionUnreadBadge = $('option:selected', '#source_' + theId).data('unreadbadge');
    if(optionUnreadBadge == "2"){//虚拟表单隐藏未读反馈配置项
        $('#unreadBadge_' + theId).closest('.row').hide();
    } else {
        var unreadBadge = Mec_FiexdUndefinedVal(this.mecJson["unreadBadge"] , "0");
        if(unreadBadge == "1"){
            $("#unreadBadge_"+theId).checked();
        }
	}

	var lazyLoad = Mec_FiexdUndefinedVal(this.mecJson["lazyLoad"] , "0");
	if(lazyLoad == "1"){
		$("#lazyLoad_"+theId).attr("checked","checked");
	}
	
	var $MADTL_Style = $("#MADTL_Style_" + theId);
	
	var timefield = this.mecJson["timefield"];		//图片字段信息
	var timefieldV = MADTL_FormatJson2Value(timefield);
	if(timefieldV != ""){

		var currentEle = $MADTL_Style.find(".MADTL_TimeFieldWrap");

		$(".MADTL_TimeFieldWrap input[name='MADTL_Field_Json']", $MADTL_Style).val(timefieldV);
		MADTL_isTimeFieldValid(timefield) && $(".MADTL_TimeFieldWrap", $MADTL_Style).addClass("choosed");
		fieldPicker('setField', currentEle, timefield);
	}
	
	var titlefield = this.mecJson["titlefield"];	//标题字段信息
	var titlefieldV = MADTL_FormatJson2Value(titlefield);
	if(titlefieldV != ""){
		$(".MADTL_TitleFieldRowWrap input[name='MADTL_Field_Json']", $MADTL_Style).val(titlefieldV);
		var fieldid = titlefield["fieldid"];
		var fielddesc = titlefield["fielddesc"];

		var currentTitleCol = $MADTL_Style.find('.MADTL_TitleFieldRowWrap .MADTL_FieldColWrap');

		$(".MADTL_TitleFieldRowWrap .MADTL_Field", $MADTL_Style).html(MADTL_DelHtmlTag(fielddesc));
		if(fieldid != "0"){
			$(".MADTL_TitleFieldRowWrap .MADTL_FieldColWrap", $MADTL_Style).addClass("choosed");
		}
		fieldPicker('setField', currentTitleCol,titlefield);
	}
	
	var otherfields = this.mecJson["otherfields"];
	var $MADTL_FieldRowWrap = $(".MADTL_Style_R .MADTL_FieldRowWrap", $MADTL_Style).not(".MADTL_TitleFieldRowWrap");
	$MADTL_FieldRowWrap.each(function(i){
		$(".MADTL_FieldColWrap", $(this)).each(function(j){
			var colfield = otherfields[i][j];
			var colfieldV = MADTL_FormatJson2Value(colfield);
			if(colfieldV != ""){
				$("input[name='MADTL_Field_Json']", $(this)).val(colfieldV);
				var fieldid = colfield["fieldid"];
				var fielddesc = colfield["fielddesc"];
				$(".MADTL_Field", $(this)).html(MADTL_DelHtmlTag(fielddesc));
				if(fieldid != "0"){
					$(this).addClass("choosed");
				}
				fieldPicker('setField', $(this), colfield);
			}
		});
	});
	
	setTimeout(function() { // dom未加载完成, 宽度为0
		MADTL_ResizeFieldColWidth(theId);
	}, 50);

	MADTL_LoadChooseField(theId);

	$("#MADTL_"+theId).checkbox();

	$("#MADTL_Style_"+theId + " .item-right").sortable({
		revert: false,
		axis: "y",
		items: ".field-row-wrap:not(.MADTL_TitleFieldRowWrap)",
		handle: ".move_btn",
		update: function(){
			mecHandler.autobind.update();
		}
	});
	
	//require("utils").urlSelector("dataurl_"+theId);
	$('#dataurlSbHolder_' + theId).on("click",function (e) {
		showUrlSelectPanel(this);
		e.stopPropagation();
	});

	var $attrContainer = $("#MAD_"+theId);
	require(["modal"], function(modal) {
		var indexArr = [];
		$($attrContainer).on("click",".helper", function(e) {
			indexArr.push(modal.tips($(this).data('tipmsg'), $(this), {
				area: ['250px', ''],
				placement: "bottom"
			}));
			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);
			});
		});
	});
};

/*获取JSON*/
MEC_NS.Timelinr.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MADTL_"+theId);
	if($attrContainer.length > 0){
		var $MADTL_Style = $("#MADTL_Style_" + theId);
		var $MADTL_FieldRowWrap = $(".MADTL_Style_R .MADTL_FieldRowWrap", $MADTL_Style).not(".MADTL_TitleFieldRowWrap");
		
		this.mecJson["name"] = $("#name_"+theId).val();	// 名称
		
		this.mecJson["contentSource"] = $("#contentSource_"+theId).val(); //内容来源
		this.mecJson["source"] = $("#source_"+theId).val(); //列表
        this.mecJson["mockData"] = $("#mockData_"+theId).val(); //模拟数据
		
        this.mecJson["urltype"] = $("#urltype_"+theId).val();
		this.mecJson["dataurl"] = $("#dataurl_"+theId).val();	//数据链接
		this.mecJson["pagesize"] = $("#pagesize_"+theId).val() ? $("#pagesize_"+theId).val() : "3";
		this.mecJson["dataReadonly"] = $("#dataReadonly_"+theId).is(':checked') ? "1" : "0";
        this.mecJson["unreadBadge"] = $("#unreadBadge_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["lazyLoad"] = $("#lazyLoad_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["row"] = $MADTL_FieldRowWrap.length;	//行数
		this.mecJson["col"] = $("#column_"+theId).val();	//列数
		
		var timefieldV = $(".MADTL_TimeFieldWrap input[name='MADTL_Field_Json']", $MADTL_Style).val();
		this.mecJson["timefield"] = MADTL_FormatValue2Json(timefieldV);		//图片字段信息
		
		var titlefieldV = $(".MADTL_TitleFieldRowWrap input[name='MADTL_Field_Json']", $MADTL_Style).val();
		this.mecJson["titlefield"] = MADTL_FormatValue2Json(titlefieldV);	//标题字段信息
	
		var otherfields = [];
		$MADTL_FieldRowWrap.each(function(){
			var rowfields = [];
			$(".MADTL_FieldColWrap", $(this)).each(function(){
				var colV = $("input[name='MADTL_Field_Json']", $(this)).val();
				var colfield = MADTL_FormatValue2Json(colV);
				rowfields.push(colfield);
			});
			otherfields.push(rowfields);
		});
		this.mecJson["otherfields"] = otherfields;
	}
	
	return this.mecJson;
};

MEC_NS.Timelinr.prototype.getDefaultMecJson = function(){
	var theId = this.id;
	
	var row = 3;
	var col = 1;
	
	var defMecJson = {};
	
	defMecJson["id"] = theId;
	defMecJson["mectype"] = this.type;

	var count = $("abbr[m_type='Timelinr']", "#homepageContainer").length;

	defMecJson["name"] = SystemEnv.getHtmlNoteName(6149)+(count+1);	// 名称    时间轴
	
	defMecJson["contentSource"] = "1"; //内容来源
    defMecJson["source"] = "";  //列表
    defMecJson["mockData"] = "";    //模拟数据
	
	defMecJson["pagesize"] = "3";	//页面大小
	defMecJson["row"] = row;	//行数
	defMecJson["col"] = col;	//列数
	
	defMecJson["timefield"] = {};	//图片字段信息
	defMecJson["titlefield"] = {};	//标题字段信息
	
	var otherfields = [];
	for(var i = 0; i < row; i++){
		var rowfields = [];
		for(var j = 0; j < col; j++){
			var colfield = {};
			rowfields.push(colfield);
		}
		otherfields.push(rowfields);
	}
	defMecJson["otherfields"] = otherfields;
	return defMecJson;
};

MEC_NS.Timelinr.prototype.validate = function () {
	var mecJson = this.mecJson;
	var contentSource = mecJson.contentSource || '1';
	var source = mecJson.source;
	var mockData = mecJson.mockData;
	var mec_id = this.id;
	var isValid = MADTL_isValid(mec_id);
	var isValidSource = !!((contentSource === '1' && source) ||
		(contentSource === '2' && mockData));
	
	if (isValid && isValidSource){
		return true;
	}else{
		var msg = SystemEnv.getHtmlNoteName(6069); //请设置内容来源对应数据！
		var $pluginAttr = $('#MAD_' + mec_id);

		if (!isValidSource) {
			if (contentSource === '1' && !source) {
				$pluginAttr.find('#source_' + mec_id).parents('.col-m-8').validate({
					value: source,
					rules: [{
						msg: '"' + SystemEnv.getHtmlNoteName(4442).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //列表
					}],
				});
			} else {
				$pluginAttr.find('#mockData_' + mec_id).parents('.col-m-8').validate({
					value: mockData,
					rules: [{
						msg: '"' + SystemEnv.getHtmlNoteName(6002).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //模拟数据
					}],
				});
			}
		}

		if (!isValid) {
			$pluginAttr.find('.MADTL_TimeFieldWrap').validate({
				value: isValid,
				rules: [{
					msg: '"' + SystemEnv.getHtmlNoteName(4249).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //时间字段
				}],
				style: {width:'150px', left: '76px',top: '23px'}
			});
		}

		if (isValidSource && !isValid) {
			msg = SystemEnv.getHtmlNoteName(4250); //请设置时间字段！
		}

		return {
			isValid: isValid && isValidSource,
			msg: msg
		};
	}
};

/* 获取时间轴名称 */
MEC_NS.Timelinr.prototype.getName = function(){
	var theId = this.id;
	
	var name = this.mecJson["name"];
	if(name == "" || $.trim(name) == ""){
		name = theId;
	}
	
	return name;
};

/* 获取时间轴字段 */
MEC_NS.Timelinr.prototype.getFieldInfo = function(){
	var that = this;
	var theId = that.id;
	
	if(this.fieldInfo == null){
		var sourceV = "";
		
		var $source = $("#source_" + theId);
		if($source.length > 0){
			sourceV = $source.val();
		}else{
			sourceV = that.mecJson["source"];
		}
		
		if(sourceV != ""){
			var url = jionActionUrl("com.weaver.formmodel.mobile.ui.servlet.MobileAppUIAction", "action=getUIField&id=" + sourceV);
			$.ajax({
			 	type: "POST",
			 	contentType: "application/json",
			 	url: encodeURI(url),
			 	async: false,
			 	data: "{}",
			 	success: function(responseText, textStatus) 
			 	{
			 		var datas = $.parseJSON(responseText);
			 		that.fieldInfo = datas;
			 	},
			    error: function(){
			    	that.fieldInfo = [];
			    }
			});
		}else{
			that.fieldInfo = [];
		}
	}
	
	return that.fieldInfo;
};



function MADTL_FormatValue2Json(v){
	return v == "" ? {} : $.parseJSON(v);
}

function MADTL_FormatJson2Value(jsonObj){
	return $.isEmptyObject(jsonObj) ? "" : JSON.stringify(jsonObj);
}

function MADTL_getListSelectOptionHtml(){
	var htm = "<option value=\"\"></option>",
		common_list_items = require('navPanel').getListItems();

	for(var i = 0; i < common_list_items.length; i++){
		var uiid = common_list_items[i]["uiid"];
		if((uiid + "").indexOf("homepage_") != -1) continue;
		var uiname = common_list_items[i]["uiname"];
		var unreadBadge = common_list_items[i]["unreadBadge"];
		htm += "<option value=\""+uiid+"\" data-unreadbadge=\""+unreadBadge+"\">"+uiname+"</option>";
	}
	return htm;
}

function MADTL_ResizeFieldColWidth(mec_id){
	var $MADTL_FieldRowWrap = $("#MADTL_Style_" + mec_id + " .MADTL_Style_R .MADTL_FieldRowWrap").not(".MADTL_TitleFieldRowWrap");
	$MADTL_FieldRowWrap.each(function(){
		var rowWidth = parseInt($(this).width());
		rowWidth = rowWidth > 0 ? rowWidth : 186;
		var $MADTL_FieldColWrap = $(".MADTL_FieldColWrap", $(this));
		var colCount = parseInt($MADTL_FieldColWrap.length);
		var colWidth = parseInt(rowWidth/colCount);
		var lastColWidth = colWidth + (rowWidth - (colWidth * colCount));
		var colWidthArr = new Array();
		for(var i = 0; i < colCount; i++){
			if(i != (colCount - 1)){
				colWidthArr.push(colWidth);
			}else{
				colWidthArr.push(lastColWidth);
			}
		}
		$MADTL_FieldColWrap.each(function(i){
			$(this).width(colWidthArr[i]);
		});
	});
}

function MADTL_BindColOpt(mec_id){
	var $MADTL_StyleConfig = $("#MADTL_StyleConfig_" + mec_id);
	var $column = $("#column_" + mec_id);
	$(".MADTL_Column_Add", $MADTL_StyleConfig).click(function(){
		var colV = parseInt($column.val());
		
		var $MADTL_Style = $("#MADTL_Style_" + mec_id);
		var $MADTL_FieldRowWrap = $(".MADTL_Style_R .MADTL_FieldRowWrap", $MADTL_Style).not(".MADTL_TitleFieldRowWrap");
		var colHtml = "<div class=\"field-col-wrap MADTL_FieldColWrap\">"
						+ "<span class=\"field MADTL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段
                		+ "<input type=\"hidden\" name=\"MADTL_Field_Json\"/>"
                	+ "</div>";
		$MADTL_FieldRowWrap.append(colHtml);
		
		MADTL_ResizeFieldColWidth(mec_id);
		
		colV++;
		$column.val(colV);
		
	});
	
	$(".MADTL_Column_Minus", $MADTL_StyleConfig).click(function(){
		var colV = parseInt($column.val());
		if(colV <= 1){
			return;
		}
		var $MADTL_Style = $("#MADTL_Style_" + mec_id);
		var $MADTL_FieldRowWrap = $(".MADTL_Style_R .MADTL_FieldRowWrap", $MADTL_Style).not(".MADTL_TitleFieldRowWrap");
		$(".MADTL_FieldColWrap:last-child", $MADTL_FieldRowWrap).remove();
		
		MADTL_ResizeFieldColWidth(mec_id);
		
		colV--;
		$column.val(colV);
	});
}

function MADTL_BindRowOpt(mec_id){
	var $MADTL_StyleConfig = $("#MADTL_StyleConfig_" + mec_id);
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	$(".MADTL_StyleConfig_Row", $MADTL_StyleConfig).click(function(){
		var $MADTL_Style_R = $("#MADTL_Style_" + mec_id + " .MADTL_Style_R");
		var $column = $("#column_" + mec_id);
		var colV = parseInt($column.val());
		var $MADTL_FieldRowWrap = $("<div class=\"field-row-wrap MADTL_FieldRowWrap\"><div class=\"move-after move_btn\"></div><div class=\"del-box-after del_btn\"></div></div>");
		var colHtml = "";
		for(var i = 0; i < colV; i++){
			colHtml += "<div class=\"field-col-wrap MADTL_FieldColWrap\">"
						+ "<span class=\"field MADTL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段
                		+ "<input type=\"hidden\" name=\"MADTL_Field_Json\"/>"
                	 + "</div>";
		}
		$MADTL_FieldRowWrap.append(colHtml);
		$MADTL_Style_R.append($MADTL_FieldRowWrap);
		
		MADTL_ResizeFieldColWidth(mec_id);
		
	});
	
	$("#MADTL_Style_" + mec_id + " .MADTL_Style_R").off("click", '.del_btn').on("click", ".del_btn", function(){
		$(this).parent().remove();
		mecHandler.autobind.update();
	});
}

function MADTL_BindFieldChoose(mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	fieldPicker('run', {
		id: mec_id,
		callback: {
			afterSelect: function(field, target) {
				var classname = target.attr('class');

				target = $(target);
				target.find('input').val( JSON.stringify(field) );
				target.find('.field').html(require('utils').delHtmlTag(field.fielddesc));
				target.removeClass('choosed');
				if (~classname.indexOf('MADTL_TimeFieldWrap')) {
					if (MADTL_isTimeFieldValid(field)){
						target.addClass('choosed');
						target.removeClass('has-error').children('.error-tip').hide();
					}else{
						target.addClass('has-error').children('.error-tip').show();
					}
				}else{
					field.fieldid != 0 && target.addClass('choosed');
				}
				mecHandler.autobind.update();
			}
		}
	});
	

	
	$("#MADTL_Style_" + mec_id + " .MADTL_TimeFieldWrap").click(function(e){
		fieldPicker('show', this, mec_id);
		e.stopPropagation(); 
	});
	
	$("#MADTL_Style_" + mec_id ).off("click", ".MADTL_FieldColWrap").on("click", ".MADTL_FieldColWrap", function(e){
		fieldPicker('show', this, mec_id);
		e.stopPropagation(); 
	});
	
	function setMADTLField(ele){
		var $ele = $(ele);
		
		var fieldid = $ele.attr("fieldid");
		var fielddesc;
		if($ele.hasClass("MADTL_CField_Custom")){
			fielddesc = $(".MADTL_CField_Custom_Text", $ele).val();
		}else{
			fielddesc = $ele.html();
		}
		fielddesc = $.trim(fielddesc);
		
		var f_json = {"fieldid":fieldid, "fielddesc":fielddesc};
		
		var $MADTL_FieldColWrap_Curr = $("#MADTL_Style_" + mec_id + " .MADTL_FieldColWrap_Curr");
		$MADTL_FieldColWrap_Curr.removeClass("choosed");
		if(fieldid != "0"){
			$MADTL_FieldColWrap_Curr.addClass("choosed");
		}
		if(!$MADTL_FieldColWrap_Curr.hasClass("MADTL_TimeFieldWrap")){
			var $MADTL_Field = $(".MADTL_Field", $MADTL_FieldColWrap_Curr);
			$MADTL_Field.html(MADTL_DelHtmlTag(fielddesc));
			//$MADTL_Field.attr("title", fielddesc);
		}
		var $MADTL_Field_Json = $("input[name='MADTL_Field_Json']", $MADTL_FieldColWrap_Curr);
		$MADTL_Field_Json.val(JSON.stringify(f_json));
	}
	
	
	$("#MADTL_ChooseFields_" + mec_id + " .MADTL_CField_None").click(function(e){
		setMADTLField(this);
	});
	
	$("#MADTL_ChooseFields_" + mec_id + " .MADTL_CFieldWrap .MADTL_CField").on("click", function(e){
		setMADTLField(this);
	});
	
	$("#MADTL_ChooseFields_" + mec_id + " .MADTL_CField_Custom").click(function(e){
		var $MADTL_CField_Custom_Content = $(".MADTL_CField_Custom_Content", $(this));
		if(!$MADTL_CField_Custom_Content.is(":visible")){
			$(".MADTL_CField_Custom_Tip", $(this)).hide();
			$MADTL_CField_Custom_Content.show();
		}
		e.stopPropagation(); 
	});
	
	$("#MADTL_ChooseFields_" + mec_id + " .MADTL_CField_Custom .MADTL_CField_Custom_Btn").click(function(e){
		setMADTLField($(this).parents(".MADTL_CField_Custom")[0]);
		$("#MADTL_ChooseFields_" + mec_id).hide();
		e.stopPropagation(); 
	});
}


function MADTL_addDataUrlParmFields(mec_id,data) {
	$("#dataurl_"+mec_id).data('selectparams',data);
};

//内容来源，列表|模拟数据
function MADTL_contentSourceChange(mec_id){
    var contentSource = $('#contentSource_' + mec_id);
    var lastSourceValue = contentSource.data("last") || "1";
    var contentSourceValue = contentSource.val() || "1";
    if(contentSourceValue == "1"){
        $("#urltype_" + mec_id).val("0");
        $("#urltypeDiv_" + mec_id).show();
        $("#chooseListDiv_"+mec_id).show();
        $("#unreadBadgeDiv_"+mec_id).show();
        $("#mockDataDiv_"+mec_id).hide();
    }else{
        $("#urltype_" + mec_id).val("1");
        $("#urltypeDiv_" + mec_id).hide();
        $("#chooseListDiv_"+mec_id).hide();
        $("#unreadBadgeDiv_"+mec_id).hide();
        $("#mockDataDiv_"+mec_id).show();
    }
    MADHL_UrltypeChange(mec_id);
    if(contentSourceValue == "2" && lastSourceValue == "1"){
        var sourceV = $('#source_' + mec_id).val();
        $('#source_' + mec_id).data("last", sourceV);
        $('#source_' + mec_id).val('');
		MADTL_addDataUrlParmFields(mec_id,[]);
        fieldPicker('change', '', function(data) {
            mecHandler = MECHandlerPool.getHandler(mec_id);
            mecHandler.fieldInfo = data;
        }, mec_id);
    }
    
    if(contentSourceValue == "1" && lastSourceValue == "2"){
        var sourceV = $('#source_' + mec_id).data("last");
        $('#source_' + mec_id).val(sourceV);
        fieldPicker('change', sourceV, function(data) {
            mecHandler = MECHandlerPool.getHandler(mec_id);
            mecHandler.fieldInfo = data;
			MADTL_addDataUrlParmFields(mec_id,data);
        }, mec_id);

        $('#source_' + mec_id).data("last", "mock");
    }
    
    contentSource.data("last", contentSourceValue);
    MADTL_DoSourceChange(mec_id);
}

function MADHL_UrltypeChange(mec_id){
    var $Entry = $("#urltypeDiv_"+mec_id);

    var urltype = $("select[name='urltype']", $Entry).val();
    if(urltype == "0"){
        $("#customDataurlDiv_"+mec_id).hide();
    }else if(urltype == "1"){
        $("#customDataurlDiv_"+mec_id).show();
    }
}

function MADTL_editMockData(mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var mockData = $("#mockData_"+mec_id).val();
	top.mockJsonData = mockData;
	var url = "/mobilemode/admin/dialog/jsonConfig.jsp";
	
	var dlg = top.createTopDialog();//获取Dialog对象
	var hgt = $(document.body).height(),
		wdh = $(document.body).width();
	dlg.Width = wdh*0.6;//定义长度
	dlg.Height = hgt*0.8;
	dlg.Model = true;
	dlg.normalDialog = false;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(6003);  //模拟数据配置
	dlg.show();
	dlg.hookFn = function(result){
		var mockData = result["scriptCode"] || "";
		var $mockDataTip = $("#mockDataDiv_" + mec_id + " .mockData_tip");
		if(mockData != ""){
				$mockDataTip.show().parents('.col-m-8').removeClass('required has-error').children('.error-tip').hide();
		}else {
				$mockDataTip.hide().parents('.col-m-8').addClass('required has-error').children('.error-tip').show();
		}
		$("#mockData_"+mec_id).val(mockData);
		mecHandler.mecJson['mockData'] = mockData;
	};
}

function MADTL_SourceChange(mec_id){
	var source = $('#source_' + mec_id);
	var lastSourceValue = source.data("last") || "";
	var sourceValue = source.val();
	var unreadBadge = $('option:selected', source).data('unreadbadge');
	var $unreadBadgeDiv = $('#unreadBadgeDiv_' + mec_id);
	var $unreadBadge = $('#unreadBadge_' + mec_id);

	if(unreadBadge == "2"){
		$unreadBadge.removeAttr('checked');
		$unreadBadgeDiv.hide();
	} else if(unreadBadge == "1") {
		$unreadBadgeDiv.show();
        $unreadBadge.checked();
	} else {
        $unreadBadgeDiv.show();
        $unreadBadge.removeAttr('checked');
	}

	if(sourceValue && lastSourceValue && lastSourceValue != sourceValue){
		$.ajax({
		 	type: "GET",
		 	contentType: "application/json",
		 	url: "/api/mobilemode/admin/designer/isSameSource?oldsource="+lastSourceValue+"&newsource="+sourceValue,
		 	success: function(responseText, textStatus){
		 		var data = $.parseJSON(responseText);
		 		var sameSource = data.issame;
		 		MADTL_DoSourceChange(mec_id, sameSource);
		 	}
		});
	}else{ 
		MADTL_DoSourceChange(mec_id, lastSourceValue == sourceValue);
	}
    source.data('last', source.val());
}
function MADTL_DoSourceChange(mec_id, sameSource){
	var $MADTL_Style = $("#MADTL_Style_" + mec_id);
	var $MADTL_Field_Json = $("input[name='MADTL_Field_Json']", $MADTL_Style);
	var $MADTL_Field_Json2 = $MADTL_Field_Json.filter(function(index, field) {
		if(field.value) return field;
	});
    var tip = SystemEnv.getHtmlNoteName(6023);//"是否清空展示样式中已选择的字段信息？"
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	
	if($MADTL_Field_Json2.length > 0 && !sameSource){
		top.Dialog.confirm(tip, {
            btn: [SystemEnv.getHtmlNoteName(5197), SystemEnv.getHtmlNoteName(6024)]//"是","否"
		}, function(){  //清空展示样式中的已选择字段信息
			$MADTL_Field_Json2.each(function(){
				$(this).val("");
				var $MADTL_Field = $(this).parent().find(".MADTL_Field");
				if($MADTL_Field.hasClass("MADTL_TitleField")){
					$MADTL_Field.html(SystemEnv.getHtmlNoteName(3534));  //标题
				}else{
					$MADTL_Field.html(SystemEnv.getHtmlNoteName(4139));  //选择字段
				}
				fieldPicker('resetField', $(this).parent());
				$(this).parents(".choosed").removeClass("choosed");
			});
			MADTL_LoadChooseField(mec_id);
			mecHandler.autobind.update();
		}, function(){   //不清空
            MADTL_LoadChooseField(mec_id);
            mecHandler.autobind.update();
        });
	}else{
		MADTL_LoadChooseField(mec_id);
	}
	
	// 给列表名称赋值
	var text_name = $("#source_"+mec_id).find("option:selected").text();
	if(typeof(text_name) != "undefined" && text_name != ""){
		text_name = $.trim(text_name.split("（")[0]);
	}
	$("#name_"+mec_id).val(text_name);
	
}

function MADTL_SaveBtn(mec_id){
	var isValid = MADTL_isValid(mec_id);

	if (!isValid) {
		alert(SystemEnv.getHtmlNoteName(4250));  //请设置时间字段！
	}

	refreshMecDesign(mec_id);
}

function MADTL_isTimeFieldValid(field) {
	var fieldid = field["fieldid"];
	var fielddesc = field['fielddesc'];

	if(!fieldid) return false;

	if (fieldid != "0") {
		if (fieldid === '-1' && fielddesc) {
			return true;
		} else if (fieldid !== '-1') {
			return true;
		}
	}
	return false;
}

function MADTL_isValid(mec_id) {
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var MADTL_Field_value = mecHandler.mecJson["timefield"];

	if(!MADTL_Field_value) return false;

	return MADTL_isTimeFieldValid(MADTL_Field_value);
}

function MADTL_LoadChooseField(mec_id){
	var $source = $("#source_" + mec_id);
	var sourceV = $source.val();
	if(sourceV != ""){
		fieldPicker('change', sourceV, function(data) {
			mecHandler = MECHandlerPool.getHandler(mec_id);
			mecHandler.fieldInfo = data;
			MADTL_addDataUrlParmFields(mec_id,data);
		}, mec_id);
	}
}

function MADTL_DelHtmlTag(str){
	return str.replace(/<[^>]+>/g,"");//去掉所有的html标记
}

function MADTL_keyDown(obj) {
	var e = window.event;
	var key = !e ? '' : e.key.toLowerCase();
	var allowedKey = key.match(/[0-9]|backspace|arrowleft|arrowright|control|delete/);
	var functionalKey = e.ctrlKey || e.altKey;

	if (!allowedKey && !functionalKey) {
		e.preventDefault();
	}
}

function MADTL_oninput(obj) {
	var value = obj.value.replace(/[^\d]/g, '');
	obj.value = value.substring(0, 2);
	if (obj.value == "0" || obj.value == "00") {
		obj.value = "3";
	}
}

function MADTL_onfocusout(obj) {
	var value = obj.value.replace(/[^\d]/g, '') || "3";
	obj.value = value.substring(0, 2);
	obj.value = parseInt(obj.value);
}