feat: improve notice and FAQ

la_chariotte/templates/help/faq.html

@@ -40,6 +40,21 @@
 				les membres de la Chariotte font vivre et améliorent continuellement l'outil pour répondre à vos besoins.
 			</div>
 		</article>
+		<article class="message">
+			<div class="message-header">
+				<p>Est-ce que je peux rejoindre une commande commande créer par une personne que je ne connais pas ?</p>
+				<a>
+					<span class="icon">
+					<i class="fa fa-angle-down" aria-hidden="true"></i>
+					</span>
+				</a>
+			</div>
+			<div class="message-body">
+				C'est prévu a long terme mais pour l'instant non ! Aujourd'hui la Chariotte n'a pas pour visée de 
+				mettre en relation des organisateurs/producteurs et des participants. Il n'est donc pas 
+				possible de trouver une liste de commandes groupées existantes que vous pourriez rejoindre à volonté.
+			</div>
+		</article>
 		<article class="message">
 			<div class="message-header">
 				<p>Faut-il faire partie de l'asso pour utiliser la chariotte ?</p>
@@ -180,8 +195,8 @@
 					N'hésitez pas à nous faire un rapport de votre expérience de la Chariotte en pointant 
 					les bons et les mauvais côtés de l'application. Par exemple en remplissant 
 					<a href="{% settings_value "FEEDBACK_LINK" %}">ce formulaire</a> !</li>
-				<li>Si le projet vous parle et que vous avez envie de nous soutenir de manière plus significative 
+				<li>Si le projet vous parle et que vous avez envie de nous soutenir de manière plus significative, 
-					encore, nous avons besoin d'un peu d'argent de poche pour soutenir les frais de l'association ; 
+					nous avons besoin d'un peu d'argent de poche pour soutenir les frais de l'association ; 
 					<a href ="{% settings_value "HELLOASSO_LINK" %}">par ici</a> pour en savoir plus !</li>
 				</ul>
 				<p>Et enfin, si vous souhaitez en savoir plus sur l'association en elle-même et que vous 

la_chariotte/templates/help/notice.html

@@ -11,13 +11,35 @@
 <div class="box">
     <p>Comment marche la Chariotte et qu'est-ce qu'on peut y faire ? Voilà toutes les réponses à vos questions :</p>
     <ul>
-        <li><a href="#creer_compte">Créer un compte</a></li>
+        <li><a href="#join_grouped_order">Rejoindre une commande et commander des produits</a></li>
-        <li><a href="#creer_commande_groupee">Créer une commande groupée</a></li>
+        <li><a href="#pay">Comment payer</a></li>
-        <li><a href="#ajouter_prodtuits">Ajouter des produits à une commande groupée</a></li>
+        <li><a href="#create_account">Créer un compte</a></li>
+        <li><a href="#create_grouped_order">Créer une commande groupée</a></li>
+        <li><a href="#add_item">Ajouter des produits à une commande groupée</a></li>
+        <li><a href="#go_to_overview">Accéder à la page de gestion de ma commande groupée</a></li>
+        <li><a href="#delete_item">Supprimer un produit de la commande groupée</a></li>
+        <li><a href="#edit_grouped_order">Modifier des informations de la commande</a></li>
+        <li><a href="#share_grouped_order">Partager une commande à des participants</a></li>
     </ul>
 </div>
 
-<div class="box" id="creer_compte">
+<div class="box" id="join_grouped_order">
+    <p class="title">Rejoindre une commande et commander des produits</p>
+    <p>Pour rejoindre une commande groupée, il faut y avoir été invité.e par son organisateur.ice.
+        Si vous avez un code à 6 caractères, vous pouvez l'entrer dans l'encadré "Rejoindre une commande groupée"
+        sur la page d'accueil de la Chariotte.</p>
+        <img src="{% static 'img/notice/join_grouped_order.png' %}"/>
+    <p>Sinon, cliquez sur le lien que l'organisateur.ice vous a envoyé. Vous arriverez sur la page de commande.</p>
+    <img src="{% static 'img/notice/order_form.png' %}"/>
+</div>
+
+<div class="box" id="pay">
+    <p class="title">Comment payer</p>
+    <p>Pour l’instant, le paiement n’est pas pris en compte par le site de La Chariotte, 
+        c’est l’organisateur.ice qui doit vous indiquer les modalités de paiement.</p>
+</div>
+
+<div class="box" id="create_account">
     <p class="title">Créer un compte</p>
     <p>Cliquez sur “Créer un compte”.</p>
     <img src="{% static 'img/notice/create_account.jpg' %}"/>
