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

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

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

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

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


/*页面上显示控件完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.Chart.prototype.afterDesignHtmlBuild = function(){
	var that = this;
	var theId = this.id;
	
	_MEC_ChartWidth = $("#content_editor").width()-4;
		
	var p = replaceObjMutilLanguage(this.mecJson);
	p.id = theId;
	
	var chartMLJson = {};
	chartMLJson['4205'] = SystemEnv.getHtmlNoteName(4205);//图表信息设置不完整，未配置数据来源SQL
	chartMLJson['4206'] = SystemEnv.getHtmlNoteName(4206);//SQL中可能包含待解析的参数变量，需运行时显示
	chartMLJson['4208'] = SystemEnv.getHtmlNoteName(4208);//查询数据来源SQL时出现错误，请检查SQL是否拼写正确
	p["multiLJson"] = chartMLJson;
	
	if (p.isdefault) {
		MADC_setDefaultSQL(theId, function (sql) {
			that.mecJson.sql = sql;
			$("#sql_" + theId).val(sql);
			window["BuildChart_" + p.charttype](p);
		});
		this.mecJson["isdefault"] = false;
	}else{
		window["BuildChart_" + p.charttype](p);
	}
};

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

	var theId = this.id;
	var htm = "<div id=\"MADC_"+theId+"\" class=\"MADC_Container\">"
				+"<div class=\"title\">"
					+SystemEnv.getHtmlNoteName(4650) //基本信息
				+"</div>"
				+"<div class=\"form-group\">"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4185)+"</span>"  //类型：
						+"<div class=\"col-m-8\"><select class=\"form-control\" data-autobind id=\"charttype_"+theId+"\" onchange=\"MADC_ChangeType(this, '"+theId+"');\">"
							+"<option value=\"Column2D\">2D"+SystemEnv.getHtmlNoteName(4186)+"</option>"  //柱形图
							+"<option value=\"Column3D\">3D"+SystemEnv.getHtmlNoteName(4186)+"</option>"  //柱形图
							+"<option value=\"Pie2D\">2D"+SystemEnv.getHtmlNoteName(4187)+"</option>"  //饼图
							+"<option value=\"Pie3D\">3D"+SystemEnv.getHtmlNoteName(4187)+"</option>"  //饼图
							+"<option value=\"Donut2D\">2D"+SystemEnv.getHtmlNoteName(4188)+"</option>"  //环形图
							+"<option value=\"Line2D\">2D"+SystemEnv.getHtmlNoteName(4189)+"</option>"  //折线图
							+"<option value=\"Area2D\">2D"+SystemEnv.getHtmlNoteName(4190)+"</option>"  //面积图
						+"</select></div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4128)+"</span>"  //高度：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='height' id=\"height_"+theId+"\" type=\"text\"/></div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4191)+"</span>"  //宽度：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='width' id=\"width_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4192)+"\"/></div>"  //如：600，此处缺省则为页面宽度
					+"</div>"
					+"<div id=\"onlyline_"+theId+"\" class=\"row\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label3"+styleL+"\">"+SystemEnv.getHtmlNoteName(4193)+"</span>"  //折线颜色：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind id=\"linecolor_"+theId+"\" type=\"text\" placeholder=\""+SystemEnv.getHtmlNoteName(4194)+"\" /></div>"  //默认为蓝色
					+"</div>"
					+"<div class=\"row mg-0\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label1"+styleL+"\">"+SystemEnv.getHtmlNoteName(4129)+"</span>"  //延迟加载：
						+"<div class=\"col-2 pd-4\"><input type=\"checkbox\" id=\"lazyLoad_"+theId+"\"/></div>"
					+"</div>"
				+"</div>"
				
				+"<div class=\"title\">"
					+SystemEnv.getHtmlNoteName(4195)  //标题信息
				+"</div>"
				+"<div class=\"form-group\">"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(3978)+"</span>"  //标题：
						+"<div class=\"col-m-8\"><input class=\"form-control\" data-autobind='title' id=\"title_"+theId+"\" type=\"text\" "+MLanguage.ATTR+"/></div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4196)+"</span>"  //字体：
						+"<div class=\"col-m-8\">"
							+"<input class=\"form-control\" data-autobind='title_font' id=\"title_font_"+theId+"\" type=\"text\" style=\"display: inline-block;width: 64px;\"/>"
						
							+"<span style=\"margin-left: 5px;\">"+SystemEnv.getHtmlNoteName(4197)+"</span>"  //颜色：
							+"<input class=\"form-control\" data-autobind='title_color' id=\"title_color_"+theId+"\" type=\"text\" style=\"display: inline-block;width: 64px;\"/>"
							
							+"<span style=\"margin-left: 5px;\">"+SystemEnv.getHtmlNoteName(4198)+"</span>"  //大小：
							+"<input class=\"form-control\" data-autobind='title_fontsize' id=\"title_fontsize_"+theId+"\" type=\"text\" style=\"display: inline-block;width: 32px;\"/>" 
							+"<span style=\"font-size: 12px;\">&nbsp;PX</span>"
						+"</div>"
					+"</div>"
					+"<div class=\"row mg-0\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label2"+styleL+"\">"+SystemEnv.getHtmlNoteName(4199)+"</span>"  //是否粗体：
						+"<div class=\"col-2 pd-4\"><input id=\"title_fontweight_"+theId+"\" type=\"checkbox\" value=\"bold\"/></div>"
					+"</div>"
				+"</div>"
				
				+"<div class=\"title\">"
					+SystemEnv.getHtmlNoteName(4652)  //图表数据来源
				+"</div>"

				+"<div class=\"form-group\">"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADC_DataSource_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4201)+"</span>"  //数据源：
						+"<div class=\"col-m-8\"><select class=\"form-control\" data-autobind id=\"datasource_"+theId+"\">"
						+"  <option value=\"\">(local)</option>"
						+"</select></div>"
					+"</div>"
					+"<div class=\"row\">"
						+"<span class=\"col-2 span-control MADC_BaseInfo_Label"+styleL+"\">SQL：</span>"
						+"<div class=\"col-m-8\"><textarea class=\"area-control requireded\" data-autobind='sql' id=\"sql_" + theId + "\"></textarea>"
						+"<a class=\"help-link\" href=\"javascript:void(0);\" onclick=\"MADC_OpenSQLHelp();\">"+SystemEnv.getHtmlNoteName(4202)+"</a></div>"  //如何书写SQL？
					+"</div>"
				+"</div>"
				+ "<div class=\"row\" style=\"position: relative;\">"
					+ "<div class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(5378) + "</div>" //图表查询：
					+ "<div class=\"col-m-8\" style=\"position: relative;\">"
						+ "<input type=\"checkbox\" id=\"advancedSearch_"+theId+"\" onclick=\"MADC_DisplayParamsConfig(this, '"+theId+"');\"/>"
						+ "<div class=\"edit-after edit-advanced MADC_EditParamsConfig MADC_EditParamsConfig"
						+ styleL + "\" onclick=\"MADC_EditParamsConfig('"+theId+"');\"></div>"
						+ "<input id=\"searchParams_"+theId+"\" type=\"hidden\"/>"
					+ "</div>"
					+"<a style=\"padding-left:5px;padding-top: 2px;\" class=\"help-link\" href=\"javascript:void(0);\" onclick=\"MADC_OpenSearchHelp();\">"+SystemEnv.getHtmlNoteName(5380)+"</a>"  //如何使用图表查询？

				+ "</div>"
				
				+"<div class=\"title\">"
					+SystemEnv.getHtmlNoteName(4654) //其他设置
				+"</div>"
				+"<div class=\"form-group\">"
					+ "<div class=\"row\" style=\"position: relative;\">"
						+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4949) + "</span> "  //数据格式：
						+ "<div class=\"col-m-8 inline-icons\">" 
							+ "<div class='url-selector'>"
							+ "<input type=\"text\" data-autobind='labelFormat' id=\"labelFormat_"+theId+"\" class=\"form-control MADL_Text_3"+styleL+"\"  placeholder=\""+SystemEnv.getHtmlNoteName(4950)+"\"/>" 
							+ "</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.Chart.prototype.afterAttrDlgBuild = function(){
	var theId = this.id;
	var mecHandler = MECHandlerPool.getHandler(theId);
	
	if(this.mecJson["charttype"]=="Area2D" || this.mecJson["charttype"]=="Line2D"){
		$("#onlyline_"+theId).show();
	}else{
		$("#onlyline_"+theId).hide();
	}
	
	$("#charttype_" + theId).val(this.mecJson["charttype"]);
	$("#height_" + theId).val(this.mecJson["height"]);
	$("#width_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["width"]));
	$("#linecolor_" + theId).val(Mec_FiexdUndefinedVal(this.mecJson["linecolor"]));
	
	var lazyLoad = Mec_FiexdUndefinedVal(this.mecJson["lazyLoad"]);
	if(lazyLoad == "1"){
		$("#lazyLoad_"+theId).checked();
	}
	MLanguage.setValue($("#title_" + theId), this.mecJson["title"]);
	$("#title_font_" + theId).val(this.mecJson["title_font"]);
	$("#title_color_" + theId).val(this.mecJson["title_color"]);
	$("#title_fontsize_" + theId).val(this.mecJson["title_fontsize"]);
	
	var title_fontweight = this.mecJson["title_fontweight"];
	if(title_fontweight == "bold"){
		$("#title_fontweight_" + theId).checked();
	}
	
	//动态获取数据源的值，并给数据源添加HTML
	$("#datasource_" + theId).val(this.mecJson["datasource"]);
	MADC_setDataSourceHTML(theId,this.mecJson["datasource"]);

	var $sql = $("#sql_" + theId);
	$sql[0].value = this.mecJson["sql"];
	$("#labelFormat_" + theId).val(this.mecJson["labelFormat"]);
	$sql.focus(function(){
		$(this).addClass("MADC_Textarea_Focus");
	});
	$sql.blur(function(){
		$(this).removeClass("MADC_Textarea_Focus");
	});
	
	var advancedSearch = Mec_FiexdUndefinedVal(this.mecJson["advancedSearch"] , "0");
	if(advancedSearch == "1"){
		$("#advancedSearch_"+theId).attr("checked","checked");
		$(".MADC_EditParamsConfig",  $("#MADC_"+theId)).show();
	}
	$("#searchParams_"+theId).val(Mec_FiexdUndefinedVal(this.mecJson["searchParams"]));
	
	//标签格式
	require(['urlSelector', "css!urlSelector_css"],function(){
		var label = new URLSelector("labelFormat_"+theId);
		label.initStaticData([
			{"url":"[℃]", "name":SystemEnv.getHtmlNoteName(4951)},//温度
			{"url":"#,##", "name":SystemEnv.getHtmlNoteName(4952)},//千分位
			{"url":"0.00", "name":SystemEnv.getHtmlNoteName(4953)},//保留两位小数
			{"url":"[￥]#,##0.00", "name":SystemEnv.getHtmlNoteName(3916)}//自定义
		]);
		label.init({
			isStatic: true,
        	onClick: function () { 
				mecHandler.autobind.update();
			}
		});
	});
	$("#MADC_"+theId).checkbox({
		onClick: function () { 
			mecHandler.autobind && mecHandler.autobind.update();
		}
	});
};

/*获取JSON*/
MEC_NS.Chart.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MADC_"+theId);
	if($attrContainer.length > 0){
		var charttype = $("#charttype_" + theId).val();
		var height = $("#height_" + theId).val();
		var width = $("#width_" + theId).val();
		var linecolor = $("#linecolor_" + theId).val();
		var lazyLoad = $("#lazyLoad_"+theId).is(':checked') ? "1" : "0";
		var title = MLanguage.getValue($("#title_" + theId));
		var title_font = $("#title_font_" + theId).val();
		var title_color = $("#title_color_" + theId).val();
		var title_fontsize = $("#title_fontsize_" + theId).val();
		var title_fontweight = $("#title_fontweight_" + theId).is(':checked') ? "bold" : "normal";
		var datasource = $("#datasource_" + theId).val();
		var sql = $("#sql_" + theId).val();
		var labelFormat = $("#labelFormat_" + theId).val();
		
		this.mecJson["charttype"] = charttype;
		this.mecJson["height"] = height;
		this.mecJson["width"] = width;
		this.mecJson["linecolor"] = linecolor;
		this.mecJson["lazyLoad"] = lazyLoad;
		this.mecJson["title"] = title;
		this.mecJson["title_font"] = title_font;
		this.mecJson["title_color"] = title_color;
		this.mecJson["title_fontsize"] = title_fontsize;
		this.mecJson["title_fontweight"] = title_fontweight;
		this.mecJson["datasource"] = datasource;
		this.mecJson["sql"] = sql;
		this.mecJson["labelFormat"] = labelFormat;
		this.mecJson["advancedSearch"] = $("#advancedSearch_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["searchParams"] = $("#searchParams_"+theId).val();
	}
	return this.mecJson;
};

