update resources

2026-01-31 00:48:41 +03:00 · 2025-05-05 14:58:54 +08:00
parent 524bd808f3
commit 3fe258372a
566 changed files with 7708 additions and 5046 deletions
--- a/resources/web/guide/0/index.html
+++ b/resources/web/guide/0/index.html
@@ -17,7 +17,7 @@
 <body onLoad="OnInit()">
 	<div id="LoadBlock">
 		<img id="LoadingSvg" src="loading.svg" />
-		<div id="LoadTip" class="trans" tid="t126">Loading……</div>
+		<div id="LoadTip" class="trans TextS1" tid="t126">Loading……</div>
 	</div>
 </body>
 </html>
--- a/resources/web/guide/0/load.css
+++ b/resources/web/guide/0/load.css
@@ -32,5 +32,4 @@ body
 {
 	font-size: 15px;
 	font-weight: 700;
-	color: #262E30;
 }
--- a/resources/web/guide/0/loading.svg
+++ b/resources/web/guide/0/loading.svg
@@ -2,8 +2,8 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M11 19.2742C11 19.675 11.3555 20 11.7941 20C16.3261 20 20 16.6421 20 12.5C20 8.35786 16.3261 5 11.7941 5C11.3555 5 11 5.32496 11 5.72581C11 6.12666 11.3555 6.45161 11.7941 6.45161C15.4489 6.45161 18.4118 9.15957 18.4118 12.5C18.4118 15.8404 15.4489 18.5484 11.7941 18.5484C11.3555 18.5484 11 18.8733 11 19.2742Z" fill="url(#paint0_linear_2417_1599)"/>
 <defs>
 <linearGradient id="paint0_linear_2417_1599" x1="11.9338" y1="19.2801" x2="11" y2="5.79458" gradientUnits="userSpaceOnUse">
-<stop stop-color="#00AE42"/>
-<stop offset="1" stop-color="#00AE42" stop-opacity="0"/>
+<stop stop-color="#4479FB"/>
+<stop offset="1" stop-color="#4479FB" stop-opacity="0"/>
 </linearGradient>
 </defs>
 </svg>
--- a/resources/web/guide/21/21.css
+++ b/resources/web/guide/21/21.css
@@ -9,13 +9,13 @@
 	padding: 0px;
 	border-bottom:#4479FB 1px solid;
 	width: 100%;
+	display: flex;
+	justify-content:space-between;
+	align-items: center;
 }

-
 .BannerBtns
 {
-	float: right;
-	height: 40px;
 	text-align: center;
 	margin-right: 10px;
 }
@@ -49,10 +49,35 @@
 	padding: 8px;
 }

-.PrinterBlock img
+.PImg
 {
+	position:relative;
+	background-color: #EEEEEE;
 	width:160px;
-	height: 160px;
+	height: 160px;	
+}
+
+.ModelCheckBox
+{
+	position: absolute;
+	width: 20px;
+	height: 20px;
+	right: 10px;
+	top: 10px;
+	cursor: pointer;
+	background-image: url("../img/emptycheck.svg");
+	background-size: cover;
+}
+
+.ModelCheckBox.ModelCheckBoxSelected
+{
+	background-image: url("../img/bluecheck.svg");
+}
+
+img.ModelThumbnail
+{
+	width:  100%;
+	height: 100%;
 }

 .PName
