'+
-' '+sVV+''+
-'
'+
''+
-'
'+
+' '+sVV+''+
+' all
'+
-' none
'+
-' '+
+' ' +
+' '+
+'
'+
+//' '+
+//'
'+
'all
'+
+//' none
'+
+//' '+
'
'+
@@ -130,6 +141,14 @@ function HandleModelList( pVal )
}
}
+ const $SidebarVendors = $('#SidebarVendors');
+ let SidebarHTML = "";
+ $(`.OneVendorBlock`).each((i, el)=>{
+ UpdateVendorCheckbox(el.getAttribute("vendor"));
+ SidebarHTML +=``;
+ });
+ $SidebarVendors.html(SidebarHTML)
+
// let AlreadySelect=$(".ModelCheckBoxSelected");
// let nSelect=AlreadySelect.length;
// if(nSelect==0)
@@ -140,6 +159,14 @@ function HandleModelList( pVal )
TranslatePage();
}
+function scrollToVendor(vendor) {
+ const el = $(".OneVendorBlock[vendor='"+vendor+"']")[0];
+ if (el){
+ document.getElementById('SidebarContainer').setAttribute('open', '0');
+ document.getElementById('Content').scrollTo({top: el.offsetTop, behavior: "smooth"});
+ }
+}
+
function SetModelSelect(vendor, model, checked) {
if (!ModelNozzleSelected.hasOwnProperty(vendor) && !checked) {
return;
@@ -153,6 +180,8 @@ function SetModelSelect(vendor, model, checked) {
if (oVendor.hasOwnProperty(model) || checked) {
oVendor[model] = checked;
}
+
+ UpdateVendorCheckbox(vendor)
}
function GetModelSelect(vendor, model) {
@@ -182,6 +211,8 @@ function FilterModelList(keyword) {
SetModelSelect(strVendor, strModel, $(OneItem).hasClass('ModelCheckBoxSelected'));
}
+ $('.search')[0].setAttribute("hasvalue", keyword ? "1" : "0")
+
let nTotal = pModel.length;
let ModelHtml = {};
let kwSplit = keyword.toLowerCase().match(/\S+/g) || [];
@@ -209,10 +240,14 @@ function FilterModelList(keyword) {
let HtmlNewVendor = '' +
'
';
}
@@ -313,6 +366,29 @@ function SelectPrinterNone( sVendor )
});
}
+function ChooseVendor(sVendor) {
+ const $cbs = $(`.OneVendorBlock[vendor='${sVendor}'] .ModelCheckBox`);
+ const sel = $cbs.length && $cbs.not('.ModelCheckBoxSelected').length;
+
+ sel ? $cbs.addClass('ModelCheckBoxSelected')
+ : $cbs.removeClass('ModelCheckBoxSelected');
+
+ $cbs.each((i, el)=>{SetModelSelect(sVendor, el.getAttribute('model'), sel)});
+}
+
+function UpdateVendorCheckbox(sVendor) {
+ const $vb = $(`.OneVendorBlock[vendor='${sVendor}']`);
+ const $cbs = $vb.find(`.ModelCheckBox`);
+ const $vcb = $vb.find(`.VendorCheckbox`);
+
+ const selCount = $cbs.filter('.ModelCheckBoxSelected').length;
+ const allSel = selCount === $cbs.length && selCount > 0;
+ const nonSel = selCount === 0;
+
+ $vcb.prop({checked: allSel , indeterminate: !allSel && !nonSel});
+
+ $vb.find(".modelCount").text(selCount + " / " + $cbs.length);
+}
function GotoFilamentPage()
{
diff --git a/resources/web/guide/21/index.html b/resources/web/guide/21/index.html
index 6a929c9eec..a0fe7d0072 100644
--- a/resources/web/guide/21/index.html
+++ b/resources/web/guide/21/index.html
@@ -20,16 +20,34 @@
' +
' ' + sVV + '' +
- '
' +
'' +
- '
' +
+ ' all
' +
- ' none
' +
- ' '+
+ ' ' +
+ ' '+
+ '
'+
+ //' ' +
+ //'
' +
'all
' +
+ //' none
' +
+ //' ' +
'
' +
@@ -252,6 +287,17 @@ function FilterModelList(keyword) {
$(OneItem).removeClass('ModelCheckBoxSelected');
}
+ const $SidebarVendors = $('#SidebarVendors');
+ let SidebarHTML = "";
+ $(`.OneVendorBlock`).each((i, el)=>{
+ UpdateVendorCheckbox(el.getAttribute("vendor"));
+ SidebarHTML +=``;
+ });
+ $SidebarVendors.html(SidebarHTML)
+
+ const $content = $('#Content');
+ $content.css("padding-right", $content[0].scrollHeight > $content[0].clientHeight ? "10px" : "20px");
+
// let AlreadySelect=$(".ModelCheckBoxSelected");
// let nSelect=AlreadySelect.length;
// if(nSelect==0)
@@ -287,9 +333,16 @@ function CreatePrinterBlock(OneModel)
''+
'
'+
'
'+
+ '?
'+
+ ''+
+ //'
'+
'Print volume
'+
+ //' ' + OneModel['printable_height'] + '
'+
+ ' Nozzle
'+
+ ' ' + OneModel['nozzle_diameter'].replaceAll(";", " · ") + '
'+
+ ''+
' '+
- ' '+
+ '
'+
''+ vendorName +'
' + modelName +'
'+ modelName +'
'+ // >'+ vendorName +'
'Printer Selection
-
-
-
+
+
+
+
+
+
+
+
+Vendors
+
+
+
+
+
+
+ Search...
+
+
+
-
+
+
+
+
+
-
+
+
+
+
+
+
+Vendors
+
+
+
+
+
+
+ Search...
+
+
+
-
+
+
+
+
+