Update homepage
This commit is contained in:
+22
-3
@@ -195,30 +195,33 @@
|
||||
<div class="tile text-tile contact-tile">
|
||||
<div class="tile-inner" data-lang="es">
|
||||
<h2>Contacto</h2>
|
||||
<form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
|
||||
<form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
|
||||
<input type="text" name="nombre" placeholder="Nombre" required>
|
||||
<input type="email" name="email" placeholder="Email" required>
|
||||
<textarea name="mensaje" placeholder="Mensaje" required></textarea>
|
||||
<button type="submit">Enviar</button>
|
||||
</form>
|
||||
<div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Mensaje enviado</p></div>
|
||||
</div>
|
||||
<div class="tile-inner" data-lang="en">
|
||||
<h2>Contact</h2>
|
||||
<form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
|
||||
<form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
|
||||
<input type="text" name="nombre" placeholder="Name" required>
|
||||
<input type="email" name="email" placeholder="Email" required>
|
||||
<textarea name="mensaje" placeholder="Message" required></textarea>
|
||||
<button type="submit">Send</button>
|
||||
</form>
|
||||
<div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Message sent</p></div>
|
||||
</div>
|
||||
<div class="tile-inner" data-lang="de">
|
||||
<h2>Kontakt</h2>
|
||||
<form action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
|
||||
<form class="contact-form" action="https://n8n.odoo4projects.com/webhook/agape/mail" method="post">
|
||||
<input type="text" name="nombre" placeholder="Name" required>
|
||||
<input type="email" name="email" placeholder="E-Mail" required>
|
||||
<textarea name="mensaje" placeholder="Nachricht" required></textarea>
|
||||
<button type="submit">Senden</button>
|
||||
</form>
|
||||
<div class="sent-msg" style="display:none;text-align:center;padding:10px;"><p>✅ Nachricht gesendet</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -233,6 +236,22 @@
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('submit', function(e) {
|
||||
if (e.target.classList.contains('contact-form')) {
|
||||
e.preventDefault();
|
||||
var form = e.target;
|
||||
var data = new FormData(form);
|
||||
fetch(form.action, { method: 'POST', body: data })
|
||||
.then(function() {
|
||||
form.style.display = 'none';
|
||||
form.parentNode.querySelector('.sent-msg').style.display = 'block';
|
||||
})
|
||||
.catch(function() {
|
||||
form.style.display = 'none';
|
||||
form.parentNode.querySelector('.sent-msg').style.display = 'block';
|
||||
});
|
||||
}
|
||||
});
|
||||
function setLang(l) { localStorage.setItem('agape-lang', l); applyLang(l); }
|
||||
function applyLang(l) {
|
||||
document.querySelectorAll('[data-lang]').forEach(e => e.style.display = e.getAttribute('data-lang') === l ? 'flex' : 'none');
|
||||
|
||||
Reference in New Issue
Block a user