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

MEC_NS.Toolbar = function(typeTmp, idTmp, mecJsonTmp){
	this.type = typeTmp;
	if(!idTmp){
		idTmp = new UUID().toString();
	}
	this.id = idTmp;
	if(!mecJsonTmp){
		mecJsonTmp = {};
	}
	this.mecJson = mecJsonTmp;
};

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

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

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

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

	return getDesignHtml(this);
};

/*页面上显示控件完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.Toolbar.prototype.afterDesignHtmlBuild = function(){
	var theId = this.id;
	
	var $container = $("#toolbarWrap"+theId);
	$container.css("visibility", "visible");
	var sildeCount = $container.find(".toolbar-point b").length;
	if(sildeCount <= 1){
		$(".toolbar-point", $container).hide();
	}
	
	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);
		}
	}
};

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.Toolbar.prototype.getAttrDlgHtml = function(){
	var theId = this.id;
	
	var nav_items = this.getNavItems();
	
	var htm = "<div id=\"MADT_"+theId+"\">";
	htm += "<div class=\"title\">" + SystemEnv.getHtmlNoteName(4650) + "</div>";
	htm += "<div class=\"form-group\">";
	htm += "<div class=\"row\">"
				+ "<span class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(5021)+"</span>"  //每屏显示：
				+ "<div class=\"col-m-8\" style=\"position: relative;\"><input class=\"form-control\" data-autobind='screenNum' type=\"text\" id=\"screenNum_"+theId+"\"></input><div style=\"position: absolute;top: 8px;right: 6px;\">"+SystemEnv.getHtmlNoteName(4081)+"</div></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+"\"/>"
					+ "<span class=\"cbboxLabel\">"+SystemEnv.getHtmlNoteName(5023)+"</span>" //显示时固定在页面底部
				+ "</div>"
			+ "</div>";
	htm += "</div>";
	
	htm += "<div class=\"form-group\" style=\"padding-top: 0px;\">";
	htm += "<table id=\"MADT_Table_"+theId+"\" class=\"table MADT_Table\">"
				+ "<thead>"
					+ "<tr>"
						+ "<td></td>"
						+ "<td>"+SystemEnv.getHtmlNoteName(4111)+"</td>"  //图标
						+ "<td>"+SystemEnv.getHtmlNoteName(3539)+"</td>"  //显示名称
						+ "<td>"+SystemEnv.getHtmlNoteName(4112)+"</td>"  //来源
						+ "<td>"+SystemEnv.getHtmlNoteName(3621)+"</td>"  //提示
					+ "</tr>"
				+ "</thead>"
				+ "<tbody>";
				
	for(var i = 0; i < nav_items.length; i++){
		htm += MADT_CreateRow(i, theId);
	}
	
	htm += "</tbody></table>";
	htm += "</div>";
	
	htm += "<div class=\"row bottom MADT_Bottom\">"
			  + "<div class=\"col-2 save-btn MADT_SaveBtn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(4114)+"</div>"  //确&nbsp;定
			  + "<div class=\"tr\" style=\"position: relative;\"><span class=\"add-before add-item\" data-scroll=\"bottom\" onclick=\"MADT_AddRow('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3518)+"</span>"
			  + "</div>"  //添加
		+ "</div>";
	
	htm += "</div>";
	
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	return htm;
};

MEC_NS.Toolbar.prototype.buildPermDlg = function(){
    var theId = this.id;
    require(['mec'], function(mec){
        mec.buildPermDlg(theId);
    });
}

/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.Toolbar.prototype.afterAttrDlgBuild = function(){
	var theId = this.id;
	var mecHandler = MECHandlerPool.getHandler(theId);
	
	var isFixedBottom = Mec_FiexdUndefinedVal(this.mecJson["isFixedBottom"]);
	if(isFixedBottom == "1"){
		$("#isFixedBottom_"+theId).attr("checked","checked");
	}
	
	var screenNum;
	if(this.mecJson.hasOwnProperty("screenNum")){	
		screenNum = this.mecJson["screenNum"];
	}else{ //兼容老的数据，默认5
		screenNum = "5";
		this.mecJson.screenNum = '5';
	}
	$("#screenNum_"+theId).val(screenNum);
	
	var nav_items = this.getNavItems();
	
	for(var i = 0; i < nav_items.length; i++){
		var iconpath = nav_items[i]["iconpath"];
		var icontype = nav_items[i]["icontype"];
		var uiid = nav_items[i]["uiid"];
		var uiname = nav_items[i]["uiname"];
		var source = nav_items[i]["source"];
		var custom = nav_items[i]["custom"];
		var jscode = nav_items[i]["jscode"];
		var isremind = nav_items[i]["isremind"];
		
		var remindtype = nav_items[i]["remindtype"];
		var remindsql = nav_items[i]["remindsql"];
		var reminddatasource = nav_items[i]["reminddatasource"];
		var remindjavafilename = nav_items[i]["remindjavafilename"];
		var remindapiconfig = nav_items[i]["remindapiconfig"] || "";

		var permission = nav_items[i]["permission"] || "";
		var navContainer = $('#source_' +i+ '_' +theId).parent();

		$("#pic_path_"+i+"_"+theId).val(iconpath);
		$("#pic_type_"+i+"_"+theId).val(icontype);
		
		MADT_SetPicPath(i, theId, iconpath);
		UrlSelectUtil.nav.setNavLinkName(navContainer, {uiid: uiid, uiname: uiname, custom: custom, jscode: jscode, sourcetype: source});
		$("#source_"+i+"_"+theId).val(source);
		$("#ui_"+i+"_"+theId).val(uiid);
		if(source==1){
			//获取dataurl
			var dataurl = UrlSelectUtil.MOBILE_PAGE_PREFIX + String(uiid).replace('homepage_',"");
			//调用生成
			UrlSelectUtil.link.setUrlLink($("#uiview_"+ i +"_"+theId).parent(),dataurl);
		}else if(source==2){
			UrlSelectUtil.nav.setCustomerPage(navContainer,custom);
		}else if(source==3){
			$("#uiview_"+i+"_"+theId).val(SystemEnv.getHtmlNoteName(4634));
		}
		
		$("#custom_"+i+"_"+theId).val(custom);
		$("#jscode_"+i+"_"+theId).val(jscode);
		$("#source_"+i+"_"+theId).val(source);
		$("#ui_"+i+"_"+theId).val(uiid);
		MLanguage.setValue($("#uiname_"+i+"_"+theId), uiname);
		
		if(isremind == "1"){
			$("#isremind_"+i+"_"+theId).attr("checked","checked");
		}
		
		$("#remindtype_"+i+"_"+theId).val(remindtype);
		$("#remindsql_"+i+"_"+theId).val(remindsql);
		$("#reminddatasource_"+i+"_"+theId).val(reminddatasource);
		$("#remindjavafilename_"+i+"_"+theId).val(remindjavafilename);
		$("#remindapiconfig_"+i+"_"+theId).val(remindapiconfig);
        $("#permission_"+i+"_"+theId).val(permission);
	}
	
	MADT_TriggerTable(theId);
	
	$("#MADT_"+theId).checkbox({
		onClick: function () {
			mecHandler.autobind.update();
		}
	});
	
	$("#MADT_Table_"+theId + " > tbody").sortable({
		revert: false,
		axis: "y",
		items: "tr",
		handle: ".bemove",
		update: function(){
			mecHandler.autobind.update();
		}
	});
};
/*获取JSON*/
MEC_NS.Toolbar.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
		
	var $attrContainer = $("#MADT_"+theId);
	if($attrContainer.length > 0){
		this.mecJson["isFixedBottom"] = $("#isFixedBottom_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["screenNum"] = $("#screenNum_"+theId).val();
		
		var nav_items = [];
		$("#MADT_Table_"+theId + " > tbody > tr").each(function(i){
			var rowIndex = $(this).attr("rowIndex");
			var n_item = {};
			n_item["iconpath"] = $("#pic_path_"+rowIndex+"_"+theId).val();
			n_item["icontype"] = $("#pic_type_"+rowIndex+"_"+theId).val();
			n_item["source"] = $("#source_"+rowIndex+"_"+theId).val();
			n_item["uiid"] = $("#ui_"+rowIndex+"_"+theId).val();
			n_item["custom"] = $("#custom_"+rowIndex+"_"+theId).val();
			n_item["jscode"] = $("#jscode_"+rowIndex+"_"+theId).val();
			n_item["uiname"] = MLanguage.getValue($("#uiname_"+rowIndex+"_"+theId));
			n_item["isremind"] = $("#isremind_"+rowIndex+"_"+theId).is(':checked') ? "1" : "0";
			n_item["remindtype"] = $("#remindtype_"+rowIndex+"_"+theId).val();
			n_item["remindsql"] = $("#remindsql_"+rowIndex+"_"+theId).val();
			n_item["reminddatasource"] = $("#reminddatasource_"+rowIndex+"_"+theId).val();
			n_item["remindjavafilename"] = $("#remindjavafilename_"+rowIndex+"_"+theId).val();
			n_item["remindapiconfig"] = $("#remindapiconfig_"+rowIndex+"_"+theId).val();
            n_item["permission"] = $("#permission_"+rowIndex+"_"+theId).val();

			nav_items.push(n_item);
		});
		this.mecJson["nav_items"] = nav_items;
	}
	return this.mecJson;
};

