Commit 8d841845 authored by Thomas Citharel's avatar Thomas Citharel 🏃🏻
Browse files

Merge branch 'events-fixes' into 'master'

Various minor fixes in the Use -> Events pages

See merge request !56
parents d1ee2fe3 fadda092
Pipeline #430550 passed with stage
in 23 seconds
# Comment an event
# Comment on an event
## Add a comment
When comments are allowed for an event, you can add one by using comments section:
When comments are allowed for an event, you can add one by using the comments section:
![comments section](../../images/en/rose-comment-event-EN.png)
You also can reply to a specific comment by clicking **Reply** link:
You also can reply to a specific comment by clicking the **Reply** link:
![reply comments section](../../images/en/comments-replies-event.png)
......@@ -21,11 +21,11 @@ You can report a comment by:
<path fill="currentColor" d="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" />
</svg> (available by hovering over the comment):
![report comment icon](../../images/en/report-comment-icon.png)
* [Optional but **recommended**] filling the report modal with a comment:
* [Optional but **recommended**] filling the report modal with details:
![comment report modal](../../images/en/comment-report.png)
## Delete your comment
You can delete your own comment by clicking <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" /></svg> icon (available by hovering over the comment):
You can delete your own comment by clicking the <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" /></svg> icon (available by hovering over the comment):
![image delete a comment icon](../../images/en/delete-comment.png)
......@@ -2,10 +2,10 @@
Let's create a new event!
To do so you have to click **Create** button on the top bar. Then, you need to fill some informations to gather people!
To do so, click the **Create** button on the top bar. Then, you need to fill in some information about your event to help gather people together!
!!! note
At any time you can save your event draft by clicking **Save draft** button from fixed bottom bar.
At any time you can save a draft of your event by clicking the **Save draft** button on the fixed bottom bar.
![image: save panel](../../images/en/create-event-save.png)
## General information
......@@ -20,10 +20,10 @@ In this section you can:
* add a **Headline picture** to have a banner on your event page by clicking **Click to upload** and choosing a picture that suits you
* add a **Title** (required)
* add some **tags** (10 max) to easely find your event between others similars (tags are added by pressing `Enter` key or by seperating them by commas)
* add some **tags** (10 max) to easily distinguish your event from others that are similar (tags are added by pressing `Enter` key or by seperating them by commas)
* set a start and end date to your event. You also can show/hide the time when the event begins/ends by clicking **Date parameters**
* add an address: you can either enter the address or locate your address by clicking <svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z" /></svg> icon. Once done, location will be displayed on a OpenStreetMap map.
* add an address: you can either enter the address or locate your address by clicking the <svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z" /></svg> icon. Once done, location will be displayed on an OpenStreetMap map.
* add a **description**
* add a Website or any URL
......@@ -39,17 +39,17 @@ This section allows you to pick a profile or group as an organizer. If you choos
=== "Limited"
![image: create event who participe](../../images/en/create-event-who-limited.png)
This is where you can decide who can view and particpate to your event!
This is where you can decide who can view and particpate in your event!
* **Visible everywhere on the web (public)**: anybody can see it by browsing your mobilizon instance
* **Only accessible through link (private)**: only people who has the link can see your event
* **Only accessible through link (private)**: only people who have the link can see your event
**Anonymous participations**: if you want to allow people to participate without an account.
**Anonymous participation**: if you want to allow people to participate without an account.
!!! note
Anonymous participants will be asked to confirm their participation through e-mail.
**Participation approval**: if you want to approve every parcipation request (participations notifications can be set [in your profile](../../users/account-settings/#participation-notifications))
**Participation approval**: if you want to approve every parcipation request (participation notifications can be set [in your profile](../../users/account-settings/#participation-notifications))
**Number of places**: if you want to limit this number
......@@ -57,10 +57,10 @@ This is where you can decide who can view and particpate to your event!
![image: comment moderation](../../images/en/create-event-comment-moderation.png)
In this section you can set if you allow comments or not.
In this section you can set whether you allow comments or not.
## Status
![image: status of your event](../../images/en/create-event-status.png)
Here you can set if your event will be confirmed later, will happen.
Here you can set if your event is tentative and will be confirmed later, will happen, or has been cancelled.
# Share, report, edit an Event
Every event has an **Actions** button. Options depends of your permissions.
Every event has an **Actions** button. Options depend on your permissions.
## Share
!!! note
This action is available for everyone
To share or add an event to your calendar, you have to click **Actions <svg style="width:24px;height:24px" viewBox="0 0 24 24">
To share or add an event to your calendar, click the **Actions <svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z" />
</svg>** button.
......@@ -17,7 +17,7 @@ To share or add an event to your calendar, you have to click **Actions <svg styl
![share modal image](../../images/en/event-share-EN.png)
* **Add to my calendar <svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M19 19V8H5V19H19M16 1H18V3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.89 3.89 3 5 3H6V1H8V3H16V1M11 9.5H13V12.5H16V14.5H13V17.5H11V14.5H8V12.5H11V9.5Z" />
</svg>** let's you adding the `.ics` file into your calendar software (Thunderbird for example):
</svg>** lets you add the `.ics` file in to your calendar software (Thunderbird for example):
![share ics modal image](../../images/en/event-share-ics-EN.png)
......@@ -26,19 +26,19 @@ To share or add an event to your calendar, you have to click **Actions <svg styl
!!! note
You must be connected to your mobilizon account to see this action
In addition of actions listed above, you also can report an event by clicking **Report <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4,6L14,4H5V21H7V14H12.6L13,16H20V6H14.4Z" /></svg>** button.
In addition to the actions listed above, you also can report an event by clicking the **Report <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4,6L14,4H5V21H7V14H12.6L13,16H20V6H14.4Z" /></svg>** button.
![image event report modal](../../images/en/event-report-modal-EN.png)
## Edit
!!! note
You must have correct permission to see these actions (admin/moderator)
You must have correct the permission to see these actions (admin/moderator)
To **Edit**, **Duplicate** or **Delete** your event, you have to click **Actions <svg style="width:24px;height:24px" viewBox="0 0 24 24">
To **Edit**, **Duplicate** or **Delete** your event, click the **Actions <svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z" />
</svg>** button.
* **Edit**: see [Create an event](create-events.md)
* **Duplicate** will open a new event filled with the current one settings
* **Duplicate** will open a new event pre-filled with the settings from the current event
* **Delete** will delete your event
# Manage event participations
# Manage event participants
## List participations
## List participants
As the event creator you can see who particpate to an event. To do so you have to click either:
As the event creator you can see who particpates in an event. To do so you can click either:
* link **X persons going** on your event page:
* the link **X persons going** on your event page:
![number of participations - event view](../../images/en/event-participations-number-event-page-EN.png)
![number of participants - event view](../../images/en/event-participations-number-event-page-EN.png)
* or **My events** on top bar menu and **Manage participations** link:
* or **My events** on top bar menu and the **Manage participations** link:
![event actions image](../../images/en/events-page-manage-participations-EN.png)
![event participations list](../../images/en/event-participations-list-messages-EN.png)
![event participants list](../../images/en/event-participations-list-messages-EN.png)
## Reject a participation
## Reject a participant
![gif reject participation actions](../../images/en/event-participations-list-messages-reject-EN.gif)
![gif reject participant actions](../../images/en/event-participations-list-messages-reject-EN.gif)
To reject participations you have to [go to participations list](#list-participations) and:
To reject participants head to [the participations list](#list-participations) and:
1. check participations boxes you want to reject
* click **Reject participant** button
1. check the participant boxes you want to reject
* click the **Reject participant** button
Once done, **Rejected** label will be displayed:
Once done, the **Rejected** label will be displayed:
![image rejected particpant](../../images/en/event-participations-list-messages-rejected-EN.png)
!!! info
Participant will receive a notification of this rejection by email.
The participant will receive a notification of this rejection by email.
## Approve participant
When **I want to approve every participation request** option is checked by event organiser, participants see a modal where they optionally can add a short text and have to click **Confirm my participation** button:
When **I want to approve every participation request** option is checked by the event organiser, participants see a modal where they can optionally add a short text and have to click the **Confirm my participation** button:
![confirmation participation modal](../../images/en/event-participation-confirmation.png)
![participation confirmation modal](../../images/en/event-participation-confirmation.png)
Organiser can approve participation by [going to participations list](#list-participations) and:
The organiser can approve participation by [going to participations list](#list-participations) and:
1. clicking checkbox(es) in front of participation(s)
1. clicking checkboxes in front of participants
* clicking **Approve participant**
![image participation approval](../../images/en/event-participation-approval.png)
Once done, **Participant** label will be displayed:
Once done, the **Participant** label will be displayed:
![image label paricipant](../../images/en/event-participation-approved.png)
![image label participant](../../images/en/event-participation-approved.png)
# Particpate in an event
# Participate in an event
## With an account
When you want to participate in an event, you have to:
When you want to participate in an event:
1. dipslay event page (it's easier this way ;))
* click **Participate** button below the event banner
1. display the event page (it's easier this way ;))
* click the **Participate** button below the event banner
* select which profile you want to use for this event
![event participation with account img](../../images/en/event-tree-participation-rose-utopia-EN.jpg)
That's it! **Participate** button is now **I participe**.
That's it! The **Participate** button is now **I participate**.
!!! note
If you click **Participate** button without being logged in you will be prompted to do so.
If you click the **Participate** button without being logged in, you will be prompted to do so.
!!! info
If participations approval is activated you have to wait until an organizer approve your participation.
If participation approval is activated, you will have to wait until an organizer approves your participation.
## Anonymously
!!! note
Organizer has to **allow** [anonymous participations](../../events/create-events/#who-can-view-this-event-and-participate). By default, their are not.
Organizer has to **allow** [anonymous participation](../../events/create-events/#who-can-view-this-event-and-participate). By default, events do not allow for it.
To particpate in an event anonymously, you have to:
To particpate in an event anonymously:
1. display event page (it's easier this way ;))
* click **Participate** button below the event banner
* click **I don't have a Mobilizon account** to participate using you email address
* enter your email address in **Email** field
1. display the event page (it's easier this way ;))
* click the **Participate** button below the event banner
* click **I don't have a Mobilizon account** to participate using your email address
* enter your email address in the **Email** field
* [Optional] write a message to the organizer(s)
* click **Send email**
![anonymous participation img](../../images/en/rose-utopia-anonymous-participation-web-EN.png)
An email will be send to you to confirm your email address. Click **Confirm my e-mail address**. Congratulations: your participation has been validated!
An email will be sent to you to confirm your email address. Click **Confirm my e-mail address**. Congratulations: your participation has been validated!
### Remember my participation in this browser
**Optional**: You can check **Remember my participation in this browser**: it will allow to display and manage your participation status on the event page when using this device. Uncheck if you're using a public device.
**Optional**: You can check **Remember my participation in this browser**: it will allow you to display and manage your participation status on the event page when using this device. **Please uncheck it** if you're using a public device.
If checked, you can cancel your anonymous participation by click **Cancel anonymous participation** button below the event banner.
If checked, you can cancel your anonymous participation by clicking the **Cancel anonymous participation** button below the event banner.
!!! info
If participations approval is activated you have to wait until an organizer approve your participation.
If participation approval is activated, you will have to wait until an organizer approves your participation.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment