implement ths mobile contact

This commit is contained in:
Yannik Schmidt
2021-05-15 19:29:34 +02:00
parent 4cee5a9cf7
commit ced335a209
3 changed files with 20 additions and 18 deletions

View File

@@ -14,7 +14,7 @@ MAP = {
"gebaeudecheck.php" : "/content/?id=gebaeude-gebaeudecheck", "gebaeudecheck.php" : "/content/?id=gebaeude-gebaeudecheck",
"luftdichtheit.php" : "/content/?id=gebaeude-luftdichtheit", "luftdichtheit.php" : "/content/?id=gebaeude-luftdichtheit",
"index.php" : "/", "index.php" : "/",
"kontakt.php" : None, "kontakt.php" : "/contact",
"leckageortung.php" : "/content/?id=wasserschaeden-leckageortung", "leckageortung.php" : "/content/?id=wasserschaeden-leckageortung",
"leitunsgsortung.php" : "/content/?id=wasserschaeden-leitungsortung", "leitunsgsortung.php" : "/content/?id=wasserschaeden-leitungsortung",
"schaltanlagen.php" : "/content/?id=anlagen-elektronik-schaltanlagen", "schaltanlagen.php" : "/content/?id=anlagen-elektronik-schaltanlagen",
@@ -23,7 +23,7 @@ MAP = {
"trocknung.php" : None "trocknung.php" : None
} }
REVERSE_MAP = { "/contact": "/kontakt.php" } REVERSE_MAP = { "/contact" : "/kontakt.php" }
for k,v in MAP.items(): for k,v in MAP.items():
if not v or not "content" in v: if not v or not "content" in v:
continue continue
@@ -54,13 +54,7 @@ for key, value in MAP.items():
for k in REVERSE_MAP.keys(): for k in REVERSE_MAP.keys():
if k and "href=\"" + k in l: if k and "href=\"" + k in l:
if "contact" in l:
print(l)
print(k)
print(REVERSE_MAP[k])
l = l.replace("href=\"" + k, "href=\"" + REVERSE_MAP[k]) l = l.replace("href=\"" + k, "href=\"" + REVERSE_MAP[k])
if "kontakt" in l:
print(l)
f.write(l) f.write(l)
f.write("\n") f.write("\n")

View File

@@ -21,9 +21,19 @@ function submitContactForm(){
/* submit the form */ /* submit the form */
xhr = new XMLHttpRequest(); xhr = new XMLHttpRequest();
xhr.open("POST", "/contact-api"); xhr.open("POST", "/kontakt.php");
xhr.onload = formSubmitFinished xhr.onload = formSubmitFinished
formData = new FormData(document.getElementById("contact-form")); formData = new FormData(document.getElementById("contact-form"));
formData.append("sinfo", "dsenda");
formData.append("in", "");
formData.append("anrede", "Herr/Frau");
formData.append("vorname", "");
formData.append("fname", formData.get("name"));
formData.append("mail", formData.get("telefon"));
formData.append("ma", 0);
xhr.send(formData); xhr.send(formData);
} }

View File

@@ -13,11 +13,12 @@
</head> </head>
<body class="bg-secondary"> <body class="bg-secondary">
<div class="mobile-display">
{% include 'navbar.html' %} {% include 'navbar.html' %}
{% include 'progress_window.html' %} {% include 'progress_window.html' %}
<div id="main-container" class="container" style="margin-top: 4vw;"> <div id="main-container" class="container" style="margin-top: 4vw;">
<section class="mb-4"> <section class="mb-4">
<h2 class="text-color-special h1-responsive font-weight-bold my-4"> <h2 class="text-color-special title-responsive my-4 ths-text-cg">
{{ conf['CONTACT_HEADLINE'] }} {{ conf['CONTACT_HEADLINE'] }}
</h2> </h2>
<p class="text-center w-responsive mx-auto mb-5"> </p> <p class="text-center w-responsive mx-auto mb-5"> </p>
@@ -34,7 +35,7 @@
</div> </div>
<div class="col-md-6 mt-2"> <div class="col-md-6 mt-2">
<div class="md-form mb-0"> <div class="md-form mb-0">
<input type="text" id="email" name="email" class="form-control" <input type="text" id="email" name="telefon" class="form-control"
placeholder="{{ conf['CONTACT_PLACEHOLDER_EMAIL'] }}"> placeholder="{{ conf['CONTACT_PLACEHOLDER_EMAIL'] }}">
</div> </div>
</div> </div>
@@ -43,7 +44,7 @@
<div class="row mt-2"> <div class="row mt-2">
<div class="col-md-12"> <div class="col-md-12">
<div class="md-form mb-0"> <div class="md-form mb-0">
<input type="text" id="subject" name="subject" class="form-control" <input type="text" id="subject" name="betreff" class="form-control"
placeholder="{{ conf['CONTACT_PLACEHOLDER_SUBJECT'] }}"> placeholder="{{ conf['CONTACT_PLACEHOLDER_SUBJECT'] }}">
</div> </div>
</div> </div>
@@ -52,7 +53,7 @@
<div class="row mt-2"> <div class="row mt-2">
<div class="col-md-12"> <div class="col-md-12">
<div class="md-form"> <div class="md-form">
<textarea type="text" id="message" name="message" rows="10" <textarea type="text" id="message" name="nachricht" rows="10"
placeholder="{{ conf['CONTACT_PLACEHOLDER_TEXTAREA'] }}" placeholder="{{ conf['CONTACT_PLACEHOLDER_TEXTAREA'] }}"
class="form-control md-textarea"></textarea> class="form-control md-textarea"></textarea>
</div> </div>
@@ -68,13 +69,9 @@
<div class="border p-3 col-md-3 text-center bg-special"> <div class="border p-3 col-md-3 text-center bg-special">
<ul class="list-unstyled mb-0"> <ul class="list-unstyled mb-0">
<li><i class="fas fa-envelope mt-4 fa-2x"></i> <li><i class="fas fa-envelope mt-4 fa-2x"></i>
<p>Wir freuen uns auf Ihre Nachricht!</p>
{% if conf['CONTACT_EMAIL'] %}
<hr>
<p>Natürlich können Sie uns auch direkt per Mail kontaktieren.</p></br> <p>Natürlich können Sie uns auch direkt per Mail kontaktieren.</p></br>
<a type="button" class="btn btn-light p-3 w-75" <a type="button" class="btn btn-light p-3 w-100"
href="mailto:{{ conf['CONTACT_EMAIL'] }}">{{ conf['CONTACT_EMAIL'] }}</a> href="mailto:{{ conf['CONTACT_EMAIL'] }}">{{ conf['CONTACT_EMAIL'] }}</a>
{% endif %}
{% if PGP_KEY %} {% if PGP_KEY %}
<script> <script>
function copyPGP(){ function copyPGP(){
@@ -100,5 +97,6 @@
</section> </section>
</div> </div>
</div>
</body> </body>
</html> </html>