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

MEC_NS.RSSList = function(type, id, mecJson){
	this.type = type;
	if(!id){
		id = new UUID().toString();
	}
	this.id = id;
	if(!mecJson){
		mecJson = this.getDefaultMecJson();
	}
	this.mecJson = mecJson;
    var that = this;
    require(['mec'], function(mec){
        that.remark = function(){
            return mec.remark(that.mecJson.source);
        };
    });

	if(typeof fieldPicker == 'undefined') {
		fieldPicker = require('utils').use('fieldPicker');
	}
	
};

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

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

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.RSSList.prototype.getAttrDlgHtml = function(){
	var theId = this.id;
	
	var row = this.mecJson["row"];
	var col = this.mecJson["col"];
	
	var fieldHtm = "";
	for(var i = 0; i < row; i++){
		fieldHtm += "<div class=\"field-row-wrap MADL_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 MADL_FieldColWrap\">"
		        		+ "<span class=\"field MADL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段    选择字段
		        		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
		        	  + "</div>";
		}
		fieldHtm += "</div>";
	}
	
	var htm = "<div id=\"MADRSSList_"+theId+"\">"
				+"<div class=\"title\">"
					+SystemEnv.getHtmlNoteName(4650) //基本信息
				+"</div>"
				+"<div class=\"form-group\">"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(5037)+"</span>"	//订阅源：
						+"<div class=\"col-m-8 required\"><input class=\"form-control requireded\" data-autobind='source' id=\"source_" + theId + "\" type=\"text\" placeholder=\"" + SystemEnv.getHtmlNoteName(5038) + "\"/></div>" //请填写RSS订阅地址
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(5039)+"</span>"	//显示条数：
						+"<div class=\"col-m-8\"><input class=\"form-control\" id=\"size_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(5040)+"\"/></div>"	//数字，缺省默认显示订阅源返回的所有记录
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(5041)+"</span>"	//是否只读：
						+"<div class=\"col-m-8\"><input type=\"checkbox\" id=\"readonly_"+theId+"\"/></div>"
					+"</div>"
				+"</div>"
				
				+ "<div class=\"title\">"+SystemEnv.getHtmlNoteName(4164)+"</div>"  //展示样式
				+ "<div class=\"form-group\">"
					+ "<div class=\"row item-config  MADL_StyleConfig\" id=\"MADL_StyleConfig_"+theId+"\">"
						+ "<div class=\"col-8 count-container\">"
							+ SystemEnv.getHtmlNoteName(4585)   //列数：
							+ "<span class=\"minu-after MADL_Column_Minus\"></span>"
							+ "<input type=\"text\" id=\"column_"+theId+"\" class=\"count-control\" value=\""+col+"\" disabled=\"disabled\"/>"
							+ "<span class=\"add-after MADL_Column_Add\"></span>"
						+ "</div>"
						
						+ "<div class=\"col-4 pd-4 add-before MADL_StyleConfig_Row\" data-scroll=\"bottom\">"+SystemEnv.getHtmlNoteName(3575)+"</div>"  //添加行
					+ "</div>"
					
					
					+ "<div class=\"list-item\">"
        				+ "<div class=\"container\" id=\"MADL_Style_"+theId+"\">"
        					+ "<div class=\"hori-center\">"
	        					+ "<div class=\"item-left MADL_Style_L\">"
	        						+ "<div class=\"MADL_ImgFieldWrap\">"
				                        + "<span class=\"img MADL_ImgField\" title=\""+SystemEnv.getHtmlNoteName(4166)+"\">"+SystemEnv.getHtmlNoteName(4167)+"</span>"  //图片字段   图片
				                        + "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
			                        + "</div>"
			                    + "</div>"
			                    
			                    + "<div class=\"item-right MADL_Style_R\">"
			                    	+ "<div class=\"field-row-wrap MADL_FieldRowWrap MADL_TitleFieldRowWrap\">"
			                    		+ "<div class=\"field-col-wrap MADL_FieldColWrap\">"
			                        		+ "<span class=\"field title-field MADL_TitleField\">"+SystemEnv.getHtmlNoteName(3534)+"</span>"  //标题
			                        		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
			                        	+ "</div>"
			                        + "</div>"
			                        + fieldHtm
			                    + "</div>"
			                + "</div>"
        				+ "</div>"
    				+ "</div>"
				+ "</div>"
				+ "<div class=\"bottom\"><div class=\"save-btn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3451)+"</div></div>"  //确定
			+ "</div>";
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	return htm;
};


