Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor breadcrumb margins and add reCAPTCHA validation to contact forms

Browse Source
This commit is contained in:
Roman Pyrih
2025-04-22 15:28:06 +02:00
parent e05749bfda
commit 651d2f61f2
12 changed files with 307 additions and 506 deletions
Download Patch File Download Diff File Expand all files Collapse all files

479
templates_user/page-contact-v5.php
View File

@@ -1086,79 +1086,79 @@ $klienci_instytucjonalni = [
</div>
<div class="c-row c-row-2">
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new">
<input type="hidden" name="action" value="send-contact-form-new">
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
<input type="hidden" name="website" value="">
<input type="hidden" name="action" value="send-contact-form-new">
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
<input type="hidden" name="website" value="">
<div class="_2_columns">
<input type="text" name="name" placeholder="Imię" required>
<input type="email" name="email" placeholder="Adres e-mail" required>
</div>
<div class="_2_columns">
<input type="text" name="phone" placeholder="Telefon" required>
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
</div>
<div class="_2_columns">
<div class="voivodeship__wrapper">
<select name="voivodeship" required>
<option value="" disabled selected>Województwa</option>
<option value="dolnoslaskie">dolnośląskie</option>
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
<option value="lubelskie">lubelskie</option>
<option value="lubuskie">lubuskie</option>
<option value="lodzkie">łódzkie</option>
<option value="malopolskie">małopolskie</option>
<option value="mazowieckie">mazowieckie</option>
<option value="opolskie">opolskie</option>
<option value="podkarpackie">podkarpackie</option>
<option value="podlaskie">podlaskie</option>
<option value="pomorskie">pomorskie</option>
<option value="slaskie">śląskie</option>
<option value="swietokrzyskie">świętokrzyskie</option>
<option value="warminsko-mazurskie">warmińsko-mazurskie</option>
<option value="wielkopolskie">wielkopolskie</option>
<option value="zachodniopomorskie">zachodniopomorskie</option>
</select>
<div class="_2_columns">
<input type="text" name="name" placeholder="Imię" required>
<input type="email" name="email" placeholder="Adres e-mail" required>
</div>
<div class="_2_columns">
<input type="text" name="phone" placeholder="Telefon" required>
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
</div>
<div class="_2_columns">
<div class="voivodeship__wrapper">
<select name="voivodeship" required>
<option value="" disabled selected>Województwa</option>
<option value="dolnoslaskie">dolnośląskie</option>
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
<option value="lubelskie">lubelskie</option>
<option value="lubuskie">lubuskie</option>
<option value="lodzkie">łódzkie</option>
<option value="malopolskie">małopolskie</option>
<option value="mazowieckie">mazowieckie</option>
<option value="opolskie">opolskie</option>
<option value="podkarpackie">podkarpackie</option>
<option value="podlaskie">podlaskie</option>
<option value="pomorskie">pomorskie</option>
<option value="slaskie">śląskie</option>
<option value="swietokrzyskie">świętokrzyskie</option>
<option value="warminsko-mazurskie">warmińsko-mazurskie</option>
<option value="wielkopolskie">wielkopolskie</option>
<option value="zachodniopomorskie">zachodniopomorskie</option>
</select>
</div>
<div class="_radios">
<div class="_radio">
<input type="radio" id="client-private" name="client" value="Klient prywatny" required>
<label for="client-private">Klient prywatny</label>
<div class="_radios">
<div class="_radio">
<input type="radio" id="client-private" name="client" value="Klient prywatny" required>
<label for="client-private">Klient prywatny</label>
</div>
<div class="_radio">
<input type="radio" id="client-business" name="client" value="Klient biznesowy" required>
<label for="client-business">Klient biznesowy</label>
</div>
</div>
</div>
<div class="_radio">
<input type="radio" id="client-business" name="client" value="Klient biznesowy" required>
<label for="client-business">Klient biznesowy</label>
<div class="_1_column">
<textarea name="message" placeholder="Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj. Możesz także wpisać wymiary i rodzaje okien jakimi jesteś zainteresowany."></textarea>
</div>
<div class="_text">Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.</div>
<div class="_file fileuploader fileuploader-theme-default">
<input type="hidden" name="fileuploader-list-files" value="[]">
<input type="file" name="files[]" class="files" multiple="multiple">
<div class="fileuploader-items">
<ul class="fileuploader-items-list"></ul>
</div>
</div>
</div>
<div class="_1_column">
<textarea name="message" placeholder="Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj. Możesz także wpisać wymiary i rodzaje okien jakimi jesteś zainteresowany."></textarea>
</div>
<div class="_text">Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.</div>
<div class="_file fileuploader fileuploader-theme-default">
<input type="hidden" name="fileuploader-list-files" value="[]">
<input type="file" name="files[]" class="files" multiple="multiple">
<div class="fileuploader-items">
<ul class="fileuploader-items-list"></ul>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_1" id="zgoda_1">
<label for="zgoda_1">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania stosownej oferty.</label>
</div>
</div>
</div>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_1" id="zgoda_1">
<label for="zgoda_1">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania stosownej oferty.</label>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_2" id="zgoda_2">
<label for="zgoda_2">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania materiałów reklamowych.</label>
</div>
</div>
</div>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_2" id="zgoda_2">
<label for="zgoda_2">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania materiałów reklamowych.</label>
<div class="_1_column form_actions">
<div class="g-recaptcha" data-sitekey="6LfaovglAAAAAAieLVC7i4xGkQA5ufXUbWLipSbp"></div>
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
</div>
</div>
<div class="_1_column form_actions">
<div class="g-recaptcha" data-sitekey="6LfaovglAAAAAAieLVC7i4xGkQA5ufXUbWLipSbp"></div>
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
</div>
</form>
</div>
</div>
@@ -1423,331 +1423,34 @@ $klienci_instytucjonalni = [
<script class="footer" type="text/javascript" src="/plugins/fileuploader/jquery.fileuploader.min.js"></script>
<script class="footer" type="text/javascript">
// const fullScreenPolygon = [
// { lat: 85, lng: -179.999 },
// { lat: -85, lng: -179.999 },
// { lat: -85, lng: 179.999 },
// { lat: 85, lng: 179.999 }
// ];
let contactFormNew_Started = false;
$('#contact-form-new input, #contact-form-new textarea, #contact-form-new select').one('input change', function() {
if (!contactFormNew_Started) {
contactFormNew_Started = true;
// const polandHolePolygon = [
// [23.605273437500017, 51.517919921875],
// [23.65888671875001, 51.448974609375],
// [23.6796875, 51.394921875],
// [23.657617187500023, 51.352490234375],
// [23.664453125000023, 51.31005859375],
// [23.712207031250017, 51.26513671875],
// [23.86347656250001, 51.126220703125],
// [23.938085937500006, 50.992529296875],
// [23.985742187500023, 50.9404296875],
// [24.095800781250006, 50.87275390625],
// [24.105761718750017, 50.844970703125],
// [24.061621093750006, 50.81953125],
// [24.025976562500006, 50.816162109375],
// [23.9970703125, 50.809375],
// [23.978417968750023, 50.785595703125],
// [24.00732421875, 50.76015625],
// [24.046289062500023, 50.722802734374994],
// [24.0947265625, 50.617041015625],
// [24.089941406250006, 50.53046875],
// [24.052636718750023, 50.508447265624994],
// [24.004980468750006, 50.45703125],
// [23.97265625, 50.410058593749994],
// [23.711718750000017, 50.37734375],
// [23.649023437500006, 50.327050781249994],
// [23.506152343750017, 50.229833984375],
// [23.408593750000023, 50.17392578125],
// [23.264453125000017, 50.0728515625],
// [23.03632812500001, 49.899072265624994],
// [22.952246093750006, 49.8263671875],
// [22.890722656250006, 49.766259765624994],
// [22.706152343750006, 49.606201171875],
// [22.6494140625, 49.539013671875],
// [22.66064453125, 49.483691406249996],
// [22.71992187500001, 49.353808593749996],
// [22.732421875, 49.295166015625],
// [22.721972656250017, 49.240966796875],
// [22.70234375000001, 49.192724609375],
// [22.705664062500006, 49.171191406249996],
// [22.760156250000023, 49.13623046875],
// [22.847070312500023, 49.08125],
// [22.85205078125, 49.062744140625],
// [22.839746093750023, 49.038916015625],
// [22.80976562500001, 49.020751953125],
// [22.701269531250006, 49.039941406249994],
// [22.579980468750023, 49.077197265624996],
// [22.538671875, 49.072705078125],
// [22.473046875000023, 49.081298828125],
// [22.202539062500023, 49.153222656249994],
// [22.020117187500006, 49.209521484374996],
// [22.00214843750001, 49.24609375],
// [21.967675781250023, 49.299072265625],
// [21.89013671875, 49.34345703125],
// [21.71210937500001, 49.38193359375],
// [21.6396484375, 49.411962890625],
// [21.350488281250023, 49.428759765624996],
// [21.225, 49.429443359375],
// [21.136132812500023, 49.417041015624996],
// [21.079394531250017, 49.418261718749996],
// [21.00117187500001, 49.33984375],
// [20.947265625, 49.31708984375],
// [20.868457031250017, 49.314697265625],
// [20.79951171875001, 49.328662109374996],
// [20.72900390625, 49.369921875],
// [20.616113281250023, 49.39169921875],
// [20.534570312500023, 49.381201171875],
// [20.474511718750023, 49.390185546874996],
// [20.422656250000017, 49.392333984375],
// [20.404687500000023, 49.384082031249996],
// [20.36298828125001, 49.38525390625],
// [20.302539062500017, 49.365527343749996],
// [20.23652343750001, 49.337646484375],
// [20.163671875, 49.31640625],
// [20.10761718750001, 49.270751953125],
// [20.0576171875, 49.181298828124994],
// [19.916113281250006, 49.22138671875],
// [19.868945312500017, 49.204003906249994],
// [19.80224609375, 49.192333984375],
// [19.756640625000017, 49.204394531249996],
// [19.767382812500017, 49.235205078125],
// [19.787988281250023, 49.269970703125],
// [19.787011718750023, 49.3185546875],
// [19.77392578125, 49.37216796875],
// [19.730078125, 49.389599609375],
// [19.664160156250006, 49.396044921874996],
// [19.630273437500023, 49.406640625],
// [19.62666015625001, 49.424365234374996],
// [19.593066406250017, 49.447119140625],
// [19.534765625, 49.504785156249994],
// [19.47968750000001, 49.5763671875],
// [19.44160156250001, 49.597705078124996],
// [19.38623046875, 49.563623046874994],
// [19.30234375, 49.524853515625],
// [19.25019531250001, 49.51142578125],
// [19.1494140625, 49.4],
// [18.968359375, 49.396240234375],
// [18.95722656250001, 49.448291015624996],
// [18.93818359375001, 49.498291015625],
// [18.83222656250001, 49.510791015624996],
// [18.82929687500001, 49.54013671875],
// [18.806933593750017, 49.613720703125],
// [18.594628906250023, 49.7578125],
// [18.56884765625, 49.817919921874996],
// [18.5771484375, 49.841113281249996],
// [18.562402343750023, 49.879345703125],
// [18.516210937500006, 49.902392578124996],
// [18.348437500000017, 49.929833984374994],
// [18.305273437500006, 49.9140625],
// [18.26630859375001, 49.9302734375],
// [18.20527343750001, 49.964746093749994],
// [18.09921875, 49.9927734375],
// [18.087695312500017, 50.007275390625],
// [18.04951171875001, 50.03193359375],
// [18.0283203125, 50.03525390625],
// [18.0146484375, 50.020263671875],
// [17.983789062500023, 49.999072265624996],
// [17.874804687500017, 49.972265625],
// [17.83125, 49.983300781249994],
// [17.79169921875001, 50.006591796875],
// [17.74658203125, 50.056787109374994],
// [17.681054687500023, 50.10078125],
// [17.627050781250006, 50.11640625],
// [17.596289062500006, 50.139501953125],
// [17.58935546875, 50.157470703125],
// [17.709277343750017, 50.1935546875],
// [17.735449218750006, 50.230761718749996],
// [17.720117187500023, 50.298632812499996],
// [17.702246093750006, 50.307177734374996],
// [17.654687500000023, 50.284228515624996],
// [17.554589843750023, 50.2640625],
// [17.462304687500023, 50.254785156249994],
// [17.41523437500001, 50.254785156249994],
// [17.151953125, 50.378320312499994],
// [16.980761718750017, 50.41611328125],
// [16.88007812500001, 50.427050781249996],
// [16.869140625, 50.414501953125],
// [16.91474609375001, 50.34521484375],
// [16.99335937500001, 50.259716796875],
// [16.989648437500023, 50.2369140625],
// [16.895312500000017, 50.201953125],
// [16.841796875, 50.18671875],
// [16.778613281250017, 50.15703125],
// [16.72529296875001, 50.116064453125],
// [16.679101562500023, 50.097460937499996],
// [16.63916015625, 50.1021484375],
// [16.5966796875, 50.121923828125],
// [16.487597656250017, 50.248388671875],
// [16.350488281250023, 50.34521484375],
// [16.33417968750001, 50.36689453125],
// [16.291308593750017, 50.371875],
// [16.230761718750017, 50.394091796874996],
// [16.210351562500023, 50.423730468749994],
// [16.24072265625, 50.4546875],
// [16.282519531250017, 50.4830078125],
// [16.35664062500001, 50.50048828125],
// [16.37910156250001, 50.516894531249996],
// [16.39228515625001, 50.541650390624994],
// [16.419726562500017, 50.573632812499994],
// [16.4125, 50.58515625],
// [16.359960937500006, 50.621386718749996],
// [16.2822265625, 50.655615234375],
// [16.06640625, 50.629931640624996],
// [16.007226562500023, 50.611621093749996],
// [15.973828125000011, 50.63544921875],
// [15.948535156250017, 50.670263671875],
// [15.893945312500023, 50.676904296874994],
// [15.819238281250023, 50.70869140625],
// [15.730566406250006, 50.739697265625],
// [15.643945312500023, 50.748876953125],
// [15.463964843750006, 50.793847656249994],
// [15.394628906250006, 50.796289062499994],
// [15.354394531250023, 50.811767578125],
// [15.312597656250006, 50.845751953124996],
// [15.277050781250011, 50.8830078125],
// [15.258593750000017, 50.958544921874996],
// [15.1259765625, 50.99287109375],
// [14.99375, 51.01435546875],
// [14.984472656250006, 51.00341796875],
// [14.989941406250011, 50.92724609375],
// [14.98291015625, 50.886572265625],
// [14.895800781250017, 50.861376953124996],
// [14.809375, 50.858984375],
// [14.814257812500017, 50.871630859374996],
// [14.91748046875, 51.008740234375],
// [14.9638671875, 51.095117187499994],
// [15.0166015625, 51.252734375],
// [14.953125, 51.3771484375],
// [14.935546875, 51.435351562499996],
// [14.905957031250011, 51.463330078125],
// [14.724707031250006, 51.523876953125],
// [14.7109375, 51.544921875],
// [14.738671875000023, 51.6271484375],
// [14.724902343750017, 51.66171875],
// [14.681347656250011, 51.698193359375],
// [14.623925781250023, 51.770800781249996],
// [14.601660156250006, 51.832373046875],
// [14.674902343750006, 51.904833984374996],
// [14.69296875, 51.9580078125],
// [14.724804687500011, 52.030859375],
// [14.748144531250006, 52.07080078125],
// [14.752539062500006, 52.081835937499996],
// [14.70458984375, 52.110205078125],
// [14.6923828125, 52.150048828125],
// [14.705371093750017, 52.207470703125],
// [14.679882812500011, 52.25],
// [14.615625, 52.277636718749996],
// [14.573925781250011, 52.31416015625],
// [14.554589843750023, 52.359667968749996],
// [14.569726562500023, 52.431103515625],
// [14.619433593750017, 52.528515625],
// [14.514062500000023, 52.64560546875],
// [14.253710937500017, 52.782519531249996],
// [14.128613281250011, 52.878222656249996],
// [14.138867187500011, 52.932861328125],
// [14.193652343750017, 52.98232421875],
// [14.293164062500011, 53.0267578125],
// [14.368554687500023, 53.10556640625],
// [14.410937500000017, 53.199023437499996],
// [14.412304687500011, 53.216748046875],
// [14.41455078125, 53.283496093749996],
// [14.298730468750023, 53.556445312499996],
// [14.279882812500006, 53.624755859375],
// [14.26611328125, 53.70712890625],
// [14.258886718750006, 53.729638671875],
// [14.487597656250017, 53.671875],
// [14.58349609375, 53.63935546875],
// [14.571582031250017, 53.67587890625],
// [14.552148437500023, 53.707324218749996],
// [14.56494140625, 53.753515625],
// [14.558398437500017, 53.823193359375],
// [14.350878906250017, 53.858740234375],
// [14.213671875000017, 53.870751953125],
// [14.1982421875, 53.91904296875],
// [14.21142578125, 53.950341796875],
// [14.249316406250017, 53.931933593749996],
// [14.384179687500023, 53.92470703125],
// [14.715722656250023, 54.018310546875],
// [15.288378906250017, 54.139892578125],
// [15.9, 54.253955078124996],
// [16.042773437500017, 54.266357421875],
// [16.186328125000017, 54.290380859375],
// [16.239355468750006, 54.333056640624996],
// [16.292285156250017, 54.361621093749996],
// [16.375585937500006, 54.436865234375],
// [16.55976562500001, 54.55380859375],
// [16.88544921875001, 54.59638671875],
// [17.00703125000001, 54.65185546875],
// [17.26191406250001, 54.729541015624996],
// [17.84296875000001, 54.816699218749996],
// [18.08564453125001, 54.83583984375],
// [18.32343750000001, 54.838183593749996],
// [18.53515625, 54.76943359375],
// [18.75927734375, 54.6845703125],
// [18.799609375000017, 54.633349609374996],
// [18.678320312500006, 54.665283203125],
// [18.5015625, 54.741503906249996],
// [18.43623046875001, 54.7447265625],
// [18.58710937500001, 54.512890625],
// [18.66962890625001, 54.430908203125],
// [18.83642578125, 54.369580078125],
// [18.97626953125001, 54.348925781249996],
// [19.407128906250023, 54.386083984375],
// [19.56015625, 54.434619140624996],
// [19.604394531250023, 54.4591796875],
// [19.64423828125001, 54.447070312499996],
// [19.92431640625, 54.433984375],
// [20.20820312500001, 54.420751953125],
// [20.66474609375001, 54.406640625],
// [21.140527343750023, 54.391796875],
// [21.634179687500023, 54.37646484375],
// [22.16845703125, 54.35986328125],
// [22.731835937500023, 54.35009765625],
// [22.766210937500006, 54.356787109375],
// [22.82373046875, 54.395800781249996],
// [22.893945312500023, 54.39052734375],
// [22.97675781250001, 54.366357421875],
// [23.015527343750023, 54.34833984375],
// [23.03193359375001, 54.327880859375],
// [23.04218750000001, 54.30419921875],
// [23.0875, 54.299462890625],
// [23.170312500000023, 54.2814453125],
// [23.282324218750006, 54.24033203125],
// [23.3701171875, 54.200488281249996],
// [23.45361328125, 54.14345703125],
// [23.481347656250023, 54.07900390625],
// [23.483007812500006, 54.00595703125],
// [23.477636718750006, 53.958935546875],
// [23.484667968750017, 53.939794921875],
// [23.598925781250017, 53.59921875],
// [23.78925781250001, 53.270947265625],
// [23.859179687500017, 53.112109375],
// [23.887109375000023, 53.0275390625],
// [23.909375, 52.9048828125],
// [23.916308593750017, 52.81875],
// [23.915429687500023, 52.770263671875],
// [23.901269531250023, 52.70361328125],
// [23.8447265625, 52.664208984375],
// [23.479589843750006, 52.5515625],
// [23.410937500000017, 52.5162109375],
// [23.303320312500006, 52.428369140625],
// [23.2041015625, 52.337890625],
// [23.18125, 52.306982421875],
// [23.175097656250017, 52.28662109375],
// [23.19697265625001, 52.25693359375],
// [23.3271484375, 52.208447265625],
// [23.458398437500023, 52.16953125],
// [23.50117187500001, 52.140380859375],
// [23.597949218750017, 52.103076171874996],
// [23.63330078125, 52.069580078125],
// [23.652441406250006, 52.040380859375],
// [23.65107421875001, 51.972998046875],
// [23.607421875, 51.87978515625],
// [23.62568359375001, 51.809326171875],
// [23.581347656250017, 51.76240234375],
// [23.544824218750023, 51.710253906249996],
// [23.539648437500006, 51.618896484375],
// [23.605273437500017, 51.517919921875]
// ].map(([lng, lat]) => ({ lat, lng }));
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "form_start",
form_name: "Kontakt",
form_id: "contact-form-new",
form_step: "1"
});
}
});
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.get('form_sent') === '1') {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "form_submit",
form_name: "Kontakt",
form_id: "contact-form-new",
submission_status: "success"
});
const newUrl = window.location.origin + window.location.pathname;
window.history.replaceState({}, document.title, newUrl);
}
$(function(){
$('body').on('click', '#tabs-box #tabs-box-nav li a', function(e){