@@ -63,7 +88,7 @@

 .pNozzel
 {
-	display: flex;
+	display: none;
 	align-items: center;
 	justify-content:flex-start;
 	color: #5A5A5A;	
--- a/resources/web/guide/21/21.js
+++ b/resources/web/guide/21/21.js
@@ -1,7 +1,7 @@
 function OnInit()
 {
 	//let strInput=JSON.stringify(cData);
-	//HandleStudio(strInput);
+	//HandleModelList(cData);
 	
 	TranslatePage();
 	
@@ -47,6 +47,19 @@ function ShowPrinterThumb(pItem, strImg)
 	$(pItem).attr('onerror',null);
 }

+function ChooseModel( ModelName )
+{
+	let ChooseItem=$(".ModelCheckBox[model='"+ModelName+"']");
+	
+	if(ChooseItem!=null)
+	{
+		if( $(ChooseItem).hasClass('ModelCheckBoxSelected') )
+			$(ChooseItem).removeClass('ModelCheckBoxSelected');
+		else
+			$(ChooseItem).addClass('ModelCheckBoxSelected');		
+	}		
+}
+
 function HandleModelList( pVal )
 {
 	if( !pVal.hasOwnProperty("model") )
@@ -78,11 +91,11 @@ function HandleModelList( pVal )
 			
 			let HtmlNewVendor='<div class="OneVendorBlock" Vendor="'+strVendor+'">'+
 '<div class="BlockBanner">'+
+'	<a>'+sVV+'</a>'+				
 '	<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>'+
@@ -100,22 +113,18 @@ function HandleModelList( pVal )
 		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+'" /><span>'+nNozzel+'</span><span class="trans" tid="t13">mm nozzle</span></div>';
-		}
-		
 		let CoverImage="../../image/printer/"+OneModel['model']+"_cover.png";
 		let	CoverImage2="../../../profiles/"+strVendor+"/"+OneModel['model']+"_cover.png";
 		let CoverImage3=pVal['configpath']+"/system/"+strVendor+"/"+OneModel['model']+"_cover.png";
 		
 		//alert( 'FinalCover: '+FinalCover );
 		ModelHtml[strVendor]+='<div class="PrinterBlock">'+
-        '	<div class="PImg"><img src="'+CoverImage3+'" onerror="ShowPrinterThumb(this,\''+CoverImage2+'\')" /></div>'+
-        '    <div class="PName">'+OneModel['model']+'</div>'+ HtmlNozzel +'</div>';
+        '<div class="PImg">'+
+		    '<img class="ModelThumbnail" src="'+CoverImage3+'" onerror="ShowPrinterThumb(this,\''+CoverImage2+'\')" />'+
+			'<div class="ModelCheckBox" model="'+OneModel['model']+'" onClick="ChooseModel(\''+OneModel['model']+'\')"></div>'+
+		'</div>'+
+        '    <div class="PName">'+OneModel['model']+'</div>'+ 
+		'</div>';
 		
 	}
 	
@@ -127,7 +136,6 @@ function HandleModelList( pVal )
 	
 	
 	//Update Checkbox
-	$('input').prop("checked", false);
 	for(let m=0;m<nTotal;m++)
 	{
 		let OneModel=pModel[m];
@@ -135,27 +143,15 @@ function HandleModelList( pVal )
 		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);
-		    }
-		}
-		else
-		{
-			$("input[vendor='"+OneModel['vendor']+"'][model='"+OneModel['model']+"']").prop("checked", false);
+			ChooseModel(OneModel['model']);			
 		}
 	}	

-	let AlreadySelect=$("input:checked");
+	let AlreadySelect=$(".ModelCheckBoxSelected");
 	let nSelect=AlreadySelect.length;
 	if(nSelect==0)