/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.RSSList.prototype.afterAttrDlgBuild = function(){
	var that = this,
		theId = this.id;
	var mecHandler = MECHandlerPool.getHandler(theId);
	
	$("#source_"+theId).val(this.mecJson["source"]);	
	
	$("#size_"+theId).val(this.mecJson["size"]);
	
	var readonly = this.mecJson["readonly"];
	if(readonly == "1"){
		$("#readonly_"+theId).attr("checked","checked");
	}
	
	var $MADL_Style = $("#MADL_Style_" + theId);
	
	//列表字段
	var imgfield = this.mecJson["imgfield"];		//图片字段信息
	var imgfieldV = MADRSSList_FormatJson2Value(imgfield);
	if(imgfieldV != ""){
		$(".MADL_ImgFieldWrap input[name='MADL_Field_Json']", $MADL_Style).val(imgfieldV);
		var fieldid = imgfield["fieldid"];
		if(fieldid != "0"){
			$(".MADL_ImgFieldWrap", $MADL_Style).addClass("choosed");
		}
		fieldPicker('setField', $(".MADL_ImgFieldWrap", $MADL_Style), imgfield);
	}
	
	var titlefield = this.mecJson["titlefield"];	//标题字段信息
	var titlefieldV = MADRSSList_FormatJson2Value(titlefield);
	if(titlefieldV != ""){
		$(".MADL_TitleFieldRowWrap input[name='MADL_Field_Json']", $MADL_Style).val(titlefieldV);
		var fieldid = titlefield["fieldid"];
		var fielddesc = titlefield["fielddesc"];
		$(".MADL_TitleFieldRowWrap .MADL_TitleField", $MADL_Style).html(MADRSSList_DelHtmlTag(fielddesc));
		if(fieldid != "0"){
			$(".MADL_TitleFieldRowWrap .MADL_FieldColWrap", $MADL_Style).addClass("choosed");
		}
		fieldPicker('setField', $(".MADL_TitleFieldRowWrap .MADL_FieldColWrap", $MADL_Style), titlefield);
	}
	
	var otherfields = this.mecJson["otherfields"];
	var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
	$MADL_FieldRowWrap.each(function(i){
		$(".MADL_FieldColWrap", $(this)).each(function(j){
			var colfield = otherfields[i][j];
			var colfieldV = MADRSSList_FormatJson2Value(colfield);
			if(colfieldV != ""){
				$("input[name='MADL_Field_Json']", $(this)).val(colfieldV);
				var fieldid = colfield["fieldid"];
				var fielddesc = colfield["fielddesc"];
				$(".MADL_Field", $(this)).html(MADRSSList_DelHtmlTag(fielddesc));
				if(fieldid != "0"){
					$(this).addClass("choosed");
				}

				fieldPicker('setField', $(this), colfield);
			}
		});
	});
	
	setTimeout(function() { // dom未加载完成, 宽度为0
		MADRSSList_ResizeFieldColWidth(theId); 
	}, 50);
	
	MADRSSList_BindRowOpt(theId);
	
	MADRSSList_BindColOpt(theId);
	
	MADRSSList_BindFieldChoose(theId);
	
	$("#MADRSSList_"+theId).checkbox();
	
	$("#MADL_Style_"+theId + " .item-right").sortable({
		revert: false,
		axis: "y",
		items: ".field-row-wrap:not(.MADL_TitleFieldRowWrap)",
		handle: ".move_btn",
		update: function(){
			mecHandler.autobind.update();
		}
	});
};

/*获取JSON*/
MEC_NS.RSSList.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MADRSSList_"+theId);
	if($attrContainer.length > 0){
		
		this.mecJson["source"] = $("#source_"+theId).val();	//内容来源
		
		this.mecJson["size"] = $("#size_"+theId).val();
		
		this.mecJson["readonly"] = $("#readonly_"+theId).is(':checked') ? "1" : "0";
		
		var $MADL_Style = $("#MADL_Style_" + theId);
		var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
		
		this.mecJson["row"] = $MADL_FieldRowWrap.length;	//行数
		this.mecJson["col"] = $("#column_"+theId).val();	//列数
		
		var imgfieldV = $(".MADL_ImgFieldWrap input[name='MADL_Field_Json']", $MADL_Style).val();
		this.mecJson["imgfield"] = MADRSSList_FormatValue2Json(imgfieldV);		//图片字段信息
		
		var titlefieldV = $(".MADL_TitleFieldRowWrap input[name='MADL_Field_Json']", $MADL_Style).val();
		this.mecJson["titlefield"] = MADRSSList_FormatValue2Json(titlefieldV);	//标题字段信息
	
		var otherfields = [];
		$MADL_FieldRowWrap.each(function(){
			var rowfields = [];
			$(".MADL_FieldColWrap", $(this)).each(function(){
				var colV = $("input[name='MADL_Field_Json']", $(this)).val();
				var colfield = MADRSSList_FormatValue2Json(colV);
				rowfields.push(colfield);
			});
			otherfields.push(rowfields);
		});
		this.mecJson["otherfields"] = otherfields;
	}
	return this.mecJson;
};

