almet/copanier
1
0
Fork 0
mirror of https://github.com/almet/copanier.git synced 2025-04-28 19:42:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Enhance the style of the forms. Fixes #13

Browse source
This commit is contained in:
Alexis MÃtaireau 2020-06-07 17:34:57 +02:00
parent 7c381ca992
commit 60f9d41f48
2 changed files with 49 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
copanier/templates/products/edit_producer.html
View file

@ -30,38 +30,40 @@
{% if producer and producer.needs_price_update(delivery) %} {% if producer and producer.needs_price_update(delivery) %}
<p class="notification info">Les prix pour {{ producer.name }} ont besoin d'être validés.</p> <p class="notification info">Les prix pour {{ producer.name }} ont besoin d'être validés.</p>
{% endif %} {% endif %}
<form method="post"> <form method="post" class="pure-form pure-form-aligned">
<fieldset>
{% if producer.id %} {% if producer.id %}
<input type="hidden" name="id" value="{{ producer.id }}"> <input type="hidden" name="id" value="{{ producer.id }}">
{% else %} {% else %}
<label> <div class="pure-control-group">
<p>Nom</p> <label for="name">Nom</label>
<input type="text" name="name" value="{{ producer.name or '' }}"> <input id="name" type="text" name="name" value="{{ producer.name or '' }}" required>
</label> </div>
{% endif %} {% endif %}
<label> <div class="pure-control-group">
<h5>Description</h5> <label>Description</label>
<input type="text" name="description" value="{{ producer.description or '' }}"> <input type="text" name="description" value="{{ producer.description or '' }}">
</label> </div>
<label> <div class="pure-control-group">
<p>Email de la personne référente</p> <label>Email référent⋅e</label>
<input type="email" name="referent" value="{{ producer.referent or '' }}" required> <input type="email" name="referent" value="{{ producer.referent or '' }}" required>
</label> </div>
<label> <div class="pure-control-group">
<p>Nom de la personne référente</p> <label>Nom référent⋅e</label>
<input type="text" name="referent_name" value="{{ producer.referent_name or '' }}" required> <input type="text" name="referent_name" value="{{ producer.referent_name or '' }}" required>
</label> </div>
<label> <div class="pure-control-group">
<p>Téléphone de la personne référente</p> <label>Téléphone référent⋅e</label>
<input type="tel" name="referent_tel" value="{{ producer.referent_tel or '' }}" required> <input type="tel" name="referent_tel" value="{{ producer.referent_tel or '' }}" required>
</label> </div>
<label> <div class="pure-control-group">
<h5>Contact product⋅eur⋅rice</h5> <label>Contact producteur⋅rice</label>
<input type="text" name="contact" value="{{ producer.contact or '' }}"> <input type="text" name="contact" value="{{ producer.contact or '' }}">
</label> </div>
<div> <div class="pure-controls">
<input type="submit" name="submit" value="Valider" class="primary"> <input type="submit" name="submit" value="Valider" class="primary">
</div> </div>
</fieldset>
</form> </form>
{% if delivery.shipping.get(producer.id) %} {% if delivery.shipping.get(producer.id) %}

45
copanier/templates/products/edit_product.html
View file

@ -19,39 +19,44 @@
{% endif %} {% endif %}
</div> </div>
<form method="post"> <form method="post" class="pure-form pure-form-aligned">
<label> <fieldset>
<p>Nom</p>
<div class="pure-control-group">
<label>Nom</label>
<input type="text" name="name" value="{{ product.name or '' }}" required> <input type="text" name="name" value="{{ product.name or '' }}" required>
</label> </div>
<label> <div class="pure-control-group">
<p>Prix (en €), pour une unité</p> <label>Unité de commande</label>
<input type="number" step="0.001" name="price" value="{{ product.price or '' }}" required>
</label>
<label>
<p>Unité de commande</p>
<input type="text" name="unit" placeholder="sachet de 200g" value="{{ product.unit or '' }}" required> <input type="text" name="unit" placeholder="sachet de 200g" value="{{ product.unit or '' }}" required>
</label> </div>
<label> <div class="pure-control-group">
<h5>Description du produit</h5> <label>Prix</label>
<input type="number" step="0.001" name="price" value="{{ product.price or '' }}" required>
<span class="pure-form-message-inline">En euros (TTC), pour une unité</span>
</div>
<div class="pure-control-group">
<label>Description</label>
<input type="text" name="description" placeholder="Bière type American Pale Ale" value="{{ product.description or '' }}"> <input type="text" name="description" placeholder="Bière type American Pale Ale" value="{{ product.description or '' }}">
</label> </div>
<br /> <br />
<label> <div class="pure-control-group">
Produit actuellement en rupture ? <label>Rupture de stock ?</label>
<input type="checkbox" name="rupture" value="RUPTURE" {% if product.rupture %}checked="true"{% endif %}> <input type="checkbox" name="rupture" value="RUPTURE" {% if product.rupture %}checked="true"{% endif %}>
</label> </div>
<br /> <br />
<div class="pure-controls">
<input type="submit" name="submit" value="Valider" class="primary">
{% set body %} {% set body %}
<h3>Conditionnement</h3> <h3>Conditionnement</h3>
<h5><strong>A indiquer uniquement si ces produits ne peuvent pas être achetés à l'unité</strong>. Par exemple, si il est uniquement possible d'acheter des cartons de 12 bouteilles, alors indiquez « 12 » ici. Dans le doute, laissez vide.</h5> <h5><strong>A indiquer uniquement si ces produits ne peuvent pas être achetés à l'unité</strong>. Par exemple, si il est uniquement possible d'acheter des cartons de 12 bouteilles, alors indiquez « 12 » ici. Dans le doute, laissez vide.</h5>
<input type="number" name="packing" value="{{ product.packing or '' }}"> <input type="number" name="packing" value="{{ product.packing or '' }}">
{%- endset %} {%- endset %}
{{ macros.modal(id="advanced", label="Voir les options avancées", body=body) }} {{ macros.modal(id="advanced", label="Voir les options avancées", body=body) }}
<div>
<input type="submit" name="submit" value="Valider" class="primary">
</div> </div>
</fieldset>
</form> </form>
<hr> <hr>