MEC_NS.Toolbar.prototype.getNavItems = function(){
	var nav_items = this.mecJson["nav_items"];
	if(!nav_items){
		nav_items =  UrlSelectUtil.nav.getNavItems();
		nav_items = nav_items.slice(0,5);
		this.mecJson.nav_items = nav_items;
	}
	return nav_items;
};

function MADT_TriggerTable(mec_id){
	$("#MADT_Table_"+mec_id + " > tbody > tr").each(function(i){
		var rowIndex = $(this).attr("rowIndex");
		MADT_TriggerTableRow(rowIndex, mec_id);
	});
}

function MADT_TriggerTableRow(rowIndex, mec_id){
	MADT_SourceChange(rowIndex, mec_id);
	MADT_IsremindChange(rowIndex, mec_id);
}

function MADT_SourceChange(rowIndex, mec_id){
	var sourceV = $("#source_"+rowIndex+"_"+mec_id).val();
	var $ui = $("#ui_"+rowIndex+"_"+mec_id);
	var $custom = $("#custom_"+rowIndex+"_"+mec_id);
	var $jscode = $("#jscode_"+rowIndex+"_"+mec_id);
	if(sourceV == "1"){
		$custom.hide();
		$jscode.hide();
		$ui.show();
	}else if(sourceV == "2"){
		$ui.hide();
		$jscode.hide();
		$custom.show();
	}else if(sourceV == "3"){
		$custom.hide();
		$ui.hide();
		$jscode.show();
	}
}

