feat: more css

This commit is contained in:
Martin Eyben 2024-12-03 18:20:51 +00:00
parent ff4179c283
commit ee79781fb2
2 changed files with 74 additions and 38 deletions

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -9,8 +10,10 @@
<%- include('partials/links.ejs') %> <%- include('partials/links.ejs') %>
</head> </head>
<body> <body>
<%- include('partials/header.ejs') %> <%- include('partials/header.ejs') %>
<main>
<h1> <h1>
Liste des boîtes Liste des boîtes
@ -19,10 +22,9 @@
<div class="fromDate"> <div class="fromDate">
<label for="fromDate">À partir de : </label> <label for="fromDate">À partir de : </label>
<input type="date" name="fromDate" id="fromDate"> <input type="date" name="fromDate" id="fromDate">
<input type="submit" value="Filtrer" onclick="window.location.pathname = '/boxes/from/' + document.getElementById('fromDate').value;"> <input type="submit" value="Filtrer"
<span>Nombre moyen de pièces : <%- onclick="window.location.pathname = '/boxes/from/' + document.getElementById('fromDate').value;">
boxes.map( <span>Nombre moyen de pièces : <%- boxes.map( (b)=> b.pieces.reduce(
(b) => b.pieces.reduce(
(p, q) => p + q.second, 0 (p, q) => p + q.second, 0
) )
).reduce((i, j) => i + j, 0) / boxes.length%></span> ).reduce((i, j) => i + j, 0) / boxes.length%></span>
@ -30,16 +32,35 @@
<hr> <hr>
<ul> <table>
<thead>
<tr>
<th>Id</th>
<th>Nom</th>
<th>Nombre de pièces</th>
<th>Date création</th>
<th></th>
</tr>
</thead>
<tbody>
<% boxes.forEach(function(box) { %> <% boxes.forEach(function(box) { %>
<li> <tr>
<a href="/boxes/<%=box.title%>"> <td><%=box.id%></td>
<%=box.title%> <td><%=box.title%></td>
</a> <td><%- box.pieces.reduce(
</li> (p,q) => p + q.second, 0
<% }); %> )
</ul> -%></td>
<td><%=box.date.toLocaleDateString()%></td>
<td><a href="/boxes/byid/<%=box.id%>"><i class="fa-solid fa-eye"></i></a></td>
</tr>
<% }); %>
</tbody>
</table>
</main>
</body> </body>
</html> </html>

View File

@ -13,6 +13,8 @@
<body> <body>
<%- include('partials/header.ejs') %> <%- include('partials/header.ejs') %>
<main>
<h1> <h1>
<%= member.name %> <%= member.name %>
</h1> </h1>
@ -26,18 +28,31 @@
name: <%= member.name%> name: <%= member.name%>
</pre> </pre>
<h2>Liste des modèles faisable</h2> <h2>Liste des modèles faisables</h2>
<ul> <table>
<thead>
<tr>
<th>Id modèle</th>
<th>Nom modèle</th>
<th>Proposé par</th>
<th></th>
</tr>
</thead>
<tbody>
<% models.forEach(function(model) { %> <% models.forEach(function(model) { %>
<li> <tr>
<a href="/models/byid/<%=model.id%>"> <td><%=model.id%></td>
<%=model.name%> <td><%=model.name%></td>
</a> <td><a href="/membres/byid/<%=model.creator%>"><i class="fa-solid fa-user"></i> <%=model.creator%></a></td>
</li> <td><a href="/models/byname/<%=model.name%>"><i class="fa-solid fa-eye"></i></a></td>
<% }); %> </tr>
</ul>
</body> <% }); %>
</tbody>
</table>
</body>
</main>
</html> </html>