64 lines
4.3 KiB
HTML
64 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html th:replace="~{modele-page :: layout('Article - NOMARTICLE',~{::link} , ~{::#container-main})}" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
</head>
|
|
<body>
|
|
<div id="container-main">
|
|
<div class="row mt-3">
|
|
<div class="col-md-6 offset-md-3">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Article</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<img th:src="@{'/images/articles/' + ${article.id} + '.jpg'}" alt="image-vente" class="img-thumbnail" style="width: 250px; height: auto;">
|
|
</div>
|
|
<div class="col-md-9 d-flex flex-column">
|
|
<div class="mt-2 d-flex flex-column align-items-center">
|
|
<strong><span class="col-form-label" th:text="${article.nom}"></span></strong>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label">Description</label></strong>
|
|
<span th:text="${article.desc}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label">Vendeur</label></strong>
|
|
<span th:text="${username.pseudo}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label">Catégorie</label></strong>
|
|
<span th:text="${cate}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label">Prix de vente</label></strong>
|
|
<span th:text="${article.prixInitial}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label">Date fin enchère</label></strong>
|
|
<span th:text="${article.dateFinEnch}"></span>
|
|
</div>
|
|
<!-- Rajouter une condition sur retrait pour l'afficher uniquement quand -->
|
|
<!-- la vente est gagné ET à l'utilisateur qui a remporté la vente-->
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label">Retrait</label></strong>
|
|
<span th:text="${retrait} ? ${retrait.rue} + ' ' + ${retrait.code_postale} + ' ' + ${retrait.ville} : 'Adresse inconnue'"></span>
|
|
</div>
|
|
<form th:action="@{/enchere/incEnchere}" method="post" th:object="${enchere}" class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<input type="hidden" id="articleId" name="articleId" th:value="${article.id}">
|
|
<label for="montantEnchere">Montant</label>
|
|
<input type="number" th:field="*{montantEnchere}" id="montantEnchere">
|
|
<button type="submit" class="btn btn-primary">Enchérir</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|