function MADT_IsremindChange(rowIndex, mec_id){
	var $numremindEditFlag = $("#numremindEditFlag_"+rowIndex+"_"+mec_id);
	$("#isremind_"+rowIndex+"_"+mec_id).is(':checked') ? $numremindEditFlag.show() : $numremindEditFlag.hide();
}

function MADT_NumremindEdit(rowIndex, mec_id){
	var remindtypeV = $("#remindtype_"+rowIndex+"_"+mec_id).val();
	
	var remindsqlV = $("#remindsql_"+rowIndex+"_"+mec_id).val();
	remindsqlV = $m_encrypt(remindsqlV);
	
	var reminddatasourceV = $("#reminddatasource_"+rowIndex+"_"+mec_id).val();
	var remindjavafilenameV = $("#remindjavafilename_"+rowIndex+"_"+mec_id).val();
	var remindapiconfigV = compressByLZ($("#remindapiconfig_"+rowIndex+"_"+mec_id).val());
	
	var url = "/mobilemode/admin/dialog/numremind.jsp?remindtype="+remindtypeV+"&reminddatasource="+reminddatasourceV+"&remindsql="+remindsqlV+"&remindjavafilename="+remindjavafilenameV+"&remindapiconfig="+remindapiconfigV;
	
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.normalDialog = false;
	dlg.Width = 500;//定义长度
	dlg.Height = 255;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(4116);  //数字提醒
	dlg.show();
	dlg.hookFn = function(result){
		$("#remindtype_"+rowIndex+"_"+mec_id).val(result["remindtype"]);
		$("#remindsql_"+rowIndex+"_"+mec_id).val(result["remindsql"]);
		$("#reminddatasource_"+rowIndex+"_"+mec_id).val(result["reminddatasource"]);
		$("#remindjavafilename_"+rowIndex+"_"+mec_id).val(result["remindjavafilename"]);
		$("#remindapiconfig_"+rowIndex+"_"+mec_id).val(result["remindapiconfig"]);
	};
};

