66 lines
2 KiB
HTML
66 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Pangloss</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="script.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<nav>
|
|
<!-- barre de commandes -->
|
|
<h2>Nouvelle tâche</h2>
|
|
<hr>
|
|
<label for="nom">Nom de la tâche</label>
|
|
<input type="text" id="nom" name ="nom"/>
|
|
|
|
<label for="duree">Durée de la tâche (en h)</label>
|
|
<input type="number" id="duree" name ="duree"/>
|
|
|
|
<label for="datefin">Date de fin</label>
|
|
<input type="date" id="datefin" name ="datefin"/>
|
|
|
|
<label>Priorité</label>
|
|
|
|
<div class="radio-conteneur">
|
|
|
|
<!-- TODO synchroniser la customisation de couleurs
|
|
par l'utilisateur en js -->
|
|
<span class="radio_line">
|
|
<label for="priorite" style="color: crimson;">Urgent</label>
|
|
<input type="radio" name ="priorite" class="radio" value="1"/>
|
|
</span>
|
|
<span class="radio_line">
|
|
<label for="priorite" style="color:darkgoldenrod;">Normal</label>
|
|
<input type="radio" name ="priorite" class="radio" value="2"/>
|
|
</span>
|
|
<span class="radio_line">
|
|
<label for="priorite" style="color:darkviolet;">Peut attendre</label>
|
|
<input type="radio" name ="priorite" class="radio" value="3"/>
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<div class="separateur"></div>
|
|
|
|
|
|
<button type="button" onclick="createtask()">Créer</button>
|
|
|
|
<div class="separateur"></div>
|
|
|
|
|
|
<h2>
|
|
Trier par
|
|
</h2>
|
|
<hr>
|
|
<button type="button" onclick="triduree">Durée (décroissant)</button>
|
|
</nav>
|
|
<!-- fin barre de commandes -->
|
|
|
|
<div id = "conteneur">
|
|
<!-- Les tâches sont ajoutées ici via javascript -->
|
|
|
|
</div>
|
|
</body>
|
|
</html> |