Skip to content

DEX-26369 - Request creare pagina whitepaper B2B2C with form #1009

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ltiseanu merged 5 commits into from
Feb 23, 2026
Merged

DEX-26369 - Request creare pagina whitepaper B2B2C with form #1009

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
dbc962c
DEX-26369 - Request creare pagina whitepaper B2B2C with form
ltiseanu Feb 23, 2026
f08ba58
update
ltiseanu Feb 23, 2026
f50815f
fix js
ltiseanu Feb 23, 2026
4a53a31
fix js
ltiseanu Feb 23, 2026
ee8393d
fix css
ltiseanu Feb 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 54 additions & 7 deletions _src/blocks/booking-form/booking-form.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,37 @@
display: block;
}

.booking-form-container.display-as-content {
margin-top: 3em;
display: block;
width: unset!important;
height: unset!important;
min-height: unset !important;
max-height: unset !important;
position: unset !important;
background: transparent;
height: auto !important;
}

.booking-form-container.display-as-content .modal-close-btn {
display: none;
}

.booking-form-container form.loading > div {
pointer-events: none;
opacity: 0.6;
cursor: not-allowed;
}

.booking-form-container.display-as-content .block.sidebar > div {
gap: 5em;
}

.booking-form-container.display-as-content .block.sidebar > div > div:last-of-type {
width: 500px;
flex: 0 0 500px;
}

.booking-form-container .booking-form-wrapper {
width: 768px;
height: auto;
Expand All @@ -32,6 +63,11 @@
position: relative;
}

.booking-form-container.display-as-content .booking-form-wrapper {
max-height: unset;
overflow-y: unset;
}

.booking-form-container .booking-form-wrapper span.modal-close-btn {
content: 'x';
position: absolute;
Expand Down Expand Up @@ -65,13 +101,6 @@
display: none;
}


.booking-form-container form.loading > div {
pointer-events: none;
opacity: 0.6;
cursor: not-allowed;
}

.booking-form-container form.loading::before {
content: '';
display: inline-block;
Expand Down Expand Up @@ -222,6 +251,24 @@
height: 90vh;
}

.booking-form-container.display-as-content .booking-form-wrapper {
width: unset;
height: unset;
}

.booking-form-container.display-as-content .block.sidebar > div > div.columns-left-col h1 {
display: block;
}

.booking-form-container.display-as-content .block.sidebar > div {
display: block;
}

.booking-form-container.display-as-content .block.sidebar > div > div:last-of-type {
width: 100%;
flex: 0 0 100;
}

.booking-form-container .input-row {
display: block;
}
Expand Down
15 changes: 10 additions & 5 deletions _src/blocks/booking-form/booking-form.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ function sanitizeDataMap(dataMap) {
);
}

function handleSubmit(formBox, widgetId, token) {
function handleSubmit(formBox, widgetId, token, fileName, download) {
const locale = window.location.pathname.split('/')[1] || 'en';
const validateFields = () => {
let isValid = true;
Expand Down Expand Up @@ -276,8 +276,6 @@ function handleSubmit(formBox, widgetId, token) {

// convert Map to ordered object:
const orderedData = sanitizeDataMap(data);
const fileName = formBox.closest('.section').getAttribute('data-savedata');

await submitWithTurnstile({
widgetId,
token,
Expand All @@ -291,20 +289,27 @@ function handleSubmit(formBox, widgetId, token) {
formBox.classList.add('form-submitted');
formBox.querySelector('#title-box').innerHTML = successMsg.innerHTML;
successMsg.scrollIntoView({ behavior: 'smooth' });
if (download) window.open(download, '_blank');
}
},
});
});
}

export default function decorate(block) {
const sectionParent = block.closest('.section');
const { appendto, download, savedata } = sectionParent.dataset;
const formBox = createForm(block);
block.innerHTML = '';
block.appendChild(formBox);
if (appendto) {
sectionParent.querySelector(`.${appendto}`).appendChild(formBox);
} else {
block.appendChild(formBox);
}

renderTurnstile('turnstile-container', { invisible: false })
.then(({ widgetId, token }) => {
handleSubmit(formBox, widgetId, token);
handleSubmit(formBox, widgetId, token, savedata, download);
})
.catch((error) => {
throw new Error(`Turnstile render failed: ${error.message}`);
Expand Down