function MADT_DelRow(rowIndex, mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	$("#MADT_Table_"+mec_id + " > tbody > tr[rowIndex='"+rowIndex+"']").remove();
	mecHandler.autobind.update();
}

function MADT_AddRow(mec_id){
	var maxRowIndex = 0;
	$("#MADT_Table_"+mec_id + " > tbody > tr").each(function(i){
		var rowIndex = parseInt($(this).attr("rowIndex"));
		if(rowIndex > maxRowIndex){
			maxRowIndex = rowIndex;
		}
	});
	var currRowIndex = maxRowIndex + 1;
	
	var htm = MADT_CreateRow(currRowIndex, mec_id);
	
	var $newRow = $(htm);
	
	$("#MADT_Table_"+mec_id + " > tbody").append($newRow);
	
	$newRow.checkbox({
		onClick: function () {
			var mecHandler = MECHandlerPool.getHandler(mec_id);
			
			mecHandler.autobind.update();
		}
	}).MLanguage();
	
	MADT_TriggerTableRow(currRowIndex, mec_id);
	
	MADT_SetPicPath(currRowIndex, mec_id, "");
}
			        						        			
function MADT_CreateRow(currRowIndex, mec_id){
	var htm = 
		"<tr rowIndex=\""+currRowIndex+"\">"
			+ "<td class=\"bemove\" width=\"20px\"></td>"
			+ "<td width=\"20px\" style=\"position: relative;\">" 
			+ "<div class=\"item-img MADT_Toolbar_Item_Img\" onclick=\"MADT_PicSet("+currRowIndex+",'"+mec_id+"');\">"
				+ "<img id=\"pic_img_"+currRowIndex+"_"+mec_id+"\"/>"
				+ "<input type=\"hidden\" id=\"pic_type_"+currRowIndex+"_"+mec_id+"\"/>"
				+ "<input type=\"hidden\" id=\"pic_path_"+currRowIndex+"_"+mec_id+"\"/>"
			+ "</div> "
			+ "<div class=\"del-after delFlag\" id=\"iconDelFlag_"+currRowIndex+"_"+mec_id+"\" onclick=\"MADT_DelPicPath("+currRowIndex+",'"+mec_id+"');\"></div>"
			+ "</td>"
			+ "<td width=\"*\"><input id=\"uiname_"+currRowIndex+"_"+mec_id+"\" data-autobind type=\"text\" class=\"form-control\" "+MLanguage.ATTR+"/></td>"
			+ "<td width=\"135px\">"
				+ "<div class=\"sbHolder\" style=\"min-width: 130px;\"><a href=\"javascript:void(0);\" onclick=\"javascript:showNavPanel('#uiview_"+currRowIndex+"_"+mec_id+"');\" class=\"sbToggle sbToggle-btc\"></a>"
				+ "<input class=\"panel-input\" id=\"uiview_"+currRowIndex+"_"+mec_id+"\" readonly='readonly' unselectable='on'  autocomplete=\"off\" onclick=\"javascript:showNavPanel(this);\">"
				+ "<input id=\"ui_"+currRowIndex+"_"+mec_id+"\" type=\"hidden\" />"
				+ "<input id=\"source_"+currRowIndex+"_"+mec_id+"\" type=\"hidden\" />"
				+ "<input id=\"custom_"+currRowIndex+"_"+mec_id+"\" type=\"hidden\"/>"
				+ "<input id=\"jscode_"+currRowIndex+"_"+mec_id+"\" type=\"hidden\"/>"
				+ "</div>"
			+ "</td>"
			+ "<td width=\"37px\" style=\"position: relative;padding-left: 5px;\"><input type=\"checkbox\" id=\"isremind_"+currRowIndex+"_"+mec_id+"\" value=\"1\" onclick=\"MADT_IsremindChange("+currRowIndex+",'"+mec_id+"');\"/>"
				+ "<input type=\"hidden\" id=\"remindtype_"+currRowIndex+"_"+mec_id+"\"/>"
				+ "<input type=\"hidden\" id=\"remindsql_"+currRowIndex+"_"+mec_id+"\"/>"
				+ "<input type=\"hidden\" id=\"reminddatasource_"+currRowIndex+"_"+mec_id+"\"/>"
				+ "<input type=\"hidden\" id=\"remindjavafilename_"+currRowIndex+"_"+mec_id+"\"/>"
				+ "<input type=\"hidden\" id=\"remindapiconfig_"+currRowIndex+"_"+mec_id+"\"/>"
				+ "<div id=\"numremindEditFlag_"+currRowIndex+"_"+mec_id+"\" class=\"numremindEditFlag\" onclick=\"MADT_NumremindEdit("+currRowIndex+",'"+mec_id+"');\"></div>"
				+ "<div class=\"del-after delFlag\" onclick=\"MADT_DelRow("+currRowIndex+",'"+mec_id+"');\"></div>"
			+ "</td>"
		+ "</tr>";
	return htm;
}

