Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shx-3d-render

main
Jan Umbach 2024-06-21 23:28:10 +02:00
parent d2a6089c9c
commit ed489ed1db
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
snippets/shx-3d-render-input.liquid
View File

@ -237,14 +237,14 @@
let html = `
<label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}: <span class="shx-ifc-form_label_selected">${SHX_getFilamentById(inputVal).name}</span></label>
<label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}: <span class="shx-ifc-form_label_selected shx-ifc-form_label_selected_${inputID}">${SHX_getFilamentById(inputVal).name}</span></label>
<div id="${inputID}" class="shx-ifc-colorselect">
`;
for(let color in options) {
html += `
<input type="radio" id="${inputID}-${color}" form="product-form-${section_id}" name="properties[${inputName}]" value="${options[color].name} #${color}" ${inputVal === color ? 'checked' : ''}>
<label for="${inputID}-${color}" style="background-color: ${options[color].hex};"></label>
<input type="radio" id="${inputID}-${color}" form="product-form-${section_id}" name="properties[${inputName}]" value="${options[color].name} #${color}" ${inputVal === color ? 'checked' : ''}>
<label for="${inputID}-${color}" style="background-color: ${options[color].hex};"></label>
`;
}
@ -478,7 +478,15 @@
let input = target.previousElementSibling;
input.checked = true;
target.closest('.shx-ifc-form_label').querySelector('.shx-ifc-form_label_selected').innerText = target.nextElementSibling.innerText;
// .shx-ifc-form_label_selected_${input.id}
// the the last - and get the id
let inputID = input.id.slice(0, input.id.lastIndexOf('-'));
let filamentID = input.id.slice(inputID.indexOf('-') + 1);
let filament = SHX_getFilamentById(filamentID);
document.querySelector('.shx-ifc-form_label_selected_' + inputID).innerHTML = filament.name;
this.renderView();
}