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

shx-3d-render

main
Jan Umbach 2024-06-15 11:57:52 +02:00
parent 8544250741
commit b9b8d7f234
1 changed files with 8 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,7 +24,7 @@
overflow: hidden; overflow: hidden;
} }
.shx_ifc_renderButton { .shx_ifc_renderButton, .shx-ifc-form_label {
margin-top: 1rem; margin-top: 1rem;
} }
@ -41,7 +41,8 @@
let globalInputFormsObjValues = { let globalInputFormsObjValues = {
"test1": { "test1": {
"shx-text1": "test" "shx-text1": "test",
"shx-font": "LT Beverage"
}, },
"test2": { "test2": {
"text1": "test1", "text1": "test1",
@ -51,7 +52,7 @@
function SHX_IFC_genTextInput(inputID, labelText, inputName, inputVal) { function SHX_IFC_genTextInput(inputID, labelText, inputName, inputVal) {
return ` return `
<label class="form__label custom" for="${inputID}-label">${labelText}</label> <label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}</label>
<div class="field custom"> <div class="field custom">
<input class="field__input" form="{{ 'product-form-' | append: section.id }}" type="text" id="${inputID}" name="properties[${inputName}]" value="${inputVal}"> <input class="field__input" form="{{ 'product-form-' | append: section.id }}" type="text" id="${inputID}" name="properties[${inputName}]" value="${inputVal}">
</div> </div>
@ -63,24 +64,13 @@
<button class="button shx_ifc_renderButton" onclick="document.querySelector('shx-input-forms').renderView()">Vorschau generieren</button> <button class="button shx_ifc_renderButton" onclick="document.querySelector('shx-input-forms').renderView()">Vorschau generieren</button>
`; `;
} }
/*<select id="ContactForm-reason" name="contact[reason]" class="field__input" style="height: 60px">
<option value="allgemein">Allgemein</option>
<option value="feedback">Feedback</option>
<option value="einProblemMelden">Ein Problem melden</option>
<option value="erstattungOderRabattBeantragen">Erstattung oder Rabatt beantragen</option>
<option value="produktfrage">Produktfrage</option>
<option value="sonderanfertigung">Sonderanfertigung</option>
<option value="kooperationAnfragen">Kooperation anfragen</option>
<option value="sonstiges">Sonstiges</option>
</select>*/
function SHX_IFC_genDropdownSelect(inputID, labelText, inputName, inputVal, options) { function SHX_IFC_genDropdownSelect(inputID, labelText, inputName, inputVal, options) {
let html = ` let html = `
<label class="form__label custom" for="${inputID}-label">${labelText}</label> <label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}</label>
<div class="field custom"> <div class="field custom">
<select id="${inputID}" name="properties[${inputName}]" class="field__input" style="height: 60px"> <select id="${inputID}" name="properties[${inputName}]" class="field__input" style="height: 40px">
`; `;
for(let i = 0; i < options.length; i++) { for(let i = 0; i < options.length; i++) {
@ -102,7 +92,7 @@
let html = defaultStyle; let html = defaultStyle;
html += SHX_IFC_genTextInput('shx-text1', 'Custom Text 1', 'Custom Text 1', globalInputFormsObjValues['test1']['shx-text1']); html += SHX_IFC_genTextInput('shx-text1', 'Custom Text 1', 'Custom Text 1', globalInputFormsObjValues['test1']['shx-text1']);
html += SHX_IFC_genDropdownSelect('shx-font', 'Dropdown', 'dropdown', 'test', ['test', 'test2', 'test3']); html += SHX_IFC_genDropdownSelect('shx-font', 'Schriftart', 'dropdown', 'LT Beverage', ['LT Beverage', 'test2', 'test3']);
html += SHX_IFC_genRenderButton(); html += SHX_IFC_genRenderButton();
return html; return html;