@@ -26,7 +48,7 @@
     <p>Vous pouvez maintenant vous connecter.</p>
 </div>
 
-<div class="box" id="creer_commande_groupee">
+<div class="box" id="create_grouped_order">
     <p class="title">Créer une commande groupée</p>
     <p>En ayant un compte (nécessaire seulement pour les organisateurs!), vous aurez accès à une page de gestion des commandes groupées en cliquant sur le menu “Mes commandes groupées”.</p>
     <img src="{% static 'img/notice/my_grouped_orders.jpg' %}"/>
@@ -35,6 +57,59 @@
     <p>Quelques informations vous seront alors demandées  :</p>
     <img src="{% static 'img/notice/create_grouped_order_form.jpg' %}"/>
     <p>En cliquand sur "Suivant", votre commande groupée sera validée.</p>
+</div>
 
+<div class="box" id="add_item">
+    <p class="title">Ajouter des produits à une commande groupée</p>
+    <p>Directement après avoir validé la commande groupée, vous accédez à la page de gestion des produits.</p>
+    <img src="{% static 'img/notice/add_item.png' %}"/>
+    <p>Ici, vous pouvez renseigner les produits qui constitueront votre commande groupée. 
+        Indiquez le nom du produit, son prix et la quantité disponible. 
+        Cliquez sur “Ajouter” pour  valider l’ajout.</p>
+        <img src="{% static 'img/notice/add_item_2.png' %}"/>
+</div>
+
+<div class="box" id="go_to_overview">
+    <p class="title">Accéder à la page de gestion de ma commande groupée</p>
+    <p>Depuis le menu “Mes commandes groupées”, puis en cliquant sur le nom de la commande groupée
+         que vous voulez gérer, vous pourrez cliquer ensuite sur “Gestion de la commande groupee”.
+        </p>
+    <img src="{% static 'img/notice/go_to_overview.png' %}"/>
+    <p>Sinon depuis la page “Mes commandes groupées” il est aussi possible de cliquer directement sur 
+        l’icone de la ligne "liste" de la commande groupée que vous voulez gérer.</p>
+</div>
+
+<div class="box" id="delete_item">
+    <p class="title">Supprimer un produit de la commande groupée</p>
+    <p>Si vous souhaitez modifier une information concernant la commande (titre, date, description, lieu de livraison, …), 
+        il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
+    <p>Ensuite, dans "Résumé de la commande”, cliquez sur “Gérer les produits”.</p>
+    <img src="{% static 'img/notice/grouped_order_sum_up.png' %}"/>
+    <img src="{% static 'img/notice/items_overview.png' %}"/>
+    <p>Vous êtes maintenant sur la page de gestion des produits depuis laquelle vous pouvez ajouter ou supprimer des produits.
+        Cliquez sur “Valider” pour sauvegarder les modifications.</p>
+    <p>Attention : actuellement, il n'est pas possible de supprimer un produit une fois qu'il a été commandé par un.e participant.e. 
+        Si vous voulez vraiment le supprimer, il faudra d'abord supprimer les commandes des participant.e.s concerné.e.s.</p>
+</div>
+
+<div class="box" id="edit_grouped_order">
+    <p class="title">Modifier des informations de la commande</p>
+    <p>Si vous souhaitez modifier une information concernant la commande (titre, date, description, lieu de livraison, …), 
+        il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
+    <p>Vous pouvez ensuite cliquer sur le bouton “Modifier la commande” 
+    qui vous amenera vers le formulaire pre-rempli des informations de la commande. </p>
+    <img src="{% static 'img/notice/edit_grouped_order.png' %}"/>
+    <p>Modifiez les informations que vous voulez, puis cliquez sur “Suivant” pour valider.</p>
+</div>
+
+<div class="box" id="share_grouped_order">
+    <p class="title">Partager une commande à des participants</p>
+    <p>Une fois votre commande bien préparée (quantité et prix des produits corrects, informations de la commande justes, …),
+         il faut maintenant la partager a des participants pour qu’il puissent commander.</p>
+    <p>Depuis la page de <a href="#go_to_overview">gestion de la commande</a>, 
+        allez dans l’onglet “partager et exporter”.</p>
+    <img src="{% static 'img/notice/share_grouped_order.png' %}"/>
+    <p>Vous pouvez copier le lien, et l’envoyer à vos connaissances.</p>
+    <img src="{% static 'img/notice/copy_link.png' %}"/>
 </div>
 {% endblock %}