progress
This commit is contained in:
Julian
14
email.php
Normal file
14
email.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<?php
|
||||
if (isset($_POST['submit'])) {
|
||||
$name = $_REQUEST['fname'];
|
||||
$email = $_REQUEST['email'];
|
||||
$message = $_REQUEST['message'];
|
||||
|
||||
// Set your email address where you want to receive emails.
|
||||
$to = 'julian.niessner@rismer.de';
|
||||
$subject = 'Wedding Attenders!';
|
||||
$headers = "From: ".$name." <".$email."> \r\n";
|
||||
$send_email = mail($to,$subject,$message,$headers);
|
||||
|
||||
echo ($send_email) ? 'success' : 'error';
|
||||
}?>
|
||||
3
images/Brauthaus.jpg
Normal file
3
images/Brauthaus.jpg
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:8b36505be866c271ca1c559b3bcb4b739bfb6d9ba55d92267a439ae7f64007cc
|
||||
size 166777
|
||||
BIN
images/Brauthaus.png
LFS
Normal file
BIN
images/Brauthaus.png
LFS
Normal file
Binary file not shown.
3
images/DSC00473.JPG
Normal file
3
images/DSC00473.JPG
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:a30ae7d490b89afcc13c48f8dc6ed51c8efb27bfcbe759415c25fceba9783724
|
||||
size 8617984
|
||||
3
images/DSC04070.JPG
Normal file
3
images/DSC04070.JPG
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:0b9d077f14fe2d18c9d00bf4b1c436950894cc0eb02fdf97547b4889ad47f488
|
||||
size 6553600
|
||||
3
images/Draga.png
Normal file
3
images/Draga.png
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:27cf963c9543c1029ea236adffa1127389ef6c4067a8d3869396d12b02a1402a
|
||||
size 2750814
|
||||
3
images/Fotoshooting.JPG
Normal file
3
images/Fotoshooting.JPG
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:a8a8bb3109d6c6b1661e5b3307de5639d3bf37a1855a1971e4a0393c0de7e31a
|
||||
size 6160384
|
||||
3
images/Julian.png
Normal file
3
images/Julian.png
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:e5ac99afd944feca3ad4e0afe44aa37ada74cb195346a97c3cb742c3d1445778
|
||||
size 4955034
|
||||
3
images/Kirche.png
Normal file
3
images/Kirche.png
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:c9a0093d36ccb374f6b6623149b010431aa665102301c86aa4a24f25fdc6d84d
|
||||
size 22588999
|
||||
3
images/LetsDance.JPG
Normal file
3
images/LetsDance.JPG
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:bc0c8d49ba678d4e612a13982fa25784e072ccf19d2ba0400e5909b53903eb06
|
||||
size 3779484
|
||||
3
images/Wiesenmühle.jpg
Normal file
3
images/Wiesenmühle.jpg
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:0484fbc0049c2608fbf177f6575bad2c3904d008d29e860df3ef646ca1c8c1be
|
||||
size 10520
|
||||
3
images/catering.jpg
Normal file
3
images/catering.jpg
Normal file
@@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:5a17783cd672fc3094a084c2e4cfbb503af4418f51e1c69c6abcdc98d041830b
|
||||
size 227345
|
||||
@@ -1,3 +0,0 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:23bfa61dfdf4c1268c132a065ed05b902367b2f1603f2e63eb6b18e7c742c983
|
||||
size 43368
|
||||
308
index.html
308
index.html
@@ -94,84 +94,256 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div id="fh5co-started">
|
||||
<div id="fh5co-couple">
|
||||
<div class="container">
|
||||
<div class="row animate-box">
|
||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
|
||||
<h2 data-i18n="header_text">Nimmst du teil?</h2>
|
||||
<p data-i18n="invitation_text">Liebe Gäste, zu unserer Hochzeit laden wir euch recht herzlich ein. Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 Bescheid, ob ihr teilnehmt! Über das Plus-Symbol könnt ihr eure Begleitpersonen hinzufügen. Wenn Bedarf an einer Übernachtung besteht, können wir euch kostengünstig ein Hotel vermitteln. Falls ihr nicht teilnehmen könnt, bitte einfach die Seite wieder verlassen. Die Feier wird in 55234 Kettenheim (DE) stattfinden.
|
||||
</p>
|
||||
<p data-i18n="greetings">
|
||||
Liebe Grüße<br/>
|
||||
Draga & Julian
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||
<h2>Schön das Ihr kommt!</h2>
|
||||
<h3>Wir schließen am Freitag, den 01.07.2022 den Bund fürs Leben!</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row animate-box" id="attentant-container">
|
||||
<div class="col-md-11">
|
||||
<form id="js-attentants" class="form-inline">
|
||||
<div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="form-group">
|
||||
<label for="firstname" class="sr-only">Vorname</label>
|
||||
<input type="firstname" class="form-control js-form-input" id="firstname" data-i18n="firstname"
|
||||
data-i18n-attr="placeholder" placeholder="Vorname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="form-group">
|
||||
<label for="lastname" class="sr-only">Nachname</label>
|
||||
<input type="lastname" class="form-control js-form-input" id="lastname" data-i18n="lastname"
|
||||
data-i18n-attr="placeholder" placeholder="Nachname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="form-group">
|
||||
<label for="tel" class="sr-only">Telefonnummer</label>
|
||||
<input type="telephon" class="form-control js-form-input" id="tel" data-i18n="telephone_number"
|
||||
data-i18n-attr="placeholder" placeholder="Telefonnummer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="form-group">
|
||||
<label for="email" class="sr-only">E-Mail Addresse</label>
|
||||
<input type="email" class="form-control js-form-input" id="email" data-i18n="E-Mail"
|
||||
data-i18n-attr="placeholder" placeholder="E-Mail">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="couple-wrap animate-box">
|
||||
<div class="couple-half">
|
||||
<div class="groom">
|
||||
<img src="images/Julian.png" alt="groom" class="img-responsive">
|
||||
</div>
|
||||
<div class="desc-groom">
|
||||
<h3>Julian Nießner</h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="plus-button col-md-1">
|
||||
<span class="icon">
|
||||
<a href="#" class="js-addField"><i class="icon-plus"></i></a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row animate-box overnight" id="overnight-div">
|
||||
<input class="overnight-js" type="checkbox" name="overnight" checked>
|
||||
<label for="overnight" data-i18n="overnightoffer">Übernachtungsangebot?</label>
|
||||
</div>
|
||||
<div class="row animate-box">
|
||||
<div class="col-md-4 col-md-offset-4 text-center fh5co-heading">
|
||||
<button type="submit" id="js-submitbtn" data-i18n="submit" class="btn btn-default btn-block">Absenden</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row animate-box" style="margin-top: 50px;">
|
||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
|
||||
<div id="guest_counter_holder" class="feature-center">
|
||||
<span class="icon">
|
||||
<i class="icon-users"></i>
|
||||
</span>
|
||||
<span id="guest_counter" class="counter js-counter" data-from="0" data-to="500" data-speed="5000"
|
||||
data-refresh-interval="50">1</span>
|
||||
<span class="counter-label" data-i18n="guest_count">Geschätzte Gäste</span>
|
||||
<p class="heart text-center"><i class="icon-heart2"></i></p>
|
||||
<div class="couple-half">
|
||||
<div class="bride">
|
||||
<img src="images/Draga.png" alt="groom" class="img-responsive">
|
||||
</div>
|
||||
<div class="desc-bride">
|
||||
<h3>Drazena Rimac</h3>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="fh5co-section-gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||
<h2>Feste Zusage!</h2>
|
||||
<form id="attendForm" action="#">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-12">
|
||||
<label for="fname">Familienname</label>
|
||||
<input type="text" id="fname" name="fname" class="form-control" placeholder="Your firstname">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<div class="col-md-12">
|
||||
<label for="message">Nachricht</label>
|
||||
<textarea name="message" id="message" cols="30" rows="10" class="form-control" placeholder="Write us something"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="submit" id="finalSubmit" value="Absenden" class="btn btn-primary">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="fh5co-event" class="fh5co-bg" style="background-image:url(images/img_bg_3.jpg);">
|
||||
<div class="overlay"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||
<span>Ihr wollt unsere Hochzeit mitgestallten?</span>
|
||||
<h2>Unsere Trauzeugen</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="display-t">
|
||||
<div class="display-tc">
|
||||
<div class="col-md-10 col-md-offset-1">
|
||||
<div class="col-md-6 col-sm-6 text-center">
|
||||
<div class="event-wrap animate-box">
|
||||
<h3>Katha Schmidt</h3>
|
||||
<p>Tel.-Nr.: 0176 44707271</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-6 text-center">
|
||||
<div class="event-wrap animate-box">
|
||||
<h3>Philipp Bienossek</h3>
|
||||
<p>Tel.-Nr.: 01512 5272067</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="fh5co-couple-story">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||
<span></span>
|
||||
<h2>Ablauf des großen Tages</h2>
|
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-md-offset-0">
|
||||
<ul class="timeline animate-box">
|
||||
<li class="animate-box">
|
||||
<div class="timeline-badge" style="background-image:url(images/Brauthaus.jpg);"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h3 class="timeline-title">Treffen beim Brauthaus</h3>
|
||||
<span class="date">11:30</span>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p style="margin-bottom: 25px;">Hier werden sich die Gäste zusammenfinden und es werden Platten zum essen angeboten. Anschließend wird gemeinsam mit der Braut zur Kirche gefahren.</p>
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4298.65640298428!2d8.98158990377853!3d50.161204153948276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd17f6cfba4df3%3A0xe0dcb57f7f43ed4b!2sKonrad-Adenauer-Stra%C3%9Fe%207%2C%2063526%20Erlensee!5e0!3m2!1sde!2sde!4v1652530643592!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted animate-box">
|
||||
<div class="timeline-badge" style="background-image:url(images/Kirche.png);"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h3 class="timeline-title">Trauung St. Stephan</h3>
|
||||
<span class="date">13:30</span>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p></p>
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2156.6017222300893!2d8.207110167508382!3d49.99924393720268!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd94211ac4b243%3A0xb41375a34a37c58d!2sSt.%20Stephan!5e0!3m2!1sde!2sde!4v1652531846656!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="animate-box">
|
||||
<div class="timeline-badge" style="background-image:url(images/Fotoshooting.JPG);"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h3 class="timeline-title">Brautpaar Fotoshooting</h3>
|
||||
<span class="date">15:30</span>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted animate-box">
|
||||
<div class="timeline-badge" style="background-image:url(images/Wiesenmühle.jpg);"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h3 class="timeline-title">Sektempfang Wiesenmühle</h3>
|
||||
<span class="date">16:15</span>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p></p>
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2579.228371436668!2d8.119765151771038!3d49.72532704712457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479620afb9aeaecd%3A0xbff4c624da7370e5!2sWiesenm%C3%BChle!5e0!3m2!1sde!2sde!4v1652531912784!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="animate-box">
|
||||
<div class="timeline-badge" style="background-image:url(images/catering.jpg);"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h3 class="timeline-title">Abendessen & Dessert</h3>
|
||||
<span class="date">18:30</span>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="timeline-inverted animate-box">
|
||||
<div class="timeline-badge" style="background-image:url(images/LetsDance.JPG);"></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h3 class="timeline-title">Eröffnung der Tanzfläche</h3>
|
||||
<span class="date">22:00</span>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="fh5co-services" class="fh5co-section-gray">
|
||||
<div class="container">
|
||||
|
||||
<div class="row animate-box">
|
||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
|
||||
<h2>Übernachtung</h2>
|
||||
<p>Wir haben für euch ein Zimmerkontigent mit folgenden Kondition reseviert!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div>
|
||||
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
|
||||
<span class="icon">
|
||||
<i class="icon-home"></i>
|
||||
</span>
|
||||
<div class="feature-copy">
|
||||
<h3>Landgasthof Hotel Rebe Alzey</h3>
|
||||
<p>Einzelzimmer a' 50 €, Zweibettzimmer a' 78 €, Dreibettzimmer a' 110€ und ein Familienzimmer ( 4 Personen) a' 140 €. Die Preise sind inklusive Frühstück. Zimmer werden freigehalten bis 01. Juni 2022. Sollten einige Gäste aus driftigen Gründen Absagen, so besteht die Möglichkeit bis zum Anreisetag bis spätestens 12.00 Uhr kostenfrei zu stornieren.</p>
|
||||
<p>Landgasthof Hotel Rebe Alzey</br>
|
||||
Antoniterstr. 47,</br>
|
||||
55232 Alzey</br>
|
||||
Tel. 06731/1285, Stichwort: "DJ"</br>
|
||||
info@hotelrebealzey.de</br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
|
||||
<span class="icon">
|
||||
<i class="icon-home"></i>
|
||||
</span>
|
||||
<div class="feature-copy">
|
||||
<h3>Hotel am Schloss</h3>
|
||||
<p>Doppelzimmer a' 83,00 Euro pro Zimmer/Nacht zzgl. 9,50 Euro Frühstück pro Person/Tag.</p>
|
||||
<p>Hotel Am Schloss</br>
|
||||
Amtgasse 39,</br>
|
||||
55232 Alzey</br>
|
||||
Tel. 06731/94224, Stichwort: "DJ"</br>
|
||||
info@hotelamschloss-alzey.de</br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
|
||||
<span class="icon">
|
||||
<i class="icon-home"></i>
|
||||
</span>
|
||||
<div class="feature-copy">
|
||||
<h3>Dorint Hotel</h3>
|
||||
<p>Einzelzimmer a' 89€, Doppelzimmer a' 109€. Die Preise sind inklusive Frühstück. Hier ist kein Zimmerkontigent reseviert!</p>
|
||||
<p> Dorint Hotel Alzey/Worms</br>
|
||||
Karl-Heinz-Kipp-Straße 13,</br>
|
||||
55232 Alzey</br>
|
||||
Tel. 06731/4030</br>
|
||||
reservierung@alzey.dorint.com</br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="gototop js-top">
|
||||
|
||||
223
js/main.js
223
js/main.js
@@ -18,7 +18,6 @@
|
||||
|
||||
};
|
||||
|
||||
|
||||
var offcanvasMenu = function() {
|
||||
|
||||
$('#page').prepend('<div id="fh5co-offcanvas" />');
|
||||
@@ -62,7 +61,6 @@
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
var burgerMenu = function() {
|
||||
|
||||
$('body').on('click', '.js-fh5co-nav-toggle', function(event){
|
||||
@@ -80,8 +78,6 @@
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
var contentWayPoint = function() {
|
||||
var i = 0;
|
||||
$('.animate-box').waypoint( function( direction ) {
|
||||
@@ -118,7 +114,6 @@
|
||||
} , { offset: '85%' } );
|
||||
};
|
||||
|
||||
|
||||
var dropdown = function() {
|
||||
|
||||
$('.has-dropdown').mouseenter(function(){
|
||||
@@ -140,7 +135,6 @@
|
||||
|
||||
};
|
||||
|
||||
|
||||
var testimonialCarousel = function(){
|
||||
var owl = $('.owl-carousel-fullwidth');
|
||||
owl.owlCarousel({
|
||||
@@ -155,7 +149,6 @@
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
var goToTop = function() {
|
||||
|
||||
$('.js-gotop').on('click', function(event){
|
||||
@@ -338,7 +331,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
var changeLanguage = function() {
|
||||
$('.change-language-js').on('click', function(event){
|
||||
|
||||
@@ -360,8 +352,6 @@
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
$(function(){
|
||||
mobileMenuOutsideClick();
|
||||
parallax();
|
||||
@@ -378,124 +368,136 @@
|
||||
defaultUncheckedInputCheckboxes();
|
||||
changeLanguage();
|
||||
});
|
||||
|
||||
|
||||
}());
|
||||
|
||||
document.getElementById("js-submitbtn").addEventListener("click", async function () {
|
||||
//document.getElementById("js-attentants").elements["foo"]
|
||||
let inputs = document.querySelectorAll('.js-form-input');
|
||||
|
||||
console.log(inputs);
|
||||
document.getElementById("finalSubmit").addEventListener("click", async function () {
|
||||
var form = document.getElementById("attendForm");
|
||||
const formattedFormData = new FormData(form);
|
||||
//formattedFormData.append('property', 'value');
|
||||
const response = await fetch('email.php',{
|
||||
method: 'POST',
|
||||
body: formattedFormData
|
||||
});
|
||||
const data = await response.text();
|
||||
//This should later print out the values submitted through the form
|
||||
console.log(data);
|
||||
});
|
||||
|
||||
let firstname = inputs[0].value;
|
||||
let lastname = inputs[1].value;
|
||||
let telephonenumber = inputs[2].value;
|
||||
let eMail = inputs[3].value;
|
||||
// document.getElementById("js-submitbtn").addEventListener("click", async function () {
|
||||
// //document.getElementById("js-attentants").elements["foo"]
|
||||
// let inputs = document.querySelectorAll('.js-form-input');
|
||||
|
||||
if(StringLengthLT2(firstname))
|
||||
{
|
||||
SubmitError("Firstname too short!");
|
||||
return;
|
||||
}
|
||||
// console.log(inputs);
|
||||
|
||||
if(StringLengthLT2(lastname))
|
||||
{
|
||||
SubmitError("Lastname too short!");
|
||||
return;
|
||||
}
|
||||
// let firstname = inputs[0].value;
|
||||
// let lastname = inputs[1].value;
|
||||
// let telephonenumber = inputs[2].value;
|
||||
// let eMail = inputs[3].value;
|
||||
|
||||
if(StringLengthLT2(telephonenumber))
|
||||
{
|
||||
SubmitError("Telephonenumber too short!");
|
||||
return;
|
||||
}
|
||||
// if(StringLengthLT2(firstname))
|
||||
// {
|
||||
// SubmitError("Firstname too short!");
|
||||
// return;
|
||||
// }
|
||||
|
||||
if(!OnlyNumbersInString(telephonenumber))
|
||||
{
|
||||
SubmitError("Telephonenumber can only contain numbers!");
|
||||
return;
|
||||
}
|
||||
// if(StringLengthLT2(lastname))
|
||||
// {
|
||||
// SubmitError("Lastname too short!");
|
||||
// return;
|
||||
// }
|
||||
|
||||
if(StringLengthLT2(eMail))
|
||||
{
|
||||
SubmitError("E-Mail too short!");
|
||||
return;
|
||||
}
|
||||
// if(StringLengthLT2(telephonenumber))
|
||||
// {
|
||||
// SubmitError("Telephonenumber too short!");
|
||||
// return;
|
||||
// }
|
||||
|
||||
let overnightRequired = false;
|
||||
// if(!OnlyNumbersInString(telephonenumber))
|
||||
// {
|
||||
// SubmitError("Telephonenumber can only contain numbers!");
|
||||
// return;
|
||||
// }
|
||||
|
||||
if ($('.overnight-js').is(":checked")) {
|
||||
overnightRequired = true;
|
||||
}
|
||||
// if(StringLengthLT2(eMail))
|
||||
// {
|
||||
// SubmitError("E-Mail too short!");
|
||||
// return;
|
||||
// }
|
||||
|
||||
let family = {
|
||||
name: lastname,
|
||||
overnight: overnightRequired,
|
||||
telephonenumber: telephonenumber,
|
||||
email: eMail,
|
||||
members: []
|
||||
};
|
||||
// let overnightRequired = false;
|
||||
|
||||
let familyMember = {
|
||||
name: firstname + " " + lastname,
|
||||
isChild: false
|
||||
}
|
||||
// if ($('.overnight-js').is(":checked")) {
|
||||
// overnightRequired = true;
|
||||
// }
|
||||
|
||||
family.members.push(familyMember);
|
||||
// let family = {
|
||||
// name: lastname,
|
||||
// overnight: overnightRequired,
|
||||
// telephonenumber: telephonenumber,
|
||||
// email: eMail,
|
||||
// members: []
|
||||
// };
|
||||
|
||||
for (let i = 4; i < inputs.length; i+=3)
|
||||
{
|
||||
let firstname = inputs[i].value;
|
||||
let lastname = inputs[i+1].value;
|
||||
let isChild = inputs[i+2].checked;
|
||||
console.log("IsChild" + isChild);
|
||||
if(StringLengthLT2(firstname))
|
||||
{
|
||||
SubmitError("Firstname of accompaniment too short!");
|
||||
return;
|
||||
}
|
||||
if(StringLengthLT2(lastname))
|
||||
{
|
||||
SubmitError("Lastname of accompaniment too short!");
|
||||
return;
|
||||
}
|
||||
let familyMember = {
|
||||
name: firstname + " " + lastname,
|
||||
isChild: isChild
|
||||
}
|
||||
// let familyMember = {
|
||||
// name: firstname + " " + lastname,
|
||||
// isChild: false
|
||||
// }
|
||||
|
||||
family.members.push(familyMember);
|
||||
}
|
||||
// family.members.push(familyMember);
|
||||
|
||||
console.log("Request: " + JSON.stringify(family));
|
||||
// for (let i = 4; i < inputs.length; i+=3)
|
||||
// {
|
||||
// let firstname = inputs[i].value;
|
||||
// let lastname = inputs[i+1].value;
|
||||
// let isChild = inputs[i+2].checked;
|
||||
// console.log("IsChild" + isChild);
|
||||
// if(StringLengthLT2(firstname))
|
||||
// {
|
||||
// SubmitError("Firstname of accompaniment too short!");
|
||||
// return;
|
||||
// }
|
||||
// if(StringLengthLT2(lastname))
|
||||
// {
|
||||
// SubmitError("Lastname of accompaniment too short!");
|
||||
// return;
|
||||
// }
|
||||
// let familyMember = {
|
||||
// name: firstname + " " + lastname,
|
||||
// isChild: isChild
|
||||
// }
|
||||
|
||||
// family.members.push(familyMember);
|
||||
// }
|
||||
|
||||
// console.log("Request: " + JSON.stringify(family));
|
||||
|
||||
|
||||
const response = await fetch("https://rismer.de:9999/family", {
|
||||
method: 'POST', // *GET, POST, PUT, DELETE, etc.
|
||||
mode: 'cors', // no-cors, *cors, same-origin
|
||||
cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
|
||||
//credentials: 'same-origin', // include, *same-origin, omit
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
// 'Content-Type': 'application/x-www-form-urlencoded',
|
||||
},
|
||||
redirect: 'follow', // manual, *follow, error
|
||||
referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
|
||||
body: JSON.stringify(family) // body data type must match "Content-Type" header
|
||||
}).catch(function (timeout) { SubmitError("API error. Call the phone number."); });
|
||||
if(response.ok)
|
||||
{
|
||||
let jsonResponse = await response.json();
|
||||
console.log("Response: " + jsonResponse);
|
||||
SubmitSuccess();
|
||||
}
|
||||
else
|
||||
{
|
||||
SubmitError();
|
||||
}
|
||||
//TODO: Refresh attentats count
|
||||
});
|
||||
// const response = await fetch("https://rismer.de:9999/family", {
|
||||
// method: 'POST', // *GET, POST, PUT, DELETE, etc.
|
||||
// mode: 'cors', // no-cors, *cors, same-origin
|
||||
// cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
|
||||
// //credentials: 'same-origin', // include, *same-origin, omit
|
||||
// headers: {
|
||||
// 'Content-Type': 'application/json'
|
||||
// // 'Content-Type': 'application/x-www-form-urlencoded',
|
||||
// },
|
||||
// redirect: 'follow', // manual, *follow, error
|
||||
// referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
|
||||
// body: JSON.stringify(family) // body data type must match "Content-Type" header
|
||||
// }).catch(function (timeout) { SubmitError("API error. Call the phone number."); });
|
||||
// if(response.ok)
|
||||
// {
|
||||
// let jsonResponse = await response.json();
|
||||
// console.log("Response: " + jsonResponse);
|
||||
// SubmitSuccess();
|
||||
// }
|
||||
// else
|
||||
// {
|
||||
// SubmitError();
|
||||
// }
|
||||
// //TODO: Refresh attentats count
|
||||
// });
|
||||
|
||||
function OnlyNumbersInString(string)
|
||||
{
|
||||
@@ -548,8 +550,6 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
class Translator {
|
||||
constructor(options = {}) {
|
||||
this._options = Object.assign({}, this.defaultConfig, options);
|
||||
@@ -701,7 +701,6 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
var translator = new Translator({
|
||||
persist: false,
|
||||
languages: ["hr", "de"],
|
||||
|
||||
Reference in New Issue
Block a user