johanleroy/ENI-enchere
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

critere de recherche

Browse Source
This commit is contained in:
ionak
2024-05-02 18:51:41 +02:00
parent f49a62185b
commit 43e7cbd63f
5 changed files with 58 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/main/resources/templates/accueil.html
View File

@@ -114,7 +114,7 @@
</div>
</div>
<div class="row">
<div th:each="article : ${articles}" class="col-md-6 mb-4" >
<div th:each="article : ${articles}" class="col-md-6 mb-4">
<a th:href="@{/article/show(id=${article.id})}" class="text-decoration-none text-dark" id="article-card">
<div class="card shadow-sm h-100 card-article">
<div class="row g-0">
@@ -123,20 +123,23 @@
<img th:unless="${fileService.fileExists('/images/articles/' + article.id + '.jpg')}" th:src="@{/images/articles/no-data.jpg}" alt="Image de l'article" class="img-fluid rounded">
</div>
<div class="col-md-8">
<div class="card-body d-flex flex-column ">
<h5 class="text-dark card-title text" th:text="${article.nom}"></h5>
<p class="text-dark card-text mb-auto" th:text="${article.desc}"></p>
<div class="card-body d-flex flex-column">
<h5 class="text-dark card-title" th:text="${article.nom}"></h5>
<p class="text-dark card-text mb-3" th:text="${article.desc}" style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;"></p>
<div class="mt-2 d-flex flex-row align-items-center justify-content-between">
<strong><label class="col-form-label mr-2" th:text="#{article.details.label.sale_price}"></label></strong>
<div class="col-form-label">
<span class="text-dark" th:if="${article.prixInitial < article.prixVente}">
<i class="fas fa-coins"></i> <!-- Assurez-vous de remplacer "fa-coins" par la classe de votre icône -->
<span th:text="${article.prixVente}"></span>
</span>
<span class="text-dark" th:if="${article.prixVente < article.prixInitial}">
<i class="fas fa-coins"></i> <!-- Assurez-vous de remplacer "fa-coins" par la classe de votre icône -->
<span th:text="${article.prixInitial}"></span>
</span>
<span class="text-dark">
<i class="fas fa-coins"></i>
<span th:text="${article.prixInitial}"></span>
</span>
</div>
</div>
<div class="mt-2 d-flex flex-row align-items-center justify-content-between">
<strong><label class="col-form-label mr-2" th:text="#{article.details.label.last_price}"></label></strong>
<div class="col-form-label">
<i class="fas fa-coins"></i>
<span class="text-dark" th:text="${article.prixMaxEnchere}"></span>
</div>
</div>
<div class="mt-2 d-flex flex-row align-items-center justify-content-between">
@@ -146,7 +149,22 @@
</div>
</div>
<br>
<h6 class="text-muted"> <span th:text="${#dates.format(article.dateFinEnch, 'dd/MM/yyyy')}"></span></h6>
<div class="row">
<div class="col-md-6">
<h6 class="text-muted"><strong><span th:text="#{article.details.label.start_date}"></span>: </strong></h6>
</div>
<div class="col-md-6">
<h6 class="text-muted"><span th:text="${#dates.format(article.dateDebutEnch, 'dd/MM/yyyy')}"></span></h6>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h6 class="text-muted"><strong><span th:text="#{article.details.label.end_date}"></span>: </strong></h6>
</div>
<div class="col-md-6">
<h6 class="text-muted"><span th:text="${#dates.format(article.dateFinEnch, 'dd/MM/yyyy')}"></span></h6>
</div>
</div>
</div>
</div>
</div>
@@ -154,6 +172,7 @@
</a>
</div>
</div>
<!-- Pagination -->
<div class="row mt-4" th:if="${not #lists.isEmpty(articles)}">
<div class="col-md-12">