mirror of
https://github.com/rjNemo/villafleurie
synced 2026-06-12 13:26:47 +00:00
reservation pge
This commit is contained in:
Ruidy Nemausat
parent
de2ccb1b40
commit
16f483a9de
10 changed files with 197 additions and 33 deletions
55
README.md
55
README.md
|
|
@ -1,10 +1,8 @@
|
||||||
# Villafleurie : moteur de réservation autonome
|
# Villafleurie : moteur de réservation autonome
|
||||||
---
|
|
||||||
`V 0.1`
|
`V 0.1 Le site est structuré. Il reste à appliquer le contenu et les visuels`
|
||||||
Le site est structuré. Il reste à appliquer le contenu et les visuels.
|
|
||||||
|
|
||||||
## Projet
|
## Projet
|
||||||
---
|
|
||||||
|
|
||||||
Créer un site vitrine présentant l'activité de Villafleurie :
|
Créer un site vitrine présentant l'activité de Villafleurie :
|
||||||
* location de logements : T2 et T3
|
* location de logements : T2 et T3
|
||||||
|
|
@ -18,52 +16,51 @@ Le visiteur doit pouvoir :
|
||||||
* et pouvoir réserver
|
* et pouvoir réserver
|
||||||
|
|
||||||
## Structure
|
## Structure
|
||||||
---
|
|
||||||
|
|
||||||
### Pages
|
### Pages
|
||||||
|
|
||||||
1. Page d'accueil
|
1. Page d'accueil
|
||||||
..* Landing page
|
* Landing page
|
||||||
..* CTA = "Réserver maintenant"
|
* CTA = "Réserver maintenant"
|
||||||
2. Page logement
|
2. Page logement
|
||||||
..* photos,
|
* photos,
|
||||||
..* disponibilités,
|
* disponibilités,
|
||||||
..* tarif pour la période sélectionnée,
|
* tarif pour la période sélectionnée,
|
||||||
3. Page réservation
|
3. Page réservation
|
||||||
..* Entrer ses coordonnées
|
* Entrer ses coordonnées
|
||||||
..* Prépayer la réservation ou la caution,
|
* Prépayer la réservation ou la caution,
|
||||||
4. Page remerciements
|
4. Page remerciements
|
||||||
..* Expliquer les prochaines étapes
|
* Expliquer les prochaines étapes
|
||||||
5. Page contact
|
5. Page contact
|
||||||
6. Page légale
|
6. Page légale
|
||||||
|
|
||||||
### Données
|
### Données
|
||||||
|
|
||||||
1. Logement :
|
1. Logement :
|
||||||
..* nom,
|
* nom,
|
||||||
..* photos,
|
* photos,
|
||||||
..* description,
|
* description,
|
||||||
..* calendrier,
|
* calendrier,
|
||||||
..* tarif
|
* tarif
|
||||||
|
|
||||||
2. Client :
|
2. Client :
|
||||||
..* nom,
|
* nom,
|
||||||
..* mail,
|
* mail,
|
||||||
..* téléphone,
|
* téléphone,
|
||||||
..* _réservation_
|
* _réservation_
|
||||||
|
|
||||||
3. Réservation :
|
3. Réservation :
|
||||||
..* _client_,
|
* _client_,
|
||||||
..* _logement_,
|
* _logement_,
|
||||||
..* dates de calendrier,
|
* dates de calendrier,
|
||||||
|
|
||||||
4. Témoignages :
|
4. Témoignages :
|
||||||
..* _client_,
|
* _client_,
|
||||||
..* _reservation_,
|
* _reservation_,
|
||||||
..* témoignage
|
* témoignage
|
||||||
|
|
||||||
## TO DO
|
## TO DO
|
||||||
---
|
|
||||||
* remplir les détails des logements et ajouter les photos dynamiquement
|
* remplir les détails des logements et ajouter les photos dynamiquement
|
||||||
* afficher le logo
|
* afficher le logo
|
||||||
* Gestion du calendrier
|
* Gestion du calendrier
|
||||||
|
|
|
||||||
BIN
rental/.DS_Store
vendored
BIN
rental/.DS_Store
vendored
Binary file not shown.
BIN
rental/templates/.DS_Store
vendored
BIN
rental/templates/.DS_Store
vendored
Binary file not shown.
BIN
rental/templates/rental/.DS_Store
vendored
BIN
rental/templates/rental/.DS_Store
vendored
Binary file not shown.
|
|
@ -197,7 +197,7 @@
|
||||||
<div class="w-body-a">
|
<div class="w-body-a">
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li class="item-list-a">
|
<li class="item-list-a">
|
||||||
<i class="fa fa-angle-right"></i> <a href="#">Mentions légales</a>
|
<i class="fa fa-angle-right"></i> <a href="{% url 'legal' %}">Mentions légales</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="item-list-a">
|
<li class="item-list-a">
|
||||||
<i class="fa fa-angle-right"></i> <a href="#">Jobs</a>
|
<i class="fa fa-angle-right"></i> <a href="#">Jobs</a>
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
<a href="{% url 'rental:index' %}">Accueil</a>
|
<a href="{% url 'rental:index' %}">Accueil</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="breadcrumb-item">
|
<li class="breadcrumb-item">
|
||||||
<a href="{% url 'rental:detail_place' place_name=place.name %}">Propriétés</a>
|
<a href="{% url 'rental:detail_place' place_name=place.name %}">Hébergements</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="breadcrumb-item active" aria-current="page">
|
<li class="breadcrumb-item active" aria-current="page">
|
||||||
{{ place.name }}
|
{{ place.name }}
|
||||||
|
|
|
||||||
163
rental/templates/rental/legal.html
Normal file
163
rental/templates/rental/legal.html
Normal file
|
|
@ -0,0 +1,163 @@
|
||||||
|
{% extends 'rental/base.html'%}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
<!--/ Intro Single star /-->
|
||||||
|
<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">Mentions légales</h1>
|
||||||
|
<span class="color-text-a">Vous souhaiter effectuer une demande de réservation ?
|
||||||
|
Vous avez des questions, des suggestions d’amélioration ou des commentaires ?
|
||||||
|
<br>Laissez-nous un message !</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 active" aria-current="page">
|
||||||
|
Mentions légales
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ Intro Single End /-->
|
||||||
|
|
||||||
|
<!--/ Contact Star /-->
|
||||||
|
<section class="contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
CGU, CGV, politique de confidentialité,
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-12 section-t8">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-7">
|
||||||
|
<form class="form-a contactForm" action="" method="post" role="form">
|
||||||
|
<div id="sendmessage">Votre message a bien été envoyé. Merci !</div>
|
||||||
|
<div id="errormessage"></div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 mb-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" name="name" class="form-control form-control-lg form-control-a" placeholder="Nom" data-rule="minlen:4" data-msg="Veuillez entrer 4 caractères minimum svp">
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<input name="email" type="email" class="form-control form-control-lg form-control-a" placeholder="Email" data-rule="email" data-msg="Veuillez entrer une adresse valide svp">
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12 mb-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" name="subject" class="form-control form-control-lg form-control-a" placeholder="Sujet" data-rule="minlen:4" data-msg="Veuillez entrer 8 caractères minimum svp">
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12 mb-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<textarea name="message" class="form-control" name="message" cols="45" rows="8" data-rule="required" data-msg="Laissez nous un message à lire 😁" placeholder="Message"></textarea>
|
||||||
|
<div class="validation"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<button type="submit" class="btn btn-a">Envoyer</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-5 section-md-t3">
|
||||||
|
<div class="icon-box section-b2">
|
||||||
|
<div class="icon-box-icon">
|
||||||
|
<span class="ion-ios-paper-plane"></span>
|
||||||
|
</div>
|
||||||
|
<div class="icon-box-content table-cell">
|
||||||
|
<div class="icon-box-title">
|
||||||
|
<h4 class="icon-title">Dîtes salut 👋</h4>
|
||||||
|
</div>
|
||||||
|
<div class="icon-box-content">
|
||||||
|
<p class="mb-1">✉️Email :
|
||||||
|
<span class="color-a"><a href="mailto:location.villafleurie@gmail.com">location.villafleurie@gmail.com</a></span>
|
||||||
|
</p>
|
||||||
|
<p class="mb-1">📞Téléphone :
|
||||||
|
<span class="color-a"><a href="tel:0698267634">06 98 26 76 34</a></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="icon-box section-b2">
|
||||||
|
<div class="icon-box-icon">
|
||||||
|
<span class="ion-ios-pin"></span>
|
||||||
|
</div>
|
||||||
|
<div class="icon-box-content table-cell">
|
||||||
|
<div class="icon-box-title">
|
||||||
|
<h4 class="icon-title">Retrouvez-nous </h4>
|
||||||
|
</div>
|
||||||
|
<div class="icon-box-content">
|
||||||
|
<p class="mb-1">
|
||||||
|
Rue Gerty Archimède,
|
||||||
|
<br> 97190 Le Gosier, Guadeloupe
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="icon-box">
|
||||||
|
<div class="icon-box-icon">
|
||||||
|
<span class="ion-ios-redo"></span>
|
||||||
|
</div>
|
||||||
|
<div class="icon-box-content table-cell">
|
||||||
|
<div class="icon-box-title">
|
||||||
|
<h4 class="icon-title">Social networks</h4>
|
||||||
|
</div>
|
||||||
|
<div class="icon-box-content">
|
||||||
|
<div class="socials-footer">
|
||||||
|
<ul class="list-inline">
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a href="#" class="link-one">
|
||||||
|
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a href="#" class="link-one">
|
||||||
|
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a href="#" class="link-one">
|
||||||
|
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a href="#" class="link-one">
|
||||||
|
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-inline-item">
|
||||||
|
<a href="#" class="link-one">
|
||||||
|
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--/ Contact End /-->
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<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">Contactez-nous</h1>
|
<h1 class="title-single">Réservation</h1>
|
||||||
<span class="color-text-a">Vous souhaiter effectuer une demande de réservation ?
|
<span class="color-text-a">Vous souhaiter effectuer une demande de réservation ?
|
||||||
Vous avez des questions, des suggestions d’amélioration ou des commentaires ?
|
Vous avez des questions, des suggestions d’amélioration ou des commentaires ?
|
||||||
<br>Laissez-nous un message !</span>
|
<br>Laissez-nous un message !</span>
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
<a href="{% url 'rental:index' %}">Accueil</a>
|
<a href="{% url 'rental:index' %}">Accueil</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="breadcrumb-item active" aria-current="page">
|
<li class="breadcrumb-item active" aria-current="page">
|
||||||
Contact
|
Réservation
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -43,6 +43,9 @@ class Contact(TemplateView):
|
||||||
class Reserver(TemplateView):
|
class Reserver(TemplateView):
|
||||||
template_name = 'rental/reservation.html'
|
template_name = 'rental/reservation.html'
|
||||||
|
|
||||||
|
class Legal(TemplateView):
|
||||||
|
template_name = 'rental/legal.html'
|
||||||
|
|
||||||
def about(request):
|
def about(request):
|
||||||
context = {}
|
context = {}
|
||||||
return render(request, 'rental/about.html', context)
|
return render(request, 'rental/about.html', context)
|
||||||
|
|
|
||||||
|
|
@ -10,5 +10,6 @@ urlpatterns = [
|
||||||
path('contact/', views.Contact.as_view(), name='contact'),
|
path('contact/', views.Contact.as_view(), name='contact'),
|
||||||
path('a-propos/', views.about, name='about'),
|
path('a-propos/', views.about, name='about'),
|
||||||
path('reservation/', views.Reserver.as_view(), name='reservation'),
|
path('reservation/', views.Reserver.as_view(), name='reservation'),
|
||||||
|
path('legal/', views.Legal.as_view(), name='legal'),
|
||||||
path('', include('rental.urls', namespace='rental')),
|
path('', include('rental.urls', namespace='rental')),
|
||||||
]
|
]
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue