Participants > Add helper modal.

[hugolpz]

Add an helper icon, then an helper modal to Participants.

• https://jsfiddle.net/r7v2bxtu/ -- starting bulma fiddle
• https://fontawesome.com/icons?d=gallery&q=help : <i class="fas fa-info-circle"></i> or <i class="fas fa-question-circle"></i>

Message content

<b>CSV must contains the following:</b> 
- name: full name of participant, student or teacher.
- email: valid email.
- group: [1-99]positive number for students presenting some work, teacher for knowledgeable teachers, observer for observer defined as knowledgeable student not presenting themselves.
- role: either student, observer or teacher.
Recommended yet optional :
- assignment: a readable title.
- url: a full and valid url address.

<b>Breaking:</b> respect the formats signaled above. No field can itself contain comma such "," since commas open a new field in csv files. 

<b>Example:</b>
name,email,group,role,assignment,url
G01a,g01a@m.io,1,student,Snow Leopard habits in Eastern Himalaya, https://wildlife.sjtu.edu.cn/snowleopard.html
G01b,g01b@m.io,1,student,Snow Leopard habits in Eastern Himalaya, https://wildlife.sjtu.edu.cn/snowleopard.html
G02a,g02a@m.io,2,student,Snow bear eating habits in Northern Nepal, https://bio-institute.stanford.edu/nepal/snowbear.html
G02b,g02b@m.io,2,student,Snow bear eating habits in Northern Nepal, https://bio-institute.stanford.edu/nepal/snowbear.html
P01,p01@m.io,teacher,teacher,,
P02,p02@m.io,teacher,teacher,,

See also :

• /src/components/ActivityParticipants.vue
• Participants : create battery of csv and draft documentation. #21