Files
WishList/views/index.hbs

71 lines
3.0 KiB
Handlebars

<!DOCTYPE html>
<html lang="en">
<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">
<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>
</div>
<br>
<br>
<div class="tableau">
<ul>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li>Qui va l'offrir ?</li>
<li>&nbsp;</li>
<li>Qui l'achète ?</li>
<li>Noël ou son anniv' ?</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>
</figure>
</li>
<li>{{this.prix}} €</li>
<li>{{#if this.acheteur}}{{this.acheteur}}
{{else}}<a href="/choix-offrant?cadeau={{this.id}}" class="btn btn-primary">Le réserver</a>{{/if}}
</li>
<li>
<div class="form-check form-switch">
{{#if this.achete}}
<input class="form-check-input" type="checkbox" id="flexAcheteCheckedDisabled-{{this.id}}" checked disabled>
<label class="form-check-label" for="flexAcheteCheckedDisabled-{{this.id}}">Déja acheté</label>
{{else}}
<input class="form-check-input" type="checkbox" id="flexAcheteDisabled-{{this.id}}" disabled>
<label class="form-check-label" for="flexAcheteDisabled-{{this.id}}">A acheter</label>
{{/if}}
</div>
<div class="form-check form-switch">
{{#if this.paye}}
<input class="form-check-input" type="checkbox" id="flexPayeCheckedDisabled-{{this.id}}" checked disabled>
<label class="form-check-label" for="flexPayeCheckedDisabled-{{this.id}}">Déja payé</label>
{{else}}
<input class="form-check-input" type="checkbox" id="flexPayeDisabled-{{this.id}}" disabled>
<label class="form-check-label" for="flexPayeDisabled-{{this.id}}">A payer</label>
{{/if}}
</div>
<li>{{#if this.responsable_achat}}{{this.responsableAchat}}{{/if}}</li>
<li>{{#if this.pourNoel}}Noël{{else}}Anniversaire{{/if}}</li>
</ul>
{{/each}}
</div>
</body>
</html>