Enhance the style of the forms. Fixes #13

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

View file

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

View file

@ -19,39 +19,44 @@
{% endif %}
</div>
<form method="post">
<label>
<p>Nom</p>
<form method="post" class="pure-form pure-form-aligned">
<fieldset>
<div class="pure-control-group">
<label>Nom</label>
<input type="text" name="name" value="{{ product.name or '' }}" required>
</label>
<label>
<p>Prix (en €), pour une unité</p>
<input type="number" step="0.001" name="price" value="{{ product.price or '' }}" required>
</label>
<label>
<p>Unité de commande</p>
</div>
<div class="pure-control-group">
<label>Unité de commande</label>
<input type="text" name="unit" placeholder="sachet de 200g" value="{{ product.unit or '' }}" required>
</label>
<label>
<h5>Description du produit</h5>
</div>
<div class="pure-control-group">
<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 '' }}">
</label>
</div>
<br />
<label>
Produit actuellement en rupture ?
<div class="pure-control-group">
<label>Rupture de stock ?</label>
<input type="checkbox" name="rupture" value="RUPTURE" {% if product.rupture %}checked="true"{% endif %}>
</label>
</div>
<br />
<div class="pure-controls">
<input type="submit" name="submit" value="Valider" class="primary">
{% set body %}
<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>
<input type="number" name="packing" value="{{ product.packing or '' }}">
{%- endset %}
{{ macros.modal(id="advanced", label="Voir les options avancées", body=body) }}
<div>
<input type="submit" name="submit" value="Valider" class="primary">
</div>
</fieldset>
</form>
<hr>