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 %}
<script src="https://js.stripe.com/v3/"></script>
<script src="https://js.stripe.com/v3/"></script>
<section class="intro-single">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-8">
<div class="title-single-box">
<h1 class="title-single">Merci pour votre réservation</h1>
<span class="color-text-a"
>En cliquant sur le bouton ci-dessous vous serez redirigé vers une page de paiement sécurisé.<br />
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-8">
<div class="title-single-box">
<h1 class="title-single">Merci pour votre réservation</h1>
<span class="color-text-a"
>En cliquant sur le bouton ci-dessous vous serez redirigé vers une page de paiement sécurisé.<br/>
</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 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 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 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>
<script type="text/javascript">
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();
const form = e.currentTarget;
const formData = new FormData(form);