-	{
-		//w22
-		$("input[nozzel='0.4']").prop("checked", true);
+	{	
+		$("div.OneVendorBlock[vendor='X 4 Series'] .ModelCheckBox").addClass('ModelCheckBoxSelected');
 	}
 	
 	TranslatePage();
@@ -164,13 +160,13 @@ function HandleModelList( pVal )

 function SelectPrinterAll( sVendor )
 {
-	$("input[vendor='"+sVendor+"']").prop("checked", true);
+	$("div.OneVendorBlock[vendor='"+sVendor+"'] .ModelCheckBox").addClass('ModelCheckBoxSelected');
 }


 function SelectPrinterNone( sVendor )
 {
-	$("input[vendor='"+sVendor+"']").prop("checked", false);
+	$("div.OneVendorBlock[vendor='"+sVendor+"'] .ModelCheckBox").removeClass('ModelCheckBoxSelected');
 }


@@ -187,7 +183,7 @@ function OnExit()
 {	
 	let ModelAll={};
 	
-	let ModelSelect=$("input:checked");
+	let ModelSelect=$(".ModelCheckBoxSelected");
 	let nTotal=ModelSelect.length;

 	if( nTotal==0 )
@@ -202,8 +198,6 @@ function OnExit()
 	    let OneItem=ModelSelect[n];
 		
 		let strModel=OneItem.getAttribute("model");
-		let strVendor=OneItem.getAttribute("vendor");
-		let strNozzel=OneItem.getAttribute("nozzel");
 			
 		//alert(strModel+strVendor+strNozzel);
 		
@@ -214,11 +208,7 @@ function OnExit()
 			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={};
--- a/resources/web/guide/21/index.html
+++ b/resources/web/guide/21/index.html
@@ -23,37 +23,49 @@

 <!--<div class="OneVendorBlock" Vendor="QDT">	
 <div class="BlockBanner">
+	<a>QDT-3DP</a>	
 	<div class="BannerBtns">
 		<div class="SmallBtn_Green trans" onClick="SelectPrinterAll('QDT')">所有</div>
 		<div class="SmallBtn trans" onClick="SelectPrinterNone('QDT')">无</div>
 	</div>
-	
-	<a>QDT-3DP</a>	
+
 </div>
 	
 <div class="PrinterArea">	
 	
 <div class="PrinterBlock">
-	<div class="PImg"><img src="p2.jpg"  /></div>	
+	<div class="PImg">
+		<img class="ModelThumbnail" src="p2.jpg"  />
+        <div class="ModelCheckBox ModelCheckBoxSelected" model="QDT-3DP-V5NORMAL" onClick="ChooseModel('QDT-3DP-V5NORMAL')"></div>		
+	</div>	
    <div class="PName">QDT-3DP-V4NORMAL</div>
    <div class="pNozzel TextS2"><input id="ZZ" type="checkbox" model="QDT-3DP-V4NORMAL" nozzel="0.4" vendor="QDT" />0.4mm nozzle</div>
-	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V4NORMAL" nozzel="0.1" vendor="QDT" />0.1mm nozzle</div>
+	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V4NORMAL" nozzel="0.1" vendor="QDT" />0.1mm nozzle</div>	
 </div>
 <div class="PrinterBlock">
-	<div class="PImg"><img src="p1.jpg"  /></div>	
+	<div class="PImg">
+		<img class="ModelThumbnail" src="p2.jpg"  />
+        <div class="ModelCheckBox"></div>
+	</div>	
    <div class="PName">QDT-3DP-V4NORMAL</div>
    <div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V5NORMAL" nozzel="0.4" vendor="QDT" />0.4mm nozzle</div>
 	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V5NORMAL" nozzel="0.2" vendor="QDT" />0.22mm nozzle</div>
 	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V5NORMAL" nozzel="0.1" vendor="QDT" />0.1mm nozzle</div>
 </div>
 <div class="PrinterBlock">
-	<div class="PImg"><img src="p2.jpg"  /></div>	
+	<div class="PImg">
+		<img class="ModelThumbnail" src="p2.jpg"  />
+        <div class="ModelCheckBox"></div>
+	</div>	
    <div class="PName">QDT-3DP-V4NORMAL</div>
    <div class="pNozzel TextS2"><input id="ZZ" type="checkbox" model="QDT-3DP-V4NORMAL" nozzel="0.4" vendor="QDT" />0.4mm nozzle</div>
 	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V4NORMAL" nozzel="0.1" vendor="QDT" />0.11mm nozzle</div>
 </div>
 <div class="PrinterBlock">
-	<div class="PImg"><img src="p1.jpg"  /></div>	
+	<div class="PImg">
+		<img class="ModelThumbnail" src="p2.jpg"  />
+        <div class="ModelCheckBox ModelCheckBoxSelected"></div>		
+	</div>	
    <div class="PName">QDT-3DP-V4NORMAL</div>
    <div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V5NORMAL" nozzel="0.4" vendor="QDT" />0.4mm nozzle</div>
 	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V5NORMAL" nozzel="0.2" vendor="QDT" />0.22mm nozzle</div>
@@ -66,24 +78,30 @@

 <div class="OneVendorBlock" Vendor="QIDI">	
 <div class="BlockBanner">
+	<a>QIDI-3DP</a>
 	<div class="BannerBtns">
-		<div class="Banner-Btn" onClick="SelectPrinterAll('QIDI')">所有</div>
-		<div class="Banner-Btn" onClick="SelectPrinterNone('QIDI')">无</div>
+		<div class="SmallBtn_Green trans" onClick="SelectPrinterAll('QIDI')">所有</div>
+		<div class="SmallBtn trans" onClick="SelectPrinterNone('QIDI')">无</div>
 	</div>
-	
-	<a>QDT-3DP</a>	
+
 </div>
 	
 <div class="PrinterArea">	
 	
 <div class="PrinterBlock">
-	<div class="PImg"><img src="p2.jpg"  /></div>	
+	<div class="PImg">
+		<img class="ModelThumbnail" src="p2.jpg"  />
+        <div class="ModelCheckBox ModelCheckBoxSelected"></div>		
+	</div>	
    <div class="PName TextS1">QDT-3DP-V4NORMAL</div>
    <div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V4NORMAL" nozzel="0.4" vendor="QIDI" />0.4mm nozzle</div>
 	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V4NORMAL" nozzel="0.1" vendor="QIDI" />0.1mm nozzle</div>
 </div>
 <div class="PrinterBlock">
-	<div class="PImg"><img src="p1.jpg"  /></div>	
+	<div class="PImg">
+		<img class="ModelThumbnail" src="p2.jpg"  />
+        <div class="ModelCheckBox ModelCheckBoxSelected"></div>		
+	</div>
    <div class="PName TextS1">QDT-3DP-V4NORMAL</div>
    <div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V5NORMAL" nozzel="0.4" vendor="QIDI" />0.4mm nozzle</div>
 	<div class="pNozzel TextS2"><input type="checkbox" model="QDT-3DP-V5NORMAL" nozzel="0.2" vendor="QIDI" />0.2mm nozzle</div>
--- a/resources/web/guide/21/test.js
+++ b/resources/web/guide/21/test.js
@@ -1,472 +0,0 @@
-var cData={
-	"filament": {
-		"QDT PA-CF @QDT": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "QDT PA-CF @QDT",
-			"selected": 1,
-			"sub_path": "filament/QDT PA-CF @QDT.json",
-			"type": "PA6+CF",
-			"vendor": "QDT"
-		},
-		"Generic ABS": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic ABS",
-			"selected": 1,
-			"sub_path": "filament/Generic ABS.json",
-			"type": "ABS",
-			"vendor": "Unknow"
-		},
-		"Generic PETG": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic PETG",
-			"selected": 1,
-			"sub_path": "filament/Generic PETG.json",
-			"type": "PET",
-			"vendor": "Unknow"
-		},
-		"Generic PLA": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic PLA",
-			"selected": 1,
-			"sub_path": "filament/Generic PLA.json",
-			"type": "PLA",
-			"vendor": "Unknow"
-		},
-		"Generic TPU": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic TPU",
-			"selected": 1,
-			"sub_path": "filament/Generic TPU.json",
-			"type": "TPU",
-			"vendor": "Unknow"
-		},
-		"Generic TPU83": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic TPU83",
-			"selected": 1,
-			"sub_path": "filament/Generic TPU83.json",
-			"type": "TPU",
-			"vendor": "Unknow"
-		},
-		"Generic TPU87": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic TPU87",
-			"selected": 1,
-			"sub_path": "filament/Generic TPU87.json",
-			"type": "TPU",
-			"vendor": "Unknow"
-		},
-		"Generic TPU90": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic TPU90",
-			"selected": 1,
-			"sub_path": "filament/Generic TPU90.json",
-			"type": "TPU",
-			"vendor": "Unknow"
-		},
-		"Generic TPU95": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "Generic TPU95",
-			"selected": 1,
-			"sub_path": "filament/Generic TPU95.json",
-			"type": "TPU",
-			"vendor": "Unknow"
-		},
-		"K5 ABS @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5 ABS @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5 ABS @Kexcelled.json",
-			"type": "ABS",
-			"vendor": "Kexcelled"
-		},
-		"K5 ASA @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5 ASA @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5 ASA @Kexcelled.json",
-			"type": "ABS",
-			"vendor": "Kexcelled"
-		},
-		"K5 PETG @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5 PETG @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5 PETG @Kexcelled.json",
-			"type": "PET",
-			"vendor": "Kexcelled"
-		},
-		"K5 PLA~ @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5 PLA~ @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5 PLA~ @Kexcelled.json",
-			"type": "PLA",
-			"vendor": "Kexcelled"
-		},
-		"K5 Silk PLA~ @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5 Silk PLA~ @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5 Silk PLA~ @Kexcelled.json",
-			"type": "PLA",
-			"vendor": "Kexcelled"
-		},
-		"K5 Sparkle PLA @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5 Sparkle PLA @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5 Sparkle PLA @Kexcelled.json",
-			"type": "PLA",
-			"vendor": "Kexcelled"
-		},
-		"K5M PLA~ @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5M PLA~ @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5M PLA~ @Kexcelled.json",
-			"type": "PLA",
-			"vendor": "Kexcelled"
-		},
-		"K5P PLA~ @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5P PLA~ @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5P PLA~ @Kexcelled.json",
-			"type": "PLA",
-			"vendor": "Kexcelled"
-		},
-		"K5T ABS @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K5T ABS @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K5T ABS @Kexcelled.json",
-			"type": "ABS",
-			"vendor": "Kexcelled"
-		},
-		"K6 PETG @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K6 PETG @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K6 PETG @Kexcelled.json",
-			"type": "PET",
-			"vendor": "Kexcelled"
-		},
-		"K6 PLA~ @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K6 PLA~ @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K6 PLA~ @Kexcelled.json",
-			"type": "PLA",
-			"vendor": "Kexcelled"
-		},
-		"K6CF PLA~ @Kexcelled ": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K6CF PLA~ @Kexcelled ",
-			"selected": 0,
-			"sub_path": "filament/K6CF PLA~ @Kexcelled.json",
-			"type": "PLA",
-			"vendor": "Kexcelled"
-		},
-		"K7 PC @Kexcelled ": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K7 PC @Kexcelled ",
-			"selected": 0,
-			"sub_path": "filament/K7 PC @Kexcelled.json",
-			"type": "PA6+CF",
-			"vendor": "Kexcelled"
-		},
-		"K7CF PETG @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K7CF PETG @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K7CF PETG @Kexcelled.json",
-			"type": "PET",
-			"vendor": "Kexcelled"
-		},
-		"K7CFLM PAHT @Kexcelled": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "K7CFLM PAHT @Kexcelled",
-			"selected": 1,
-			"sub_path": "filament/K7CFLM PAHT @Kexcelled.json",
-			"type": "PA6+CF",
-			"vendor": "Kexcelled"
-		},
-		"PLA Silk with Glue @ALL": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PLA Silk with Glue @ALL",
-			"selected": 1,
-			"sub_path": "filament/PLA Silk with Glue @ALL.json",
-			"type": "PLA",
-			"vendor": "ALL"
-		},
-		"PLA with Glue except Silk @ALL": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PLA with Glue except Silk @ALL",
-			"selected": 1,
-			"sub_path": "filament/PLA with Glue except Silk @ALL.json",
-			"type": "PLA",
-			"vendor": "ALL"
-		},
-		"PolyDissolve @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyDissolve @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyDissolve @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"PolyFlex TPU95HF @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyFlex TPU95HF @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyFlex TPU95HF @Polymaker.json",
-			"type": "TPU",
-			"vendor": "Polymaker"
-		},
-		"PolyLite ABS @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyLite ABS @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyLite ABS @Polymaker.json",
-			"type": "ABS",
-			"vendor": "Polymaker"
-		},
-		"PolyLite ASA @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyLite ASA @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyLite ASA @Polymaker.json",
-			"type": "ABS",
-			"vendor": "Polymaker"
-		},
-		"PolyLite PC @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyLite PC @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyLite PC @Polymaker.json",
-			"type": "PA6+CF",
-			"vendor": "Polymaker"
-		},
-		"PolyLite PETG @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyLite PETG @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyLite PETG @Polymaker.json",
-			"type": "PET",
-			"vendor": "Polymaker"
-		},
-		"PolyLite PLA Pro~ @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyLite PLA Pro~ @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyLite PLA Pro~ @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"PolyLite PLA Silk~ @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyLite PLA Silk~ @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyLite PLA Silk~ @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"PolyLite PLA~ @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyLite PLA~ @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyLite PLA~ @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"PolyMax PC @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyMax PC @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyMax PC @Polymaker.json",
-			"type": "PA6+CF",
-			"vendor": "Polymaker"
-		},
-		"PolyMax PETG @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyMax PETG @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyMax PETG @Polymaker.json",
-			"type": "PET",
-			"vendor": "Polymaker"
-		},
-		"PolyMax PLA~ @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyMax PLA~ @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyMax PLA~ @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"PolyMide CoPA @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyMide CoPA @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyMide CoPA @Polymaker.json",
-			"type": "PA6+CF",
-			"vendor": "Polymaker"
-		},
-		"PolyMide PA12-CF @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyMide PA12-CF @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyMide PA12-CF @Polymaker.json",
-			"type": "PA6+CF",
-			"vendor": "Polymaker"
-		},
-		"PolyMide PA6-CF @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyMide PA6-CF @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyMide PA6-CF @Polymaker.json",
-			"type": "PA6+CF",
-			"vendor": "Polymaker"
-		},
-		"PolyMide PA6-GF @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyMide PA6-GF @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyMide PA6-GF @Polymaker.json",
-			"type": "PA6+CF",
-			"vendor": "Polymaker"
-		},
-		"PolySupport @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolySupport @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolySupport @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"PolyTerra PLA~ @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyTerra PLA~ @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyTerra PLA~ @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"PolyWood PLA~ @Polymaker": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "PolyWood PLA~ @Polymaker",
-			"selected": 1,
-			"sub_path": "filament/PolyWood PLA~ @Polymaker.json",
-			"type": "PLA",
-			"vendor": "Polymaker"
-		},
-		"eSUN ABS @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN ABS @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN ABS @eSUN.json",
-			"type": "ABS",
-			"vendor": "eSUN"
-		},
-		"eSUN ABS+ @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN ABS+ @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN ABS+ @eSUN.json",
-			"type": "ABS",
-			"vendor": "eSUN"
-		},
-		"eSUN PETG @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN PETG @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN PETG @eSUN.json",
-			"type": "PET",
-			"vendor": "eSUN"
-		},
-		"eSUN PLA @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN PLA @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN PLA @eSUN.json",
-			"type": "PLA",
-			"vendor": "eSUN"
-		},
-		"eSUN PLA Matte~ @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN PLA Matte~ @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN PLA Matte~ @eSUN.json",
-			"type": "PLA",
-			"vendor": "eSUN"
-		},
-		"eSUN PLA ST @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN PLA ST @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN PLA ST @eSUN.json",
-			"type": "PLA",
-			"vendor": "eSUN"
-		},
-		"eSUN PLA Silk~ @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN PLA Silk~ @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN PLA Silk~ @eSUN.json",
-			"type": "PLA",
-			"vendor": "eSUN"
-		},
-		"eSUN PLA+~ @eSUN": {
-			"models": "[QDT-3DP-V4NORMAL][QDT-3DP-V5NORMAL]",
-			"name": "eSUN PLA+~ @eSUN",
-			"selected": 1,
-			"sub_path": "filament/eSUN PLA+~ @eSUN.json",
-			"type": "PLA",
-			"vendor": "eSUN"
-		}
-	},
-	"machine": [{
-			"model": "QDT-3DP-V4NORMAL",
-			"name": "QIDITech QDT-3DP-001-V4-normal",
-			"sub_path": "machine/QIDITech QDT-3DP-001-V4-normal.json"
-		},
-		{
-			"model": "QDT-3DP-V5NORMAL",
-			"name": "QIDITech QDT-3DP-001-V5-normal",
-			"sub_path": "machine/QIDITech QDT-3DP-001-V5-normal.json"
-		}
-	],
-	"model": [{
-			"cover": "D:\\Document\\QIDI\\DevCode\\Slicer\\qidi_slicer\\build\\src\\Debug\\resources\\profiles\\QDT\\QDT-3DP-V4NORMAL_cover.png",
-			"materials": "Generic PLA;PolyDissolve @Polymaker;PolyFlex TPU95HF @Polymaker;K5 Sparkle PLA @Kexcelled;Rock PLA @Polymaker;Generic TPU95;Generic TPU90;Generic TPU87;Generic TPU83;PolyMide CoPA @Polymaker;PolyMide PA6-GF @Polymaker;PolyMide PA12-CF @Polymaker;PolyMide PA6-CF @Polymaker;PolyLite ASA @Polymaker;K5 ASA @Kexcelled;K5T ABS @Kexcelled;PLA with Glue except Silk @ALL;PLA Silk with Glue @ALL;PolyTerra PLA~ @Polymaker; PolyLite PLA~ @Polymaker; PolyLite PLA Pro~ @Polymaker; PolyLite PLA Silk~ @Polymaker; PolyMax PLA~ @Polymaker; PolyWood PLA~ @Polymaker;K5 Silk PLA~ @Kexcelled;K5 PLA~ @Kexcelled;K6 PLA~ @Kexcelled;K6CF PLA~ @Kexcelled;K5M PLA~ @Kexcelled;K5P PLA~ @Kexcelled;eSUN PLA @eSUN; eSUN PLA+~ @eSUN; eSUN PLA Matte~ @eSUN; eSUN PLA Silk~ @eSUN; eSUN PLA ST @eSUN; PolyLite ABS @Polymaker; K5 ABS @Kexcelled; eSUN ABS @eSUN; eSUN ABS+ @eSUN; K5 PETG @Kexcelled; K6 PETG @Kexcelled; PolyMax PETG @Polymaker; PolyLite PETG @Polymaker; eSUN PETG @eSUN; PolySupport @Polymaker;K7CF PETG @Kexcelled;K7CFLM PAHT @Kexcelled; K7LM PAHT @Kexcelled; QDT PA-CF @QDT;K7 PC @Kexcelled; PolyLite PC @Polymaker; PolyMax PC @Polymaker;",
-			"model": "QDT-3DP-V4NORMAL",
-			"nozzle_diameter": "0.4;0.2",
-			"nozzle_selected": "0.4",
-			"sub_path": "machine/QDT-3DP-V4NORMAL.json",
-			"vendor": "QDT"
-		},
-		{
-			"cover": "D:\\Document\\QIDI\\DevCode\\Slicer\\qidi_slicer\\build\\src\\Debug\\resources\\profiles\\QDT\\QDT-3DP-V5NORMAL_cover.png",
-			"materials": "Generic PLA;PolyDissolve @Polymaker;PolyFlex TPU95HF @Polymaker;K5 Sparkle PLA @Kexcelled;Rock PLA @Polymaker;Generic TPU95;Generic TPU90;Generic TPU87;Generic TPU83;PolyMide CoPA @Polymaker;PolyMide PA6-GF @Polymaker;PolyMide PA12-CF @Polymaker;PolyMide PA6-CF @Polymaker;PolyLite ASA @Polymaker;K5 ASA @Kexcelled;K5T ABS @Kexcelled;PLA with Glue except Silk @ALL;PLA Silk with Glue @ALL;PolyTerra PLA~ @Polymaker; PolyLite PLA~ @Polymaker; PolyLite PLA Pro~ @Polymaker; PolyLite PLA Silk~ @Polymaker; PolyMax PLA~ @Polymaker; PolyWood PLA~ @Polymaker;K5 Silk PLA~ @Kexcelled;K5 PLA~ @Kexcelled;K6 PLA~ @Kexcelled;K6CF PLA~ @Kexcelled;K5M PLA~ @Kexcelled;K5P PLA~ @Kexcelled;eSUN PLA @eSUN; eSUN PLA+~ @eSUN; eSUN PLA Matte~ @eSUN; eSUN PLA Silk~ @eSUN; eSUN PLA ST @eSUN; PolyLite ABS @Polymaker; K5 ABS @Kexcelled; eSUN ABS @eSUN; eSUN ABS+ @eSUN; K5 PETG @Kexcelled; K6 PETG @Kexcelled; PolyMax PETG @Polymaker; PolyLite PETG @Polymaker; eSUN PETG @eSUN; PolySupport @Polymaker;K7CF PETG @Kexcelled;K7CFLM PAHT @Kexcelled; K7LM PAHT @Kexcelled; QDT PA-CF @QDT;K7 PC @Kexcelled; PolyLite PC @Polymaker; PolyMax PC @Polymaker;",
-			"model": "QDT-3DP-V5NORMAL",
-			"nozzle_diameter": "0.4;0.2;0.1",
-			"nozzle_selected": "0.4",
-			"sub_path": "machine/QDT-3DP-V5NORMAL.json",
-			"vendor": "QDT"
-		}
-	]
-};
-
-
-var MData={
-	"QDT-3DP-V4NORMAL": {
-		"model": "QDT-3DP-V4NORMAL",
-		"nozzle_diameter": "0.4",
-		"vendor": "QDT"
-	},
-	"QDT-3DP-V5NORMAL": {
-		"model": "QDT-3DP-V5NORMAL",
-		"nozzle_diameter": "0.4;0.2",
-		"vendor": "QDT"
-	}
-};
--- a/resources/web/guide/24/24.css
+++ b/resources/web/guide/24/24.css
@@ -8,13 +8,13 @@
 	padding: 0px;
 	border-bottom:#4479FB 1px solid;	/* y96 */
 	width: 100%;
+	display: flex;
+	justify-content:space-between;
+	align-items: center;
 }

-
 .BannerBtns
 {
-	float: right;
-	height: 40px;
 	text-align: center;
 	margin-right: 10px;
 }
@@ -48,21 +48,46 @@
 	padding: 8px;
 }

-.PrinterBlock img
+.PImg
 {
+	position:relative;
+	background-color: #EEEEEE;
 	width:160px;
-	height: 160px;
+	height: 160px;	
+}
+
+.ModelCheckBox
+{
+	position: absolute;
+	width: 20px;
+	height: 20px;
+	right: 10px;
+	top: 10px;
+	cursor: pointer;
+	background-image: url("../img/emptycheck.svg");
+	background-size: cover;
+}
+
+.ModelCheckBox.ModelCheckBoxSelected
+{
+	background-image: url("../img/bluecheck.svg");
+}
+
+img.ModelThumbnail
+{
+	width:  100%;
+	height: 100%;
 }

 .PName
 {
 	font-weight: 700;
-	text-align:left;
+	text-align: left;
 }

 .pNozzel
 {
-	display: flex;
+	display: none;
 	align-items: center;
 	justify-content:flex-start;
 	color: #5A5A5A;	
--- a/resources/web/guide/24/24.js
+++ b/resources/web/guide/24/24.js
@@ -46,6 +46,19 @@ function ShowPrinterThumb(pItem, strImg)
 	$(pItem).attr('onerror',null);
 }

