starnakin/PyMenuSite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add the first version groceries_list page

Browse Source
This commit is contained in:
starnakin
2023-02-12 21:54:29 +01:00
parent f7d2e8563b
commit 9c903176b1
3 changed files with 71 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
templates/grocery.html Normal file
View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<header>
<title>{{name}}</title>
</header>
<body>
<div id="container">
<table>
<tr>
<td><b>Acheté</b></td>
<td><b>Nom</b></td>
<td><b>Quantité</b></td>
<td><b>Prix</b></td>
</tr>
<tr>
{% for article in articles %}
<td class="buyed">
<input type="checkbox" id={{article.id}}>
</td>
<td>
<input type="text" value={{article.name}}>
</td>
<td>
<input type="number" value="{{article.quantity}}" size="7" step="1">
</td>
<td>
<input type="number" value="{{article.price}}" size="9" step="0.01"'>
</td>
{% endfor %}
</tr>
<tr>
<td class="add_element" colspan="4">
<a href={{add_button_url}}>
<input type="button" value="+">
</a>
</td>
</tr>
</table>
</div>
<style>
td.buyed {
text-align: center;
vertical-align: middle;
}
body {
background: #67BE4B;
}
#container {
width: 400px;
margin: 0 auto;
margin-top: 5%;
border: 1px solid #f1f1f1;
background: #fff;
}
td.add_element {
background: #fff;
margin: 100%;
text-align: center;
}
td.add_element input[type=button] {
width: 100%;
border: 0px;
background: #67BE4B;
}
td.add_element input[type=button]:hover {
background: #fff;
border: 1px solid #67BE4B;
}
</style>
</body>
</html>