function MADT_getUISelectOptionHtml(){
	var htm = "";
	for(var i = 0; i < common_mec_nav_items.length; i++){
		var uiid = common_mec_nav_items[i]["uiid"];
		var uiname = common_mec_nav_items[i]["uiname"];
		htm += "<option value=\""+uiid+"\">"+uiname+"</option>";
	}
	return htm;
}
function MADT_PicSet(rowIndex, mec_id){
	var pic_typeV = MADT_IsNvl($("#pic_type_"+rowIndex+"_"+mec_id).val(),"0");
	var pic_pathV = $("#pic_path_"+rowIndex+"_"+mec_id).val();
	var params = "pic_type=" + pic_typeV + "&pic_path=" + encodeURIComponent(pic_pathV);
	
	showPicsetModal(params, function(result){
		var picPath = result["pic_path"];
		$("#pic_type_"+rowIndex+"_"+mec_id).val(result["pic_type"]);
		$("#pic_path_"+rowIndex+"_"+mec_id).val(picPath);
		
		MADT_SetPicPath(rowIndex, mec_id, picPath);
	});
};

function MADT_SetPicPath(rowIndex, mec_id, picPath){
	var $picImg = $("#pic_img_"+rowIndex+"_"+mec_id);
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	$picImg[0].src = picPath || "/mobilemode/images/mec/add-img-btn_wev8.png";
	$("#iconDelFlag_" + rowIndex + "_" + mec_id).toggleClass("hide-important", !picPath);
	mecHandler.autobind && mecHandler.autobind.update();
}

function MADT_DelPicPath(rowIndex, mec_id){
	$("#pic_type_"+rowIndex+"_"+mec_id).val("");
	$("#pic_path_"+rowIndex+"_"+mec_id).val("");
	
	MADT_SetPicPath(rowIndex, mec_id, "");
}

function MADT_IsNvl(str, dev){
	if (str == "") return dev;
	else return str;
}