Topics/objectives/tasks in sidebar

Sidebar

Dropdown:

• level A2/B1
  • lister objectifs principaux ("Parler de ses passions")
    • lister tâches courtes ("Parler de cuisine", "Parler de sport") = avec ✔︎ si fait => selectionne

affiche (tuteur):

• objectif
• Tâche (long)
• Instructions: liste (ou vide)
• Exemples

affiche (student):

• tâche (long)
• instruction pour apprenant (vide)

=> log sélection/task open

si plusieurs instructions/sous-tâches

• afficher liste checkbox => log subtask done ("sous-tâche est finie")

• bouton "tâche accomplie" => log task done

par utilisateur student

changed milestone to %0.1: Basic test & chat ready

assigned to @bridubois

added To do label

changed milestone to %0.2: Essential functions ready & corrective feedback

changed the description

@bridubois : Here is the current state of the list of "topics" (more like tasks) to guide the conversations. (Note: the lines with some yellow highlighting could be ignored for now.)

Liste_objectifs_communicatifs.xlsx (Can be imported to DB as is, but at some point, should be modifiable by admin)

How to implement:

1. Base state:
   Learner Sidebar: allow choosing a task with dropbown:
   [⌄ Task =Tâche 1-5 mots ] (CEFR level assumed correct for learner based on internal field)
   Tutor Sidebar: allow choosing a task, with cascading dropdowns:
   • [⌄ CEFR Level: A2|B1 ]
   • → [⌄ Task =Tâche 1-5 mots ]
2. On SELECT, show
   • "Énoncé contextuel" + "Exemples de choses à dire (tuteur)"
   • Button: [ Start task/Commencer cette tâche ]
   • Still possible to change dropdown above to change to another task before starting
3. On START:
   • hide dropdown
   • in CHAT window (for both), show "Tâche : Énoncé contextuel" as a full-width separator/line with light background color
   • in sidebar, show "Instructions tuteur" if not empty + "Exemples de choses à dire (tuteur)"
   • buttons: [ Task achieved/Tâche réussie ] [ Cancel task/Annuler et passer à autre chose ]
   • for learner, show "Instructions apprenant" if not empty
4. On TASK ACHIEVED:
   • in CHAT window (for both), show "✔︎ Tâche réussie : [Tâche] " (+ cancel link ?) as a full-width separator/line with ligne background color
   • log "task achieved"
   • add "✔︎" next to task in Dropdown for this specific LEARNER
   • sidebar: go back to base state (show dropdowns)
5. On TASK CANCELLED:
   • go back to base state
   • log "task cancelled"

changed milestone to %0.3: Improved User Experience

added Sessions topics label

unassigned @bridubois

assigned to @sbibauw

• Simplified version to be described here

How to implement:

1. Base state:
   Tutor Sidebar: allow choosing a task, with cascading dropdowns:
   • [⌄ CEFR Level: A2|B1 ]
   • → [⌄ Task =Tâche 1-5 mots ]
2. On SELECT, (for tutor and optionally for learner as well, but not urgent)
   • show "Tâche en cours : Task=Tâche 1-5 mots"
   • hide dropdown
   • in sidebar, "Instructions tuteur" if not empty + "Exemples de choses à dire (tuteur)"
   • buttons: [ Task achieved/Tâche réussie ] [ Cancel task/Annuler et passer à autre chose ]
   • (for learner, show "Instructions apprenant" if not empty — optional)
   • log task started
3. On TASK ACHIEVED:
   • log "task achieved"
   • add "✔︎" next to task in Dropdown for this specific LEARNER
   • sidebar: go back to base state (show dropdowns, hide tâche en cours)
4. On TASK CANCELLED:
   • go back to base state
   • log "task cancelled"

assigned to @bridubois and unassigned @sbibauw

changed title from Topic/tasks in sidebar for tutor and learner to Topics/objectives/tasks in sidebar

I have created the admin side of tasks, with the ability to create, read, update and delete them.

For now I only included fields actually necessary. @sbibauw should I include the other fields of the excel?

Here is a preview:

Here is a preview of how it will look on the tutor side: 2025-04-12_21-21-46

closed with commit 138fba5a

Excellent. Thanks. No, I think those fields are enough.

Because I cannot yet change fr.json before you merge (I think), some notes for label changes:

• "Tâches" -> 🎯 Tâches
• "Sélectionner" -> Commencer cette tâche
• "Annuler" -> 🔙 Annuler ?
• "Terminer" -> ✔️ Tâche achevée