mirror of
				https://github.com/SoftFever/OrcaSlicer.git
				synced 2025-11-02 20:51:23 -07:00 
			
		
		
		
	* 选择打印机增加关键字搜索#3 * allow dismiss window by pressing ESC key --------- Co-authored-by: ZdDroid <601865048@qq.com> Co-authored-by: SoftFever <softfeverever@gmail.com>
		
			
				
	
	
		
			446 lines
		
	
	
	
		
			10 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			446 lines
		
	
	
	
		
			10 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
function OnInit()
 | 
						|
{
 | 
						|
	//let strInput=JSON.stringify(cData);
 | 
						|
	//HandleStudio(strInput);
 | 
						|
	
 | 
						|
	TranslatePage();
 | 
						|
	
 | 
						|
	RequestProfile();
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
 | 
						|
function RequestProfile()
 | 
						|
{
 | 
						|
	var tSend={};
 | 
						|
	tSend['sequence_id']=Math.round(new Date() / 1000);
 | 
						|
	tSend['command']="request_userguide_profile";
 | 
						|
	
 | 
						|
	SendWXMessage( JSON.stringify(tSend) );
 | 
						|
}
 | 
						|
 | 
						|
function HandleStudio( pVal )
 | 
						|
{
 | 
						|
//	alert(strInput);
 | 
						|
//	alert(JSON.stringify(strInput));
 | 
						|
//	
 | 
						|
//	let pVal=IsJson(strInput);
 | 
						|
//	if(pVal==null)
 | 
						|
//	{
 | 
						|
//		alert("Msg Format Error is not Json");
 | 
						|
//		return;
 | 
						|
//	}
 | 
						|
	
 | 
						|
	let strCmd=pVal['command'];
 | 
						|
	//alert(strCmd);
 | 
						|
	
 | 
						|
	if(strCmd=='response_userguide_profile')
 | 
						|
	{
 | 
						|
		HandleModelList(pVal['response']);
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
function ShowPrinterThumb(pItem, strImg)
 | 
						|
{
 | 
						|
	$(pItem).attr('src',strImg);
 | 
						|
	$(pItem).attr('onerror',null);
 | 
						|
}
 | 
						|
 | 
						|
function HandleModelList( pVal )
 | 
						|
{
 | 
						|
	if( !pVal.hasOwnProperty("model") )
 | 
						|
		return;
 | 
						|
 | 
						|
    pModel=pVal['model'];
 | 
						|
	
 | 
						|
	let nTotal=pModel.length;
 | 
						|
	let ModelHtml={};
 | 
						|
	for(let n=0;n<nTotal;n++)
 | 
						|
	{
 | 
						|
		let OneModel=pModel[n];
 | 
						|
		
 | 
						|
		let strVendor=OneModel['vendor'];
 | 
						|
		
 | 
						|
		//Add Vendor Html Node
 | 
						|
		if($(".OneVendorBlock[vendor='"+strVendor+"']").length==0)
 | 
						|
		{
 | 
						|
			let sVV=strVendor;
 | 
						|
			if( sVV=="BBL" )
 | 
						|
				sVV="Bambu Lab";			
 | 
						|
			if( sVV=="Custom")
 | 
						|
				sVV="Custom Printer";
 | 
						|
			if( sVV=="Other")
 | 
						|
				sVV="Orca colosseum";
 | 
						|
 | 
						|
			let HtmlNewVendor='<div class="OneVendorBlock" Vendor="'+strVendor+'">'+
 | 
						|
'<div class="BlockBanner">'+
 | 
						|
'	<div class="BannerBtns">'+
 | 
						|
'		<div class="SmallBtn_Green trans" tid="t11" onClick="SelectPrinterAll('+"\'"+strVendor+"\'"+')">all</div>'+
 | 
						|
'		<div class="SmallBtn trans" tid="t12" onClick="SelectPrinterNone('+"\'"+strVendor+"\'"+')">none</div>'+
 | 
						|
'	</div>'+
 | 
						|
'	<a>'+sVV+'</a>'+
 | 
						|
'</div>'+
 | 
						|
'<div class="PrinterArea">	'+
 | 
						|
'</div>'+
 | 
						|
'</div>';
 | 
						|
			
 | 
						|
			$('#Content').append(HtmlNewVendor);
 | 
						|
		}
 | 
						|
		
 | 
						|
		let ModelName=OneModel['model'];
 | 
						|
		
 | 
						|
		//Collect Html Node Nozzel Html
 | 
						|
		if( !ModelHtml.hasOwnProperty(strVendor))
 | 
						|
			ModelHtml[strVendor]='';
 | 
						|
			
 | 
						|
		let NozzleArray=OneModel['nozzle_diameter'].split(';');
 | 
						|
		let HtmlNozzel='';
 | 
						|
		for(let m=0;m<NozzleArray.length;m++)
 | 
						|
		{
 | 
						|
			let nNozzel=NozzleArray[m];
 | 
						|
			HtmlNozzel += '<div class="pNozzel TextS2"><input type="checkbox" model="' + OneModel['model'] + '" nozzel="' + nNozzel + '" vendor="' + strVendor +'" onclick="CheckBoxOnclick(this)" /><span>'+nNozzel+'</span><span class="trans" tid="t13">mm nozzle</span></div>';
 | 
						|
		}
 | 
						|
		
 | 
						|
		let CoverImage=OneModel['cover'];
 | 
						|
		ModelHtml[strVendor]+='<div class="PrinterBlock">'+
 | 
						|
'	<div class="PImg"><img src="'+CoverImage+'"  /></div>'+
 | 
						|
'    <div class="PName">'+OneModel['model']+'</div>'+ HtmlNozzel +'</div>';
 | 
						|
	}
 | 
						|
	
 | 
						|
	//Update Nozzel Html Append
 | 
						|
	for( let key in ModelHtml )
 | 
						|
	{
 | 
						|
		$(".OneVendorBlock[vendor='"+key+"'] .PrinterArea").append( ModelHtml[key] );
 | 
						|
	}
 | 
						|
	
 | 
						|
	
 | 
						|
	//Update Checkbox
 | 
						|
	$('input').prop("checked", false);
 | 
						|
	for(let m=0;m<nTotal;m++)
 | 
						|
	{
 | 
						|
		let OneModel=pModel[m];
 | 
						|
 | 
						|
		let SelectList=OneModel['nozzle_selected'];
 | 
						|
		if(SelectList!='')
 | 
						|
		{
 | 
						|
			SelectList=OneModel['nozzle_selected'].split(';');
 | 
						|
    		let nLen=SelectList.length;
 | 
						|
 | 
						|
		    for(let a=0;a<nLen;a++)
 | 
						|
			{
 | 
						|
			    let nNozzel=SelectList[a];
 | 
						|
				$("input[vendor='" + OneModel['vendor'] + "'][model='" + OneModel['model'] + "'][nozzel='" + nNozzel + "']").prop("checked", true);
 | 
						|
 | 
						|
				SetModelSelect(OneModel['vendor'], OneModel['model'], nNozzel, true);
 | 
						|
			}
 | 
						|
		}
 | 
						|
		else
 | 
						|
		{
 | 
						|
			$("input[vendor='"+OneModel['vendor']+"'][model='"+OneModel['model']+"']").prop("checked", false);
 | 
						|
		}
 | 
						|
	}	
 | 
						|
 | 
						|
	// let AlreadySelect=$("input:checked");
 | 
						|
	// let nSelect=AlreadySelect.length;
 | 
						|
	// if(nSelect==0)
 | 
						|
	// {
 | 
						|
	// 	$("input[nozzel='0.4'][vendor='Custom']").prop("checked", true);
 | 
						|
	// }
 | 
						|
	
 | 
						|
	TranslatePage();
 | 
						|
}
 | 
						|
 | 
						|
function CheckBoxOnclick(obj) {
 | 
						|
 | 
						|
	let strModel = obj.getAttribute("model");
 | 
						|
 | 
						|
	let strVendor = obj.getAttribute("vendor");
 | 
						|
	let strNozzel = obj.getAttribute("nozzel");
 | 
						|
 | 
						|
	SetModelSelect(strVendor, strModel, strNozzel, obj.checked);
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
function SetModelSelect(vendor, model, nozzel, checked) {
 | 
						|
	if (!ModelNozzleSelected.hasOwnProperty(vendor) && !checked) {
 | 
						|
		return;
 | 
						|
	}
 | 
						|
 | 
						|
	if (!ModelNozzleSelected.hasOwnProperty(vendor) && checked) {
 | 
						|
		ModelNozzleSelected[vendor] = {};
 | 
						|
	}
 | 
						|
 | 
						|
	let oVendor = ModelNozzleSelected[vendor];
 | 
						|
	if (!oVendor.hasOwnProperty(model)) {
 | 
						|
		oVendor[model] = {};
 | 
						|
	}
 | 
						|
 | 
						|
	let oModel = oVendor[model];
 | 
						|
	if (oModel.hasOwnProperty(nozzel) || checked) {
 | 
						|
		oVendor[model][nozzel] = checked;
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
function GetModelSelect(vendor, model, nozzel) {
 | 
						|
	if (!ModelNozzleSelected.hasOwnProperty(vendor)) {
 | 
						|
		return false;
 | 
						|
	}
 | 
						|
 | 
						|
	let oVendor = ModelNozzleSelected[vendor];
 | 
						|
	if (!oVendor.hasOwnProperty(model)) {
 | 
						|
		return false;
 | 
						|
	}
 | 
						|
 | 
						|
	let oModel = oVendor[model];
 | 
						|
	if (!oModel.hasOwnProperty(nozzel)) {
 | 
						|
		return false;
 | 
						|
	}
 | 
						|
 | 
						|
	return oVendor[model][nozzel];
 | 
						|
}
 | 
						|
 | 
						|
function FilterModelList(keyword) {
 | 
						|
 | 
						|
	//Save checkbox state
 | 
						|
	let ModelSelect = $('input[type=checkbox]');
 | 
						|
	for (let n = 0; n < ModelSelect.length; n++) {
 | 
						|
		let OneItem = ModelSelect[n];
 | 
						|
 | 
						|
		let strModel = OneItem.getAttribute("model");
 | 
						|
 | 
						|
		let strVendor = OneItem.getAttribute("vendor");
 | 
						|
		let strNozzel = OneItem.getAttribute("nozzel");
 | 
						|
 | 
						|
		SetModelSelect(strVendor, strModel, strNozzel, OneItem.checked);
 | 
						|
	}
 | 
						|
 | 
						|
	let nTotal = pModel.length;
 | 
						|
	let ModelHtml = {};
 | 
						|
 | 
						|
	$('#Content').empty();
 | 
						|
	for (let n = 0; n < nTotal; n++) {
 | 
						|
		let OneModel = pModel[n];
 | 
						|
 | 
						|
		let strVendor = OneModel['vendor'];
 | 
						|
		let ModelName = OneModel['model'];
 | 
						|
		if (ModelName.toLowerCase().indexOf(keyword.toLowerCase()) == -1)
 | 
						|
			continue;
 | 
						|
 | 
						|
		//Add Vendor Html Node
 | 
						|
		if ($(".OneVendorBlock[vendor='" + strVendor + "']").length == 0) {
 | 
						|
			let sVV = strVendor;
 | 
						|
			if (sVV == "BBL")
 | 
						|
				sVV = "Bambu Lab";
 | 
						|
			if (sVV == "Custom")
 | 
						|
				sVV = "Custom Printer";
 | 
						|
			if (sVV == "Other")
 | 
						|
				sVV = "Orca colosseum";
 | 
						|
 | 
						|
			let HtmlNewVendor = '<div class="OneVendorBlock" Vendor="' + strVendor + '">' +
 | 
						|
				'<div class="BlockBanner">' +
 | 
						|
				'	<div class="BannerBtns">' +
 | 
						|
				'		<div class="SmallBtn_Green trans" tid="t11" onClick="SelectPrinterAll(' + "\'" + strVendor + "\'" + ')">all</div>' +
 | 
						|
				'		<div class="SmallBtn trans" tid="t12" onClick="SelectPrinterNone(' + "\'" + strVendor + "\'" + ')">none</div>' +
 | 
						|
				'	</div>' +
 | 
						|
				'	<a>' + sVV + '</a>' +
 | 
						|
				'</div>' +
 | 
						|
				'<div class="PrinterArea">	' +
 | 
						|
				'</div>' +
 | 
						|
				'</div>';
 | 
						|
 | 
						|
			$('#Content').append(HtmlNewVendor);
 | 
						|
		}
 | 
						|
 | 
						|
		//Collect Html Node Nozzel Html
 | 
						|
		if (!ModelHtml.hasOwnProperty(strVendor))
 | 
						|
			ModelHtml[strVendor] = '';
 | 
						|
 | 
						|
		let NozzleArray = OneModel['nozzle_diameter'].split(';');
 | 
						|
		let HtmlNozzel = '';
 | 
						|
		for (let m = 0; m < NozzleArray.length; m++) {
 | 
						|
			let nNozzel = NozzleArray[m];
 | 
						|
			HtmlNozzel += '<div class="pNozzel TextS2"><input type="checkbox" model="' + OneModel['model'] + '" nozzel="' + nNozzel + '" vendor="' + strVendor + '" onclick="CheckBoxOnclick(this)" /><span>' + nNozzel + '</span><span class="trans" tid="t13">mm nozzle</span></div>';
 | 
						|
		}
 | 
						|
 | 
						|
		let CoverImage = OneModel['cover'];
 | 
						|
		ModelHtml[strVendor] += '<div class="PrinterBlock">' +
 | 
						|
			'	<div class="PImg"><img src="' + CoverImage + '"  /></div>' +
 | 
						|
			'    <div class="PName">' + OneModel['model'] + '</div>' + HtmlNozzel + '</div>';
 | 
						|
	}
 | 
						|
 | 
						|
	//Update Nozzel Html Append
 | 
						|
	for (let key in ModelHtml) {
 | 
						|
		let obj = $(".OneVendorBlock[vendor='" + key + "'] .PrinterArea");
 | 
						|
		obj.empty();
 | 
						|
		obj.append(ModelHtml[key]);
 | 
						|
	}
 | 
						|
 | 
						|
 | 
						|
	//Update Checkbox
 | 
						|
	ModelSelect = $('input[type=checkbox]');
 | 
						|
	for (let n = 0; n < ModelSelect.length; n++) {
 | 
						|
		let OneItem = ModelSelect[n];
 | 
						|
 | 
						|
		let strModel = OneItem.getAttribute("model");
 | 
						|
		let strVendor = OneItem.getAttribute("vendor");
 | 
						|
		let strNozzel = OneItem.getAttribute("nozzel");
 | 
						|
 | 
						|
		let checked = GetModelSelect(strVendor, strModel, strNozzel);
 | 
						|
 | 
						|
		OneItem.checked = checked;
 | 
						|
	}
 | 
						|
 | 
						|
	// let AlreadySelect=$("input:checked");
 | 
						|
	// let nSelect=AlreadySelect.length;
 | 
						|
	// if(nSelect==0)
 | 
						|
	// {
 | 
						|
	// 	$("input[nozzel='0.4'][vendor='Custom']").prop("checked", true);
 | 
						|
	// }
 | 
						|
 | 
						|
	TranslatePage();
 | 
						|
}
 | 
						|
 | 
						|
function SelectPrinterAll( sVendor )
 | 
						|
{
 | 
						|
	$("input[vendor='"+sVendor+"']").prop("checked", true);
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
function SelectPrinterNone( sVendor )
 | 
						|
{
 | 
						|
	$("input[vendor='"+sVendor+"']").prop("checked", false);
 | 
						|
}
 | 
						|
 | 
						|
function OnExitFilter() {
 | 
						|
 | 
						|
	let nTotal = 0;
 | 
						|
	let ModelAll = {};
 | 
						|
	for (vendor in ModelNozzleSelected) {
 | 
						|
		for (model in ModelNozzleSelected[vendor]) {
 | 
						|
			for (nozzel in ModelNozzleSelected[vendor][model]) {
 | 
						|
				if (!ModelNozzleSelected[vendor][model][nozzel])
 | 
						|
					continue;
 | 
						|
 | 
						|
				if (!ModelAll.hasOwnProperty(model)) {
 | 
						|
					//alert("ADD: "+strModel);
 | 
						|
 | 
						|
					ModelAll[model] = {};
 | 
						|
 | 
						|
					ModelAll[model]["model"] = model;
 | 
						|
					ModelAll[model]["nozzle_diameter"] = '';
 | 
						|
					ModelAll[model]["vendor"] = vendor;
 | 
						|
				}
 | 
						|
 | 
						|
				ModelAll[model]["nozzle_diameter"] += ModelAll[model]["nozzle_diameter"] == '' ? nozzel : ';' + nozzel;
 | 
						|
 | 
						|
				nTotal++;
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
	}
 | 
						|
 | 
						|
	var tSend = {};
 | 
						|
	tSend['sequence_id'] = Math.round(new Date() / 1000);
 | 
						|
	tSend['command'] = "save_userguide_models";
 | 
						|
	tSend['data'] = ModelAll;
 | 
						|
 | 
						|
	SendWXMessage(JSON.stringify(tSend));
 | 
						|
 | 
						|
	return nTotal;
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
//
 | 
						|
function OnExit()
 | 
						|
{	
 | 
						|
	let ModelAll={};
 | 
						|
	
 | 
						|
	let ModelSelect=$("input:checked");
 | 
						|
	let nTotal=ModelSelect.length;
 | 
						|
 | 
						|
	if( nTotal==0 )
 | 
						|
	{
 | 
						|
		ShowNotice(1);
 | 
						|
		
 | 
						|
		return 0;
 | 
						|
	}
 | 
						|
	
 | 
						|
	for(let n=0;n<nTotal;n++)
 | 
						|
	{
 | 
						|
	    let OneItem=ModelSelect[n];
 | 
						|
		
 | 
						|
		let strModel=OneItem.getAttribute("model");
 | 
						|
		let strVendor=OneItem.getAttribute("vendor");
 | 
						|
		let strNozzel=OneItem.getAttribute("nozzel");
 | 
						|
			
 | 
						|
		//alert(strModel+strVendor+strNozzel);
 | 
						|
		
 | 
						|
		if(!ModelAll.hasOwnProperty(strModel))
 | 
						|
		{
 | 
						|
			//alert("ADD: "+strModel);
 | 
						|
			
 | 
						|
			ModelAll[strModel]={};
 | 
						|
		
 | 
						|
			ModelAll[strModel]["model"]=strModel;
 | 
						|
			ModelAll[strModel]["nozzle_diameter"]='';
 | 
						|
			ModelAll[strModel]["vendor"]=strVendor;
 | 
						|
		}
 | 
						|
		
 | 
						|
		ModelAll[strModel]["nozzle_diameter"]+=ModelAll[strModel]["nozzle_diameter"]==''?strNozzel:';'+strNozzel;
 | 
						|
	}
 | 
						|
		
 | 
						|
	var tSend={};
 | 
						|
	tSend['sequence_id']=Math.round(new Date() / 1000);
 | 
						|
	tSend['command']="save_userguide_models";
 | 
						|
	tSend['data']=ModelAll;
 | 
						|
	
 | 
						|
	SendWXMessage( JSON.stringify(tSend) );
 | 
						|
 | 
						|
    return nTotal;
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
function ShowNotice( nShow )
 | 
						|
{
 | 
						|
	if(nShow==0)
 | 
						|
	{
 | 
						|
		$("#NoticeMask").hide();
 | 
						|
		$("#NoticeBody").hide();
 | 
						|
	}
 | 
						|
	else
 | 
						|
	{
 | 
						|
		$("#NoticeMask").show();
 | 
						|
		$("#NoticeBody").show();
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
function CancelSelect()
 | 
						|
{
 | 
						|
	var tSend={};
 | 
						|
	tSend['sequence_id']=Math.round(new Date() / 1000);
 | 
						|
	tSend['command']="user_guide_cancel";
 | 
						|
	tSend['data']={};
 | 
						|
		
 | 
						|
	SendWXMessage( JSON.stringify(tSend) );			
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
function ConfirmSelect()
 | 
						|
{
 | 
						|
	let nChoose=OnExitFilter();
 | 
						|
	
 | 
						|
	if(nChoose>0)
 | 
						|
    {
 | 
						|
		var tSend={};
 | 
						|
		tSend['sequence_id']=Math.round(new Date() / 1000);
 | 
						|
		tSend['command']="user_guide_finish";
 | 
						|
		tSend['data']={};
 | 
						|
		tSend['data']['action']="finish";
 | 
						|
		
 | 
						|
		SendWXMessage( JSON.stringify(tSend) );			
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 |