Nouvelle version, simplifiée
This commit is contained in:
@@ -1,67 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Cadeaux de Noël pour Louisa</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
<title>Notre liste d'envies</title>
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container mt-4">
|
||||
<div class="mt-4 p-5 bg-danger text-white rounded">
|
||||
<h1>Liste des cadeaux pour Louisa</h1>
|
||||
<p>{{ message }}</p>
|
||||
</div>
|
||||
<p class="titre">Notre liste d'envies</p>
|
||||
<p class="sous-titre">A court d'idée pour un cadeau ? De quoi vous inspirer...</p>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="tableau">
|
||||
<ul style="display: none">
|
||||
<li> </li>
|
||||
<li> </li>
|
||||
<li> </li>
|
||||
<li>Qui va l'offrir ?</li>
|
||||
<li>Statut</li>
|
||||
<li>Noël ou son anniv' ?</li>
|
||||
<li>Emballé ?</li>
|
||||
</ul>
|
||||
{{#each cadeaux}}
|
||||
<ul>
|
||||
<li><a href="{{this.lien}}" target="_blank">Voir le produit</a></li>
|
||||
<li>
|
||||
<figure class="figure">
|
||||
<img src="{{this.photo}}" class="figure-img img-fluid rounded" alt="Pas d'image" ob>
|
||||
<figcaption class="figure-caption">{{this.libelle}}</figcaption>
|
||||
<figcaption class="figure-caption"><a href="{{this.lien}}" target="_blank">{{this.libelle}}</a></figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li>{{this.prix}} €</li>
|
||||
<li>{{#if this.acheteur}}{{this.acheteur}}
|
||||
<li>{{#if this.acheteur}}Réservé par {{this.acheteur}}
|
||||
{{else}}<a href="/choix-offrant?cadeau={{this.id}}" class="btn">Le réserver</a>{{/if}}
|
||||
</li>
|
||||
<li>
|
||||
<div class="form-check form-switch">
|
||||
{{#if this.achete}}
|
||||
<label class="form-check-label">Déja acheté{{#equals this.responsableAchat "Les parents"}}{{#unless this.paye}}<br>A rembourser{{/unless}}{{/equals}}</label>
|
||||
{{else}}
|
||||
<label class="form-check-label">A acheter{{#equals this.responsableAchat "Les parents"}}{{#unless this.paye}}<br>A rembourser{{/unless}}{{/equals}}</label>
|
||||
{{/if}}
|
||||
</div>
|
||||
<li>{{#if this.pourNoel}}Noël{{else}}Anniversaire{{/if}}</li>
|
||||
<li>
|
||||
{{#if this.achete}}
|
||||
{{#if this.emballe}}
|
||||
<label class="form-check-label">Emballé</label>
|
||||
{{else}}
|
||||
<label class="form-check-label"><b>A emballer</b></label>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
{{/each}}
|
||||
</div>
|
||||
|
||||
@@ -1,30 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Qui êtes-vous ?</title>
|
||||
<title>Réservation pour Louisa</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="/js/script.js"></script>
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container mt-4">
|
||||
<div class="mt-4 p-5 bg-danger text-white rounded">
|
||||
<h1>Qui êtes-vous ?</h1>
|
||||
<div class="mt-4 p-3 bg-danger text-white rounded">
|
||||
<h1>Qui es-tu ?</h1>
|
||||
<p>{{ message }}</p>
|
||||
</div>
|
||||
<input type="hidden" name="cadeau" id="cadeau-reg" value="{{cadeau}}">
|
||||
<div class="card" style="width: 30rem;">
|
||||
<div class="card-body">
|
||||
{{#each listeOffrants}}
|
||||
<div class="mb-3">
|
||||
<a href="reservation?cadeau={{../cadeau}}&offrant={{this.id}}" class="btn btn-primary offrants">{{this.prenom}}</a>
|
||||
</div>
|
||||
{{/each}}
|
||||
<div class="saisie-offrant">
|
||||
<form action="/reservation" method="GET">
|
||||
<input type="hidden" name="cadeau" id="cadeau" value="{{cadeau}}">
|
||||
<input type="text" name="offrant" id="offrant" class="participant" placeholder="Saisissez votre prénom" required>
|
||||
<input type="submit" id="btn-continuer" class="btn btn-primary" value="Continuer">
|
||||
</form>
|
||||
</div>
|
||||
<a href="/" class="btn btn-secondary">Retour aux cadeaux</a>
|
||||
<a href="/" class="btn btn-secondary"><< Annuler (retour aux cadeaux)</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
@@ -1,85 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Réserver un des cadeaux</title>
|
||||
<title>Réservation pour Louisa</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container mt-4">
|
||||
<div class="mt-4 p-5 bg-danger text-white rounded">
|
||||
<h1>Réserver ce cadeau</h1>
|
||||
<div class="mt-4 p-3 bg-danger text-white rounded">
|
||||
<h1>Merci {{offrant}} : voici le cadeau que tu as sélectionné</h1>
|
||||
<p>{{ message }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mt-4">
|
||||
<div class="card" style="width: 40rem;">
|
||||
<div class="card-header">{{infosCadeaux.libelle}}</div>
|
||||
<div class="card">
|
||||
<div class="card-header">{{infosCadeau.libelle}}</div>
|
||||
<div class="card-body">
|
||||
<form action="/confirm-reservation" method="POST">
|
||||
<input type="hidden" name="cadeau" id="cadeau-id" value="{{infosCadeaux.id}}">
|
||||
<input type="hidden" name="offrant" id="offrant-id" value="{{offrant.id}}">
|
||||
<input type="hidden" name="cadeau" id="cadeau-id" value="{{infosCadeau.id}}">
|
||||
<input type="hidden" name="offrant" id="offrant-id" value="{{offrant}}">
|
||||
<div class="mb-3">
|
||||
<img src="{{infosCadeaux.photo}}" class="image">
|
||||
<img src="{{infosCadeau.photo}}" class="image">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="responsable-reg" class="form-label">Qui es-tu ?</label>
|
||||
<input type="text" disabled id="offrant-reg" name="offrant" value="{{offrant.prenom}}">
|
||||
<p class="depenses">Pour l'instant, tu as déjà dépensé : {{totalAchats}}€</p>
|
||||
</div>
|
||||
<br>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Le cadeau a-t-il déjà été acheté ?</label>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="achete" id="achete1" value="1" {{#if infosCadeaux.achete}}checked{{/if}}>
|
||||
<label class="form-check-label" for="achete1">Oui</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="achete" id="achete2" value="0" {{#unless infosCadeaux.achete}}checked{{/unless}}>
|
||||
<label class="form-check-label" for="achete2">Non</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="responsable-reg" class="form-label">Qui doit s'occuper de l'achat (toi y compris) ?</label>
|
||||
<select name="responsableAchat" id="acheteur-reg" required class="form-select" aria-label="Default select example">
|
||||
<option value="" disabled selected>Choisir dans la liste</option>
|
||||
{{#each listeResponsables}}
|
||||
<option value="{{this.id}}">{{this.prenom}}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Si quelqu'un d'autre doit acheter le cadeau, avez-vous déjà remboursé cette personne ?</label>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="paye" id="paye1" value="1" {{#if infosCadeaux.paye}}checked{{/if}}>
|
||||
<label class="form-check-label" for="paye1">Oui</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="paye" id="paye2" value="0" {{#unless infosCadeaux.paye}}checked{{/unless}}>
|
||||
<label class="form-check-label" for="paye2">Non</label>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Pour quelle occasion veux-tu l'offrir ?</label>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="occasion" id="occasion1" value="1" {{#if infosCadeaux.pourNoel}}checked{{/if}}>
|
||||
<input class="form-check-input" type="radio" name="occasion" id="occasion1" value="1" {{#if infosCadeau.pourNoel}}checked{{/if}}>
|
||||
<label class="form-check-label" for="occasion1">Pour Noël</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="occasion" id="occasion2" value="0" {{#unless infosCadeaux.pourNoel}}checked{{/unless}}>
|
||||
<input class="form-check-input" type="radio" name="occasion" id="occasion2" value="0" {{#unless infosCadeau.pourNoel}}checked{{/unless}}>
|
||||
<label class="form-check-label" for="occasion2">Pour son anniversaire</label>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Enregistrer</button>
|
||||
<a href="/" class="btn btn-secondary">Retour aux cadeaux</a>
|
||||
<button type="submit" class="btn btn-primary">Continuer</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/" class="btn btn-secondary"><< Annuler (retour aux cadeaux)</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -9,11 +9,14 @@
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
<br><br>
|
||||
<div class="vote">{{#if present}}😁{{else}}☹️{{/if}} {{enfant}} {{#unless present}}ne{{/unless}} sera {{#unless present}}pas{{/unless}} là à l'anniversaire de Louisa le 17 décembre </div>
|
||||
<br>
|
||||
<br>
|
||||
{{#unless present}}<div class="vote-sm">Si vous changez d'avis, vous pouvez toujours nous contacter au <a href="tel:06.22.88.28.80">06.22.88.28.80</a> ou au <a href="tel:06.52.90.38.10">06.52.90.38.10</a></div>{{/unless}}
|
||||
{{#if present}}<div class="vote-sm">Louisa a hâte de retrouver ses copains pour cette occasion !!</div>{{/if}}
|
||||
<div class="general">
|
||||
<span class="logo">
|
||||
<img src="/minecraft_logo_icon_168974.png">
|
||||
</span>
|
||||
<span class="vote">{{enfant}} {{#unless present}}ne{{/unless}} sera {{#unless present}}pas{{/unless}} la a l'anniversaire<br>de Louisa le 14 decembre 2024</span>
|
||||
<span class="emoticon">
|
||||
{{#if present}}😁{{else}}☹️{{/if}}
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user