almet/la-chariotte
1
0
Fork 0
mirror of https://framagit.org/la-chariotte/la-chariotte.git synced 2025-04-30 19:02:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

add questions and yellow borders

Browse source
This commit is contained in:
Laetitia 2025-02-15 11:21:17 +01:00 committed by Laetitia Getti
parent 039ee1ecb8
commit 2ec833fe42
8 changed files with 67 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
la_chariotte/static/img/notice/create_account.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 45 KiB

BIN
la_chariotte/static/img/notice/get_spreadsheet.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
la_chariotte/static/img/notice/print_orders_list.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 42 KiB

3
la_chariotte/static/sass/base/_content.sass
View file

@ -10,3 +10,6 @@
.formatted-text
white-space: pre-wrap
img.notice-img
border: $info 3px solid

11
la_chariotte/templates/help/faq.html
View file

@ -42,7 +42,7 @@
</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>
<p>Est-ce que je peux rejoindre une commande commande créée par une personne que je ne connais pas ?</p>
<a>
<span class="icon">
<i class="fa fa-angle-down" aria-hidden="true"></i>
@ -129,7 +129,10 @@
</div>
<div class="message-body">
Dans les faits, la plupart des AMAPs fonctionnent sur la base de commandes
groupées régulières et à destination d'un public d'adhérents fixe.
groupées régulières et à destination d'un public d'adhérents fixe.<br>
La Chariotte n'a pas vocation à remplacer le système des AMAPs, qui apporte un revenu régulier aux producteur.ice.s !
L'idée est d'apporter une solution complémentaire pour les endroits où les AMAPs ne sont pas établies, ou pour un produit en particulier qui n'est pas distribué régulièrement dans votre AMAP.
Il arrive aussi parfois que la Chariotte soit choisie comme outil de gestion pour l'AMAP si elle n'en avait pas encore.
</div>
</article>
<article class="message">
@ -143,9 +146,9 @@
</div>
<div class="message-body">
Nous avons conçu la Chariotte spécifiquement pour répondre aux besoins des
organisateurs et des participants à une commande groupée, en particulier des commandes groupées ponctuelles.
organisateur.ice.s et des participant.e.s à une commande groupée, en particulier des commandes groupées ponctuelles.
Il s'agit d'un outil spécialisé dont la seule ambition est de simplifier la vie de ses utilisateurs.
Libre à vous d'évaluer vos options et de choisir l'outil qui convient le mieux à votre organisation.
Libre à vous d'évaluer vos options et de choisir l'outil qui convient le mieux à votre organisation !
</div>
</article>
<article class="message">

86
la_chariotte/templates/help/notice.html
View file

@ -9,10 +9,10 @@
{% block content_title %}La Chariotte - mode d'emploi{% endblock %}
</p>
<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>
<p>Comment marche la Chariotte et qu'est-ce qu'on peut y faire ? Voilà commment vous pouvez :</p>
<ul>
<li><a href="#join_grouped_order">Rejoindre une commande et commander des produits</a></li>
<li><a href="#pay">Comment payer</a></li>
<li><a href="#pay">Payer (pas encore !)</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>
@ -20,6 +20,8 @@
<li><a href="#delete_item">Modifier des produits d'une commande après sa création</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>
<li><a href="#print_orders_list">Imprimer ma liste de commandes</a></li>
<li><a href="#get_spreadsheet">Voir les commandes sous forme de tableur</a></li>
</ul>
</div>
@ -28,45 +30,45 @@
<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' %}"/>
<img class="notice-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' %}"/>
<img class="notice-img" src="{% static 'img/notice/order_form.png' %}"/>
</div>
<div class="box" id="pay">
<p class="title">Comment payer</p>
<p class="title">Payer (pas encore !)</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' %}"/>
<p>Remplissez toutes les informations du formulaire, puis cliquez sur valider.</p>
<img src="{% static 'img/notice/create_account_form.jpg' %}"/>
<p>Vous pouvez maintenant vous connecter.</p>
<p>1. Cliquez sur “Créer un compte”.</p>
<img class="notice-img" src="{% static 'img/notice/create_account.jpg' %}"/>
<p>2. Remplissez toutes les informations du formulaire, puis cliquez sur valider.</p>
<img class="notice-img" src="{% static 'img/notice/create_account_form.jpg' %}"/>
<p>3. Vous pouvez maintenant vous connecter.</p>
</div>
<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' %}"/>
<p>C’est depuis cette page que vous pourrez créer une nouvelle commande en cliquant sur le bouton “Créer une nouvelle commande groupée” : </p>
<img src="{% static 'img/notice/create_grouped_order.jpg' %}"/>
<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>
<p>1. 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 class="notice-img" src="{% static 'img/notice/my_grouped_orders.jpg' %}"/>
<p>2. C’est depuis cette page que vous pourrez créer une nouvelle commande en cliquant sur le bouton “Créer une nouvelle commande groupée” : </p>
<img class="notice-img" src="{% static 'img/notice/create_grouped_order.jpg' %}"/>
<p>3. Quelques informations vous seront alors demandées :</p>
<img class="notice-img" src="{% static 'img/notice/create_grouped_order_form.jpg' %}"/>
<p>4. En cliquant 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' %}"/>
<img class="notice-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' %}"/>
<img class="notice-img" src="{% static 'img/notice/add_item_2.png' %}"/>
</div>
<div class="box" id="go_to_overview">
@ -74,19 +76,19 @@
<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' %}"/>
<img class="notice-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">Modifier des produits d'une commande après sa création</p>
<p>Si vous souhaitez modifier une information concernant la commande (titre, date, description, lieu de livraison, …),
<p>1. 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.
<p>2. Ensuite, dans "Résumé de la commande”, cliquez sur “Gérer les produits”.</p>
<img class="notice-img" src="{% static 'img/notice/grouped_order_sum_up.png' %}"/>
<img class="notice-img" src="{% static 'img/notice/items_overview.png' %}"/>
<p>3. 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>
@ -94,22 +96,38 @@
<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, …),
<p>1. 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”
<p>2. 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>
<img class="notice-img" src="{% static 'img/notice/edit_grouped_order.png' %}"/>
<p>3. 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>,
il faut maintenant la partager à des participants pour qu’il puissent commander.</p>
<p>1. 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' %}"/>
<img class="notice-img" src="{% static 'img/notice/share_grouped_order.png' %}"/>
<p>2. Vous pouvez copier le lien, et l’envoyer à vos connaissances.</p>
<img class="notice-img" src="{% static 'img/notice/copy_link.png' %}"/>
</div>
<div class="box" id="print_orders_list">
<p class="title">Imprimer ma liste de commandes</p>
<p>1. Pour cela, il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
<p>2. Ensuite, dans "Partager et exporter”, cliquez sur “Commandes en PDF”.</p>
<img class="notice-img" src="{% static 'img/notice/print_orders_list.png' %}"/>
<p>3. Cela lance le téléchargement de votre liste de commandes en PDF.</p>
</div>
<div class="box" id="get_spreadsheet">
<p class="title">Voir les commandes sous forme de tableur</p>
<p>1. Pour cela, il faut d’abord <a href="#go_to_overview">accéder à la page de gestion de la commande groupée</a>.</p>
<p>2. Ensuite, dans "Partager et exporter”, cliquez sur “Commandes en CSV”.</p>
<img class="notice-img" src="{% static 'img/notice/get_spreadsheet.png' %}"/>
<p>3. Le format CSV vous permet d'ouvrir le fichier avec le tableur de votre choix (libreoffice, excel, ...).</p>
</div>
{% endblock %}

3
static/sass/style.css
View file

@ -7874,6 +7874,9 @@ a.navbar-item:hover {
.formatted-text {
white-space: pre-wrap; }
img.notice-img {
border: #e9b049 3px solid; }
.button {
white-space: normal;
height: auto; }

2
static/sass/style.css.map
View file

File diff suppressed because one or more lines are too long