+function ChooseModel( ModelName )
+{
+	let ChooseItem=$(".ModelCheckBox[model='"+ModelName+"']");
+	
+	if(ChooseItem!=null)
+	{
+		if( $(ChooseItem).hasClass('ModelCheckBoxSelected') )
+			$(ChooseItem).removeClass('ModelCheckBoxSelected');
+		else
+			$(ChooseItem).addClass('ModelCheckBoxSelected');		
+	}		
+}
+
 function HandleModelList( pVal )
 {
 	if( !pVal.hasOwnProperty("model") )
@@ -77,11 +90,11 @@ function HandleModelList( pVal )
 			
 			let HtmlNewVendor='<div class="OneVendorBlock" Vendor="'+strVendor+'">'+
 '<div class="BlockBanner">'+
+'	<a>'+sVV+'</a>'+
 '	<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>'+
@@ -98,14 +111,6 @@ function HandleModelList( pVal )
 		//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+'" /><span>'+nNozzel+'</span><span class="trans" tid="t13">mm nozzle</span></div>';
-		}
 		
 		let CoverImage="../../image/printer/"+OneModel['model']+"_cover.png";
 		let	CoverImage2="../../../profiles/"+strVendor+"/"+OneModel['model']+"_cover.png";
@@ -113,8 +118,13 @@ function HandleModelList( pVal )
 		
 		//alert( 'FinalCover: '+FinalCover );
 		ModelHtml[strVendor]+='<div class="PrinterBlock">'+