MEC_NS.Chart.prototype.getDefaultMecJson = function(){
	return {
		id: this.id,
		mectype: this.type,
		charttype: "Column2D",
		sql: "",
		isdefault: true,
		datasource: "",
		width: "",
		height: "300",
		linecolor: "blue",
		title: "",
		title_font: "Verdana",
		title_color: "black",
		title_fontsize: "18",
		title_fontweight: "bold",
		labelFormat: "",
		advancedSearch: "0",
		searchParams: ""
	};
};

MEC_NS.Chart.prototype.validate = function () {
	var sql = this.mecJson.sql;
	var isValid = !!sql;

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

		$pluginAttr.find('#sql_' + mec_id).parents('.col-m-8').validate({
			value: sql,
			rules: [{
				msg: '"SQL" ' + SystemEnv.getHtmlNoteName(6041)
			}],
			style: {top:'110px'}
		});
		return {
			isValid: isValid,
			msg: SystemEnv.getHtmlNoteName(6074) //请设置SQL！
		};
	}
};

function MADC_setDefaultSQL(mec_id, callback) {
	var datasource = $("#datasource_" + mec_id).val() || "";
	
	require("utils").api("designer/plugin", {
		action: "getDbTypeByDataSource",
		notification: false,
		data: { 
			datasource: datasource
		},
	}, function (result) {
		var sqls = [
			"select 'IE' as name, '25' as value, '#bc6666' as color",
			"union all \nselect 'Chrome' as name, '60' as value, '#cbab4f' as color",
			"union all \nselect 'Firefox' as name, '15' as value, '#76a871' as color",
			""
		];
		var sqlfrom = " ";

		if (result.data.dbtype == 'oracle') {
			sqlfrom = " from dual ";
		}

		callback(sqls.join(sqlfrom));
	});
}