MEC_NS.RSSList.prototype.getDefaultMecJson = function(){
	var theId = this.id;
	
	var row = 1;
	var col = 1;
	
	var defMecJson = {};
	
	defMecJson["id"] = theId;
	defMecJson["mectype"] = this.type;
	
	defMecJson["source"] = "";	//内容来源
	defMecJson["size"] = "";	//数据连接
	defMecJson["row"] = row;	//行数
	defMecJson["col"] = col;	//列数
	
	
	defMecJson["imgfield"] = {};	//图片字段信息
	defMecJson["titlefield"] = {"fieldid":"1","fielddesc":SystemEnv.getHtmlNoteName(4141)};	//名称
	
	var otherfields = [];
	for(var i = 0; i < row; i++){
		var rowfields = [];
		for(var j = 0; j < col; j++){
			var colfield = {};
			if(i == 0 && j == 0){
				colfield = {"fieldid":"2","fielddesc":SystemEnv.getHtmlNoteName(5042)};
			}
			rowfields.push(colfield);
		}
		otherfields.push(rowfields);
	}
	defMecJson["otherfields"] = otherfields;
	
	return defMecJson;
};

MEC_NS.RSSList.prototype.validate = function () {
	var source = this.mecJson.source;
	var isValid = !!source;

	if (isValid) {
		return true;
	} else {
		var mec_id = this.id;
		var $pluginAttr = $('#MAD_' + mec_id);
				
		$pluginAttr.find('#source_' + mec_id).parents('.col-m-8').validate({
			value: source,
			rules: [{
				msg: '"' + SystemEnv.getHtmlNoteName(5037).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //订阅源
			}],
		});
		return {
			isValid: isValid,
			msg: SystemEnv.getHtmlNoteName(6070) //请设置订阅源
		};
	}
};

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

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

function MADRSSList_ResizeFieldColWidth(mec_id){
	var $MADL_FieldRowWrap = $("#MADL_Style_" + mec_id + " .MADL_Style_R .MADL_FieldRowWrap").not(".MADL_TitleFieldRowWrap");
	$MADL_FieldRowWrap.each(function(){
		var rowWidth = parseInt($(this).width());
		rowWidth = rowWidth > 0 ? rowWidth : 186;
		var $MADL_FieldColWrap = $(".MADL_FieldColWrap", $(this));
		var colCount = parseInt($MADL_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);
			}
		}
		$MADL_FieldColWrap.each(function(i){
			$(this).width(colWidthArr[i]);
		});
	});
}

function MADRSSList_BindColOpt(mec_id){
	var $MADL_StyleConfig = $("#MADL_StyleConfig_" + mec_id);
	var $column = $("#column_" + mec_id);
	$(".MADL_Column_Add", $MADL_StyleConfig).click(function(){
		var colV = parseInt($column.val());
		
		var $MADL_Style = $("#MADL_Style_" + mec_id);
		var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
		var colHtml = "<div class=\"field-col-wrap MADL_FieldColWrap\">"
						+ "<span class=\"field MADL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段
                		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
                	+ "</div>";
		$MADL_FieldRowWrap.append(colHtml);
		
		MADRSSList_ResizeFieldColWidth(mec_id);
		
		colV++;
		$column.val(colV);
		
	});
	
	$(".MADL_Column_Minus", $MADL_StyleConfig).click(function(){
		var colV = parseInt($column.val());
		if(colV <= 1){
			return;
		}
		var $MADL_Style = $("#MADL_Style_" + mec_id);
		var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
		$(".MADL_FieldColWrap:last-child", $MADL_FieldRowWrap).remove();
		
		MADRSSList_ResizeFieldColWidth(mec_id);
		
		colV--;
		$column.val(colV);
	});
}

