94 lines
3.4 KiB
HTML
94 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html th:replace="~{modele-page :: layout('Ajouter un article',~{::link} , ~{::#container-main})}" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
</head>
|
|
<body>
|
|
<div id="container-main">
|
|
<h1>Nouvelle vente</h1>
|
|
<form th:action="@{/article/new}" method="post" th:object="${article}" enctype="multipart/form-data">
|
|
<!-- Nom de l'article -->
|
|
<div>
|
|
<label for="nom">Article:</label>
|
|
<input type="text" id="nom" th:field="*{nom}" required>
|
|
</div>
|
|
|
|
<!-- Description -->
|
|
<div>
|
|
<label for="description">Description:</label>
|
|
<textarea id="description" th:field="*{desc}" required></textarea>
|
|
</div>
|
|
|
|
<!-- Catégorie -->
|
|
<div>
|
|
<label for="categorie">Catégorie:</label>
|
|
<select id="categorie" th:field="*{numCategorie}" required>
|
|
<!-- Boucle sur les catégories pour générer les options -->
|
|
<option th:each="categorie : ${categories}" th:value="${categorie.id}" th:text="${categorie.libelle}"></option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Photo -->
|
|
<div>
|
|
<label for="photo">Photo de l'article:</label>
|
|
<input type="file" id="photo" th:field="*{photo}" accept="image/jpeg">
|
|
</div>
|
|
|
|
<!-- Mise à prix -->
|
|
<div>
|
|
<label for="prix">Mise à prix:</label>
|
|
<input type="number" id="prix" th:field="*{prixInitial}" min="0" step="0.01" required>
|
|
</div>
|
|
|
|
<!-- Date début enchère -->
|
|
<div>
|
|
<label for="dateDebut">Date début enchère:</label>
|
|
<input type="date" id="dateDebut" name="dateDebut" required>
|
|
</div>
|
|
|
|
<!-- Date fin enchère -->
|
|
<div>
|
|
<label for="dateFin">Date fin enchère:</label>
|
|
<input type="date" id="dateFin" name="dateFin" required>
|
|
</div>
|
|
|
|
<!-- Lieu de retrait -->
|
|
<h4>Retrait</h4>
|
|
<div>
|
|
<label for="rue">Rue:</label>
|
|
<input type="text" id="rue" name="rue" th:field="${user.rue}" required>
|
|
</div>
|
|
<div>
|
|
<label for="codePostal">Code postal:</label>
|
|
<input type="text" id="codePostal" name="code_postal" th:field="${user.code_postal}" required>
|
|
</div>
|
|
<div>
|
|
<label for="ville">Ville:</label>
|
|
<input type="text" id="ville" name="ville" th:field="${user.ville}" required>
|
|
</div>
|
|
|
|
<!-- Bouton Enregistrer -->
|
|
<div>
|
|
<button type="submit">Enregistrer</button>
|
|
</div>
|
|
</form>
|
|
<form th:action="@{/accueil}" method="post">
|
|
<button type="submit">Annuler</button>
|
|
</form>
|
|
<script>
|
|
// Obtenez la date actuelle et j+1
|
|
var today = new Date();
|
|
var tomorrow = new Date(today);
|
|
tomorrow.setDate(tomorrow.getDate() + 1);
|
|
// Formatez la date au format YYYY-MM-DD pour l'attribut min
|
|
var formattedDateToday = today.toISOString().split('T')[0];
|
|
var formattedDateTomorrow = tomorrow.toISOString().split('T')[0];
|
|
// Attribuez la date formatée à l'attribut min de l'élément input
|
|
document.getElementById('dateDebut').min = formattedDateToday;
|
|
document.getElementById('dateFin').min = formattedDateTomorrow;
|
|
// Attribuez la date formatée à l'attribut min de l'élément input
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|