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

shx-3d-render

main
Jan Umbach 2024-06-23 10:32:35 +02:00
parent 3d2da90392
commit 7f11a8bfa1
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -302,23 +302,23 @@
};
function SHX_IFC_genTextInput(inputID, labelText, inputName, inputVal, section_id) {
document.querySelector('#${inputID}').addEventListener('input',(e)=>{
if(!document.querySelector('label[for="${inputID}-label"] span')){
const span = document.createElement("span");
span.style.marginLeft = '10px'
document.querySelector('label[for="${inputID}-label"]').appendChild(span)
}
document.querySelector('label[for="${inputID}-label"] span').style.display = 'inline'
document.querySelector('label[for="${inputID}-label"] span').textContent = e.target.value.length + ' | ' + 13
if(e.target.value.length==0){
document.querySelector('label[for="${inputID}-label"] span').style.display = 'none'
}});
return `
<label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}</label>
<div class="field custom">
<input class="field__input" form="product-form-${section_id}" type="text" id="${inputID}" name="properties[${inputName}]" value="${inputVal}" oninput="document.querySelector('shx-input-forms').renderView()" required maxlength="20">
<script>
document.querySelector('#${inputID}').addEventListener('input',(e)=>{
if(!document.querySelector('label[for="${inputID}-label"] span')){
const span = document.createElement("span");
span.style.marginLeft = '10px'
document.querySelector('label[for="${inputID}-label"]').appendChild(span)
}
document.querySelector('label[for="${inputID}-label"] span').style.display = 'inline'
document.querySelector('label[for="${inputID}-label"] span').textContent = e.target.value.length + ' | ' + 13
if(e.target.value.length==0){
document.querySelector('label[for="${inputID}-label"] span').style.display = 'none'
}})
</script>
</div>
`;
}