function MADRSSList_BindRowOpt(mec_id){
	var $MADL_StyleConfig = $("#MADL_StyleConfig_" + mec_id);
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	$(".MADL_StyleConfig_Row", $MADL_StyleConfig).click(function(){
		var $MADL_Style_R = $("#MADL_Style_" + mec_id + " .MADL_Style_R");
		var $column = $("#column_" + mec_id);
		var colV = parseInt($column.val());
		var $MADL_FieldRowWrap = $("<div class=\"field-row-wrap MADL_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 MADL_FieldColWrap\">"
						+ "<span class=\"field MADL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段
                		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
                	 + "</div>";
		}
		$MADL_FieldRowWrap.append(colHtml);
		$MADL_Style_R.append($MADL_FieldRowWrap);
		
		MADRSSList_ResizeFieldColWidth(mec_id);
		
	});
	
	$("#MADL_Style_" + mec_id + " .MADL_Style_R").off("click", ".del_btn").on("click", ".del_btn", function(){
		$(this).parent().remove();
		mecHandler.autobind.update();
	});
}

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

	var sourceV = "rss";
	fieldPicker('run', {
		id: mec_id,
		sourceId: sourceV,
		callback: {
			afterSelect: function(field, target) {
				target = $(target);
				target.find('input').val( JSON.stringify(field) );
				target.find('.field').html(require('utils').delHtmlTag(field.fielddesc));
				target.removeClass('choosed');
				field.fieldid != 0 && target.addClass('choosed');
				mecHandler.autobind.update();
			}
		}
	});
	
	fieldPicker('change', sourceV, function(data) {}, mec_id);
	
	$("#MADL_Style_" + mec_id + " .MADL_ImgFieldWrap").click(function(e){
		fieldPicker('show', this, mec_id);
		e.stopPropagation(); 
	});
	
	$("#MADL_Style_" + mec_id).off("click", ".MADL_FieldColWrap").on("click", ".MADL_FieldColWrap", function(e){
		fieldPicker('show', this, mec_id);
		e.stopPropagation(); 
	});
	
	function setMADLField(ele){
		var $ele = $(ele);
		
		var fieldid = $ele.attr("fieldid");
		var fielddesc;
		if($ele.hasClass("MADL_CField_Custom")){
			fielddesc = $(".MADL_CField_Custom_Text", $ele).val();
		}else{
			fielddesc = $ele.html();
		}
		fielddesc = $.trim(fielddesc);
		
		var f_json = {"fieldid":fieldid, "fielddesc":fielddesc};
		
		var $MADL_FieldColWrap_Curr = $("#MADL_Style_" + mec_id + " .MADL_FieldColWrap_Curr");
		$MADL_FieldColWrap_Curr.removeClass("choosed");
		if(fieldid != "0"){
			$MADL_FieldColWrap_Curr.addClass("choosed");
		}
		if(!$MADL_FieldColWrap_Curr.hasClass("MADL_ImgFieldWrap")){
			var $MADL_Field = $(".MADL_Field", $MADL_FieldColWrap_Curr);
			$MADL_Field.html(MADRSSList_DelHtmlTag(fielddesc));
			//$MADL_Field.attr("title", fielddesc);
		}
		var $MADL_Field_Json = $("input[name='MADL_Field_Json']", $MADL_FieldColWrap_Curr);
		$MADL_Field_Json.val(JSON.stringify(f_json));
	}
	
	
	$("#MADL_ChooseFields_" + mec_id + " .MADL_CField_None").click(function(e){
		setMADLField(this);
	});
	
	$("#MADL_ChooseFields_" + mec_id + " .MADL_CFieldWrap .MADL_CField").on("click", function(e){
		setMADLField(this);
	});
	
	$("#MADL_ChooseFields_" + mec_id + " .MADL_CField_Custom").click(function(e){
		var $MADL_CField_Custom_Content = $(".MADL_CField_Custom_Content", $(this));
		if(!$MADL_CField_Custom_Content.is(":visible")){
			$(".MADL_CField_Custom_Tip", $(this)).hide();
			$MADL_CField_Custom_Content.show();
		}
		e.stopPropagation(); 
	});
	
	$("#MADL_ChooseFields_" + mec_id + " .MADL_CField_Custom .MADL_CField_Custom_Btn").click(function(e){
		setMADLField($(this).parents(".MADL_CField_Custom")[0]);
		$("#MADL_ChooseFields_" + mec_id).hide();
		e.stopPropagation(); 
	});
}

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