From dafb3d2c9bd1b77c1a1a96e40c51cb98fa28a047 Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yb@enix.org>
Date: Sat, 13 Apr 2019 11:14:36 +0200
Subject: [PATCH] Add more details about columns to import products

---
 copanier/static/app.css               | 11 +++++++++++
 copanier/templates/edit_delivery.html | 20 +++++++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/copanier/static/app.css b/copanier/static/app.css
index f141c90..19c9731 100644
--- a/copanier/static/app.css
+++ b/copanier/static/app.css
@@ -486,3 +486,14 @@ ul.toolbox li {
   padding: 0;
   margin: 0;
 }
+dt {
+  font-weight: 600;
+}
+dt.mandatory:after {
+  content: "*";
+  font-size: .7rem;
+  vertical-align: top;
+}
+details summary {
+  cursor: pointer;
+}
diff --git a/copanier/templates/edit_delivery.html b/copanier/templates/edit_delivery.html
index 43db565..456da85 100644
--- a/copanier/templates/edit_delivery.html
+++ b/copanier/templates/edit_delivery.html
@@ -39,7 +39,25 @@
 {% if delivery %}
 <h3>Importer des produits</h3>
 <p>Formats pris en charge: xlsx, csv</p>
-<p>Colonnes: ref*, name*, price*, description, url, img</p>
+<details>
+    <summary>Détails des colonnes</summary>
+    <dl>
+        <dt class="mandatory">ref</dt>
+        <dd>Référence unique du produit (permet de mettre à jour les produits en cours de commande ou d'importer des commandes individuelles).</dd>
+        <dt class="mandatory">name</dt>
+        <dd>Nom du produit: mettre juste assez d'info pour distinguer les produits les uns des autres.</dd>
+        <dt class="mandatory">price</dt>
+        <dd>Prix d'une unité, en euros.</dd>
+        <dt>unit</dt>
+        <dd>Conditionnement d'une unité: 1kg, 33cl…</dd>
+        <dt>description</dt>
+        <dd>Plus de détails sur le produit.</dd>
+        <dt>url</dt>
+        <dd>Une URL éventuelle pointant sur une page présentant le produit.</dd>
+        <dt>img</dt>
+        <dd>Une URL éventuelle pointant sur une image du produit (attention, utiliser seulement des liens https).</dd>
+    </dl>
+</details>
 <form action="/livraison/{{ delivery.id }}/importer/produits" method="post" enctype="multipart/form-data">
     <input type="file" name="data" required>
     <input type="submit" name="Importer des produits">