fit20 Nederland | fit20 NL | Fit in 20 minuten per week (2024)

`; addresses.innerHTML += addressEle; addressesMobile.innerHTML += addressEle; } }); let dealerId; let studioEmail; const selectDealer = (e) => { dealerId = e.getAttribute('id'); studioEmail = e.getAttribute('title'); console.log(studioEmail); document .querySelectorAll('.address-info-text') .forEach((e) => e.classList.remove('selected')); e.classList.add('selected'); }; function onSubmit(token) { document.getElementById('form_field').submit(); } let persons; const urlRe = new RegExp( '([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?([^ ])+', ); const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/; // object for multi language const errorMsgs = { '/kmt/': { studio: 'Please choose a studio', first: 'First name is required', last: 'Last name is required', email: 'Email is required', email2: 'Please enter a valid email', phone: 'Phone number is required', phone2: 'Please enter a valid phone number', des: "You cannot use a link in the 'Message' field.", first_last: "You cannot use the same name for 'First name' and 'Last name'. Please enter unique values.", }, '/uk/': { studio: 'Please choose a studio', first: 'First name is required', last: 'Last name is required', email: 'Email is required', email2: 'Please enter a valid email', phone: 'Phone is required', phone2: 'Please enter a valid phone number', des: "You cannot use a link in the 'Message' field.", first_last: "You cannot use the same name for 'First name' and 'Last name'. Please enter unique values.", }, '/nl/': { studio: 'Graag eerst een studio kiezen', first: 'Voornaam is een verplicht veld', last: 'Achternaam is een verplicht veld', email: 'Email is een verplicht veld', email2: 'Graag een valide email invullen', phone: 'Telefoonnummer is een verplicht veld', phone2: 'Graag een valide nummer invullen', des: "Het is niet mogelijk om een link in het 'Berichten veld' te plaatsen", first_last: "Het is niet mogelijk om dezelfde naam bij zowel 'Voornaam' als 'Achternaam' in te vullen.", }, '/be/': { studio: 'Graag eerst een studio kiezen', first: 'Voornaam is een verplicht veld', last: 'Achternaam is een verplicht veld', email: 'Email is een verplicht veld', email2: 'Graag een valide email invullen', phone: 'Telefoonnummer is een verplicht veld', phone2: 'Graag een valide nummer invullen', des: "Het is niet mogelijk om een link in het 'Berichten veld' te plaatsen", first_last: "Het is niet mogelijk om dezelfde naam bij zowel 'Voornaam' als 'Achternaam' in te vullen.", }, '/ie/': { studio: 'Please choose a studio', first: 'First name is required', last: 'Last name is required', email: 'Email is required', email2: 'Please enter a valid email', phone: 'Phone number is required', phone2: 'Please enter a valid phone number', des: "You can not use a link in the 'Message' field.", first_last: "You can not use the same name for 'First name' and 'Last name'. Please enter unique values.", }, '/qa/': { studio: 'Please choose a studio', first: 'First name is required', last: 'Last name is required', email: 'Email is required', email2: 'Please enter a valid email', phone: 'Phone number is required', phone2: 'Please enter a valid phone number', des: "You can not use a link in the 'Message' field.", first_last: "You can not use the same name for 'First name' and 'Last name'. Please enter unique values.", }, '/iq/': { studio: 'Please choose a studio', first: 'First name is required', last: 'Last name is required', email: 'Email is required', email2: 'Please enter a valid email', phone: 'Phone number is required', phone2: 'Please enter a valid phone number', des: "You can not use a link in the 'Message' field.", first_last: "You can not use the same name for 'First name' and 'Last name'. Please enter unique values.", }, '/nz/': { studio: 'Please choose a studio', first: 'First name is required', last: 'Last name is required', email: 'Email is required', email2: 'Please enter a valid email', phone: 'Phone number is required', phone2: 'Please enter a valid phone number', des: "You can not use a link in the 'Message' field.", first_last: "You can not use the same name for 'First name' and 'Last name'. Please enter unique values.", }, '/usa/': { studio: 'Please choose a studio', first: 'First name is required', last: 'Last name is required', email: 'Email is required', email2: 'Please enter a valid email', phone: 'Phone number is required', phone2: 'Please enter a valid phone number', des: "You can not use a link in the 'Message' field.", first_last: "You can not use the same name for 'First name' and 'Last name'. Please enter unique values.", }, '/fr/': { studio: 'Veuillez choisir un studio', first: 'Le prénom est requis', last: 'Le nom de famille est requis', email: "L'e-mail est requis", email2: 'Veuillez saisir une adresse e-mail valide', phone: 'Le numéro de téléphone est requis', phone2: 'Veuillez saisir un numéro de téléphone valide', des: "Vous ne pouvez pas utiliser de lien dans le champ 'Message'.", first_last: "Vous ne pouvez pas utiliser le même nom pour 'Prénom' et 'Nom de famille'. Veuillez saisir des valeurs uniques.", }, }; const errorDiv = document.getElementById('kmt_error'); const pushErrorMsg = (errorMsg) => { errorDiv.classList.remove('hidden'); errorDiv.innerHTML = errorMsg; }; const validation = () => { errorDiv.classList.add('hidden'); persons = persons2.checked ? persons2.value : persons1.value; if (!dealerId) { pushErrorMsg(errorMsgs[kmtCountry].studio); } else if (!firstName.value) { pushErrorMsg(errorMsgs[kmtCountry].first); } else if (!lastName.value) { pushErrorMsg(errorMsgs[kmtCountry].last); } else if (!email.value) { pushErrorMsg(errorMsgs[kmtCountry].email); } else if (!email.value.match(emailRegex)) { pushErrorMsg(errorMsgs[kmtCountry].email2); } else if (!phone.value) { pushErrorMsg(errorMsgs[kmtCountry].phone); } else if (!Number(phone.value)) { pushErrorMsg(errorMsgs[kmtCountry].phone2); } else if (firstName.value == lastName.value) { pushErrorMsg(errorMsgs[kmtCountry].first_last); } else if (description.value.match(urlRe)) { pushErrorMsg(errorMsgs[kmtCountry].des); } else { return true; } }; // countryCodes = ['NL', 'DE', 'MA', 'USA', 'EN', 'FR', 'SE', 'UK', 'ES']; const showFormFields = () => { const formFields = document.getElementById('form_field'); formFields.classList.remove('hidden'); }; const callZohoWebhook = async () => { if (validation()) { var data = new FormData(); data.append('type', 'KMT'); data.append('dealerId', dealerId); data.append('firstName', firstName.value); data.append('lastName', lastName.value); data.append('email', email.value); data.append('phone', phone.value); data.append('persons', persons); data.append('description', description.value); data.append('actionCode', actionCode.value); data.append('countryCode', kmtSiteLang.country_code); data.append('source', 'Website'); if (typeof studioEmail !== 'undefined' && studioEmail !== null && studioEmail) { data.append('studioEmail', studioEmail); } else { data.append('studioEmail', ''); } await fetch( 'https://flow.zoho.eu/20065826555/flow/webhook/incoming?zapikey=1001.2a7053ec086b70b7dcd8a6c6483f08b2.b77bccb82858381733f5d239dc138a9d&isdebug=false', { mode: 'no-cors', method: 'POST', body: data, }, ); window.location.href = kmtSiteLang.thank_you_page; } return false; }; const kmtGetLatLng = async (location) => { let latLng = await fetch( `https://maps.googleapis.com/maps/api/geocode/json?address=${location}&key=AIzaSyCIGeR9jXuJonUInemqwwcyKDbcD_EvRKU&callback`, ); latLng = await latLng.json(); if (latLng.results[0]) { return latLng.results[0].geometry.location; } else { return false; } }; const kmtSearch = async (showAll) => { let kmtSearchField = document.getElementById('kmt_search_field').value; let kmtSearchFieldMobile = document.getElementById('kmt_search_field_mobile').value; let kmtLocationLatLng; if (kmtSearchField) { kmtLocationLatLng = await kmtGetLatLng(kmtSearchField); } if (kmtSearchFieldMobile) { kmtLocationLatLng = await kmtGetLatLng(kmtSearchFieldMobile); } if ((kmtSearchField || kmtSearchFieldMobile) && kmtLocationLatLng) { getStudiosArray().then(function (studios) { studios = studios.features; let studio; let latLng; const addresses = document.getElementById('address'); const addressesMobile = document.getElementById('address_mobile'); for (let i in studios) { studio = studios[i]['properties']; studioLatLng = { lng: studios[i]['geometry'].coordinates[0], lat: studios[i]['geometry'].coordinates[1], }; let distance = google.maps.geometry.spherical.computeDistanceBetween( kmtLocationLatLng, studioLatLng, ); studio.distance = Math.round(distance * 0.000621371192); } studios.sort((a, b) => a.properties.distance - b.properties.distance); addresses.innerHTML = ''; addressesMobile.innerHTML = ''; for (let i in studios) { studio = studios[i]['properties']; const addressEle = `

`; addresses.innerHTML += addressEle; addressesMobile.innerHTML += addressEle; } }); } };