-        '	<div class="PImg"><img src="'+CoverImage3+'" onerror="ShowPrinterThumb(this,\''+CoverImage2+'\')" /></div>'+
-        '    <div class="PName">'+OneModel['model']+'</div>'+ HtmlNozzel +'</div>';
+        '<div class="PImg">'+
+		    '<img class="ModelThumbnail" src="'+CoverImage3+'" onerror="ShowPrinterThumb(this,\''+CoverImage2+'\')" />'+
+			'<div class="ModelCheckBox" model="'+OneModel['model']+'" onClick="ChooseModel(\''+OneModel['model']+'\')"></div>'+
+		'</div>'+
+        '    <div class="PName">'+OneModel['model']+'</div>'+ 
+		'</div>';
+		
 	}
 	
 	//Update Nozzel Html Append
@@ -125,7 +135,6 @@ function HandleModelList( pVal )
 	
 	
 	//Update Checkbox
-	$('input').prop("checked", false);
 	for(let m=0;m<nTotal;m++)
 	{
 		let OneModel=pModel[m];
@@ -133,26 +142,15 @@ function HandleModelList( pVal )
 		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);
-		    }
-		}
-		else
-		{
-			$("input[vendor='"+OneModel['vendor']+"'][model='"+OneModel['model']+"']").prop("checked", false);
+			ChooseModel(OneModel['model']);			
 		}
 	}	

