almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-05-01 11:22:24 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

front for grouped order create page

Browse source
This commit is contained in:
Laetitia Getti 2023-06-09 16:56:44 +02:00
parent a7c5a0670d
commit 384f81d4ab
4 changed files with 38 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
la_chariotte/order/templates/order/grouped_order_add_items.html
View file

@ -17,7 +17,7 @@
<div class="box">
<p class="title">Gestion des produits - {{ grouped_order.name }}</p>
<p>Sur cette page, vous pouvez voir et modifier les produits qui sont inscrits à votre commande groupée.</p>
<p>Sur cette page, vous pouvez ajouter et modifier les produits de votre commande groupée.</p>
{% url 'order:item_create' pk=grouped_order.pk as create_item_url %}

14
la_chariotte/order/templates/order/grouped_order_create.html
View file

@ -6,8 +6,14 @@
<p class="desktop-hidden mobile-content-title">
{% block content_title %}Créer une commande groupée{% endblock %}
</p>
<form method="post">{% csrf_token %}
{{ form.as_p }}
<input type="submit" value="Save">
</form>
<div class="box">
<p class="title">Nouvelle commande</p>
<form method="post">{% csrf_token %}
{{ form.as_p }}
<div class="buttons">
<a class="button is-light" href="{% url 'order:index' %}">Annuler</a>
<input class="button is-primary" type="submit" value="Suivant">
</div>
</form>
</div>
{% endblock %}

12
la_chariotte/static/css/app.css
View file

@ -10401,6 +10401,18 @@ a.navbar-item:hover {
width: unset;
}
.mini-title, form p label {
color: #7a7a7a;
font-size: 0.8rem;
margin-bottom: 0px !important;
}
form p label ~ input, form p label ~ textarea {
display: block;
max-width: 100%;
box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
}
@media screen and (max-width: 1023px) {
table {
display: block;

16
la_chariotte/static/sass/base/_form.sass
View file

@ -19,4 +19,18 @@
// Input
.input.custom-width
width: unset
width: unset
// Forms
.mini-title, form p label
color: $grey-text
font-size: 0.8rem
margin-bottom: 0px !important
form
p
label ~ input, label ~ textarea
display: block
max-width: 100%
box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05)