ruidy/villafleurie
1
0
Fork 0
mirror of https://github.com/rjNemo/villafleurie synced 2026-06-06 02:16:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix eventlistener

Browse source
This commit is contained in:
Ruidy 2021-01-28 21:57:28 +01:00
parent c778eaf8e2
commit 738971ca2d
1 changed files with 38 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
rental/templates/rental/pay.html
View file

@ -1,52 +1,52 @@
{% extends 'rental/base.html' %} {% load static %} {% block content %} {% extends 'rental/base.html' %} {% load static %} {% block content %}
<script src="https://js.stripe.com/v3/"></script> <script src="https://js.stripe.com/v3/"></script>
<section class="intro-single"> <section class="intro-single">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12 col-lg-8"> <div class="col-md-12 col-lg-8">
<div class="title-single-box"> <div class="title-single-box">
<h1 class="title-single">Merci pour votre réservation</h1> <h1 class="title-single">Merci pour votre réservation</h1>
<span class="color-text-a" <span class="color-text-a"
>En cliquant sur le bouton ci-dessous vous serez redirigé vers une page de paiement sécurisé.<br /> >En cliquant sur le bouton ci-dessous vous serez redirigé vers une page de paiement sécurisé.<br/>
</span> </span>
</div>
</div>
<div class="col-md-12 col-lg-4">
<nav
aria-label="breadcrumb"
class="breadcrumb-box d-flex justify-content-lg-end"
>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="{% url 'rental:index' %}">Accueil</a>
</li>
<li class="breadcrumb-item">
<a href="{% url 'rental:list_place' %}">Hébergements</a>
</li>
<li class="breadcrumb-item active" aria-current="page">
Paiement
</li>
</ol>
</nav>
</div>
</div> </div>
</div> <div class="property-summary">
<div class="col-md-12 col-lg-4"> <div class="row">
<nav <div class="col-sm-12">
aria-label="breadcrumb" <div class="col-md-12 mb-1">
class="breadcrumb-box d-flex justify-content-lg-end" <button id="checkout-button">Procéder au paiement</button>
> </div>
<ol class="breadcrumb"> </div>
<li class="breadcrumb-item"> </div>
<a href="{% url 'rental:index' %}">Accueil</a>
</li>
<li class="breadcrumb-item">
<a href="{% url 'rental:list_place' %}">Hébergements</a>
</li>
<li class="breadcrumb-item active" aria-current="page">
Paiement
</li>
</ol>
</nav>
</div>
</div>
<div class="property-summary">
<div class="row">
<div class="col-sm-12">
<div class="col-md-12 mb-1">
<button id="checkout-button">Procéder au paiement</button>
</div>
</div> </div>
</div>
</div> </div>
</div>
</section> </section>
<script type="text/javascript"> <script type="text/javascript">
const stripe = Stripe('pk_test_dRAhoGxhyiGRjuKRMityEI5r'); const stripe = Stripe('pk_test_dRAhoGxhyiGRjuKRMityEI5r');
const checkoutForm = document.getElementById('checkout-form'); const checkoutButton = document.getElementById('checkout-button');
checkoutForm.addEventListener('submit', (e) => { checkoutButton.addEventListener('submit', (e) => {
e.preventDefault(); e.preventDefault();
const form = e.currentTarget; const form = e.currentTarget;
const formData = new FormData(form); const formData = new FormData(form);