52 lines
3.0 KiB
HTML
52 lines
3.0 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}"></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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|