-	let AlreadySelect=$("input:checked");
+	let AlreadySelect=$(".ModelCheckBoxSelected");
 	let nSelect=AlreadySelect.length;
 	if(nSelect==0)
 	{
-		$("input[nozzel='0.4'][vendor='QDT']").prop("checked", true);
+		$("div.OneVendorBlock[vendor='QDT'] .ModelCheckBox").addClass('ModelCheckBoxSelected');
 	}
 	
 	TranslatePage();
@@ -161,13 +159,13 @@ function HandleModelList( pVal )

 function SelectPrinterAll( sVendor )
 {
-	$("input[vendor='"+sVendor+"']").prop("checked", true);
+	$("div.OneVendorBlock[vendor='"+sVendor+"'] .ModelCheckBox").addClass('ModelCheckBoxSelected');
 }


 function SelectPrinterNone( sVendor )
 {
-	$("input[vendor='"+sVendor+"']").prop("checked", false);
+	$("div.OneVendorBlock[vendor='"+sVendor+"'] .ModelCheckBox").removeClass('ModelCheckBoxSelected');
 }


@@ -176,7 +174,7 @@ function OnExit()
 {	
 	let ModelAll={};
 	
-	let ModelSelect=$("input:checked");
+	let ModelSelect=$(".ModelCheckBoxSelected");
 	let nTotal=ModelSelect.length;

 	if( nTotal==0 )
@@ -191,8 +189,6 @@ function OnExit()
 	    let OneItem=ModelSelect[n];
 		
 		let strModel=OneItem.getAttribute("model");
-		let strVendor=OneItem.getAttribute("vendor");
-		let strNozzel=OneItem.getAttribute("nozzel");
 			
 		//alert(strModel+strVendor+strNozzel);
 		
@@ -203,11 +199,7 @@ function OnExit()
 			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={};
--- a/resources/web/guide/css/dark.css
+++ b/resources/web/guide/css/dark.css
@@ -40,7 +40,7 @@ body

 .TextS1
 {
-
+	color:#efeff0;
 }

 .TextS2
--- a/resources/web/guide/img/bluecheck.svg
+++ b/resources/web/guide/img/bluecheck.svg
@@ -0,0 +1,7 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 2H26V26H2V2Z" fill="#4479FB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H27V27H1V1ZM2 2V26H26V2H2Z" fill="#ACACAC"/>
+<path d="M2 2H26V26H2V2Z" fill="#4479FB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25 3H3V25H25V3ZM2 2V26H26V2H2Z" fill="white"/>
+<path d="M22.7168 8.2832C23.0944 8.66079 23.0944 9.27137 22.7168 9.64495L12.112 20.2537C11.7344 20.6313 11.1239 20.6313 10.7503 20.2537L5.2832 14.7907C4.9056 14.4131 4.9056 13.8025 5.2832 13.4289C5.66079 13.0553 6.27137 13.0513 6.64495 13.4289L11.4251 18.2091L21.351 8.2832C21.7286 7.9056 22.3392 7.9056 22.7128 8.2832H22.7168Z" fill="white"/>
+</svg>
--- a/resources/web/guide/img/emptycheck.svg
+++ b/resources/web/guide/img/emptycheck.svg
@@ -0,0 +1,5 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H27V27H1V1ZM2 2V26H26V2H2Z" fill="#ACACAC"/>
+<path d="M2 2H26V26H2V2Z" fill="white" fill-opacity="0.3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25 3H3V25H25V3ZM2 2V26H26V2H2Z" fill="white"/>
+</svg>