function MADC_OpenSQLHelp(){
	var url = "/mobilemode/admin/dialog/chartSQLHelp.jsp";
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 540;//定义长度
	dlg.Height = 560;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(4204);  //SQL帮助
	dlg.btn = false;
	dlg.show();
}

function MADC_setDataSourceHTML(mec_id,val){
	var $MADL_DataSource = $("#datasource_" + mec_id);
	var url = jionActionUrl("com.weaver.formmodel.mobile.servlet.MobileAppBaseAction", "action=getDataSource");
	FormmodeUtil.doAjaxDataLoad(url, function(datas){
		for(var i = 0; i < datas.length; i++){
			var data = datas[i];
			var pointid = data;
			var selected = "";
			if (pointid=="" || typeof(pointid)=="undefined") continue;
			if (pointid == val) selected = "selected";
			var dataSourceSelectHtml = "<option value=\""+pointid+"\" "+selected+">";
			dataSourceSelectHtml += pointid;
			dataSourceSelectHtml += "</option>";
			$MADL_DataSource.append(dataSourceSelectHtml);
		}
	});
}

function MADC_ChangeType(o, theId){
	var val = $(o).val();
	if(val=="Area2D" || val=="Line2D"){
		$("#onlyline_"+theId).show();
	}else{
		$("#onlyline_"+theId).hide();
	}
}

function MADC_DisplayParamsConfig(cbObj, mec_id){
	var $attrContainer = $("#MADC_"+mec_id);
	if(cbObj.checked){
		$(".MADC_EditParamsConfig", $attrContainer).show();
	}else{
		$(".MADC_EditParamsConfig", $attrContainer).hide();
	}
}

function MADC_EditParamsConfig(mec_id){
	var searchParams = Mec_FiexdUndefinedVal($("#searchParams_" + mec_id).val());
	searchParams = compressByLZ(searchParams);
	
	var url = "/mobilemode/admin/dialog/customSearchParamsConfig.jsp?searchParams="+searchParams;
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 600;//定义长度
	dlg.Height = 600;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(5379);  //图表查询
	dlg.show();
	dlg.hookFn = function(result){
		$("#searchParams_" + mec_id).val(result["searchParams"]);
	};
}

function MADC_OpenSearchHelp(){
	var url = "/mobilemode/admin/dialog/chartSearchHelp.jsp";
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.Width = 540;//定义长度
	dlg.Height = 560;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(5379);  //图表查询
	dlg.btn = false;
	dlg.show();
}