krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-10-03 09:58:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

Revert checkbox (#1701)

Browse Source 
* Revert "Added script to hide checkbox in form (#1657)"

This reverts commit e6e50491f8.

* style fix
This commit is contained in:
trean
2025-06-12 18:39:22 +02:00
committed by GitHub
parent f23b3131fe
commit 427b24c3c3
2 changed files with 7 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
qdrant-landing/themes/qdrant-2024/assets/css/partials/_hubspot-form.scss
+5 -16
View File
@@ -158,13 +158,11 @@ form.hs-form {
}
.legal-consent-container {
p,
div,
span,
.hs-form-booleancheckbox-display {
p, & div {
font-size: pxToRem(12);
line-height: pxToRem(18);
color: $neutral-60;
margin-bottom: pxToRem(8);
a {
color: $neutral-80;
@@ -198,18 +196,8 @@ form.hs-form {
}
}
}
.hs-fieldtype-booleancheckbox {
// hide initially the checkbox for the legal consent
// to avoid flickering when the form is loaded
// it will be shown only for specific countries chosen in the form
// script handling this is
// in the `qdrant-landing/themes/qdrant-2024/layouts/partials/hubspot-form.htmls` file
display: none;
}
& > div:nth-child(3) {
// hide part of the legal consent text for the specific countries
// see the script in the `qdrant-landing/themes/qdrant-2024/layouts/partials/hubspot-form.htmls` file
display: none;
&:last-child {
margin-bottom: pxToRem(20);
}
}
}
@@ -240,6 +228,7 @@ form.hs-form {
}
.hs_recaptcha.hs-recaptcha {
.grecaptcha-badge {
box-shadow: none !important;
}
qdrant-landing/themes/qdrant-2024/layouts/partials/hubspot-form.html
-53
View File
@@ -27,47 +27,6 @@
}
});
};
// List of countries that require explicit consent for data processing
const restrictedCountries = [
"Argentina", "Belgium", "Canada", "Czech Republic", "Cyprus", "Denmark", "Germany",
"Hungary", "Latvia", "Liechtenstein", "Luxembourg", "Netherlands", "Norway", "France",
"Finland", "Croatia", "Bulgaria", "Belarus", "Bosnia and Herzegovina", "Austria", "Estonia",
"Georgia", "Greenland", "Hong Kong", "Israel", "Italy", "Maldives", "Moldova", "Monaco",
"Portugal", "Russia", "Serbia", "Slovakia", "Slovenia", "Sweden", "Switzerland", "Türkiye",
"Ukraine", "Macedonia (FYROM)", "United Kingdom"
];
// consent block should show additional checkbox for restricted countries
function updateConsentBlocks(form) {
const countryField = form.querySelector('select[name="country"]');
const checkboxField = form.querySelector('.legal-consent-container .hs-fieldtype-booleancheckbox');
const checkboxRelatedConsent = form.querySelector('.legal-consent-container > div:nth-child(3)');
const otherCountriesConsent = form.querySelector('.legal-consent-container > div:nth-child(2)');
if (!countryField || !checkboxField) {
// If there is no country field or checkbox field, exit early
return;
}
const selected = countryField.value;
const isRestricted = restrictedCountries.includes(selected);
const showOptIn = selected && isRestricted;
const checkbox = checkboxField.querySelector('input[type="checkbox"]');
checkboxField.style.display = showOptIn ? "block" : "none";
if (checkboxRelatedConsent) checkboxRelatedConsent.style.display = showOptIn ? "block" : "none";
if (otherCountriesConsent) otherCountriesConsent.style.display = showOptIn ? "none" : "block";
// Toggle checkbox state depending on the country selection
if (selected && !isRestricted) {
if (!checkbox.checked) checkbox.click();
} else {
if (checkbox.checked) checkbox.click();
}
}
try {
hbspt.forms.create({
...options,
@@ -75,19 +34,7 @@
pageId: "{{- .context.Permalink -}}",
target: "#{{- .id -}}",
onFormReady: function($form) {
if (!$form) {
console.warn("Form not found.");
return;
}
initHoneypot($form);
updateConsentBlocks($form);
const countryField = $form.querySelector('select[name="country"]');
if (countryField) {
countryField.addEventListener("change", () => updateConsentBlocks($form));
}
},
});
} catch (e) {