Skip to content
Extraits de code Groupes Projets
Non vérifiée Valider 36209fd4 rédigé par Serge Bibauw's avatar Serge Bibauw
Parcourir les fichiers

Improve task/topic selector appearance

parent 0f424888
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
...@@ -403,17 +403,20 @@ ...@@ -403,17 +403,20 @@
"typingTests": "Tests de frappe" "typingTests": "Tests de frappe"
}, },
"tasks": { "tasks": {
"title": "Nouvelle tâche cible",
"createTitle": "Créer une nouvelle tâche", "createTitle": "Créer une nouvelle tâche",
"editTitle": "Modifier la tâche", "editTitle": "Modifier la tâche",
"level": "Niveau CEFR", "level": "Niveau CEFR",
"shortTitle": "Nom de la tâche (max 5 mots)", "shortTitle": "Nom de la tâche (max 5 mots)",
"instructions": "Instructions le tuteur (peut être sur plusieurs lignes)", "instructions": "Instructions pour le tuteur (plusieurs lignes si besoin)",
"learnerInstructions": "Instructions pour l'apprenant (peut être sur plusieurs lignes)", "learnerInstructions": "Instructions pour l'apprenant (plusieurs lignes si besoin)",
"examples": "Exemples (peut être sur plusieurs lignes)", "examples": "Exemples (plusieurs lignes si besoin)",
"create": "Créer une nouvelle tâche", "create": "Créer une nouvelle tâche",
"taskInProgress": "Tâche en cours", "taskInProgress": "Tâche en cours",
"taskFinished": "Tâche terminée avec succès", "taskFinished": "Tâche terminée avec succès",
"statusFail": "Echec du changement de status de la tâche" "statusFail": "Echec du changement de status de la tâche",
"startTask": "Commencer cette tâche",
"achieveTask": "Tâche achevée"
}, },
"button": { "button": {
"create": "Créer", "create": "Créer",
......
...@@ -120,11 +120,11 @@ ...@@ -120,11 +120,11 @@
{/each} {/each}
</div> </div>
<h2 class="text-lg truncate font-semibold text-gray-700 text-center border-t pt-4 mt-4">
{$t('utils.words.tasks')}
</h2>
{#if !taskInProgress || !currentTask} {#if !taskInProgress || !currentTask}
{#if user.is_tutor} {#if user.is_tutor}
<h2 class="text-lg truncate font-semibold text-gray-700 text-center border-t pt-4 mt-4">
🎯 {$t('tasks.title')}
</h2>
<div class="flex gap-2"> <div class="flex gap-2">
<select class="select select-bordered w-32" bind:value={level}> <select class="select select-bordered w-32" bind:value={level}>
<option value="all">{$t('utils.words.all')}</option> <option value="all">{$t('utils.words.all')}</option>
...@@ -150,38 +150,40 @@ ...@@ -150,38 +150,40 @@
</select> </select>
</div> </div>
<button class="btn mt-2 w-full btn-primary" onclick={startTask}> <button class="btn mt-2 w-full btn-primary" onclick={startTask}>
{$t('button.select')} {$t('tasks.startTask')}
</button> </button>
{/if} {/if}
{:else} {:else}
<p class="mt-4 font-bold"> <p class="mt-4 font-bold">
{$t('tasks.taskInProgress')}: 🎯 {$t('tasks.taskInProgress')}:
</p> </p>
<p> <p>
{currentTask.shortTitle} {currentTask.shortTitle}
</p> </p>
{#if currentTask.instructions} {#if user.is_tutor}
<p class="mt-2 font-bold"> {#if currentTask.instructions}
{$t('utils.words.instructions')}: <p>
</p> {currentTask.instructions}
<p> </p>
{currentTask.instructions} <p class="mt-2 text-sm">
</p> {currentTask.examples}
</p>
<div class="flex gap-2 mt-4">
<button class="btn flex-grow" onclick={cancelTask}>
🔙 {$t('button.cancel')}
</button>
<button class="btn btn-primary flex-grow" onclick={finishTask}>
✔️ {$t('tasks.achieveTask')}
</button>
</div>
{/if}
{:else}
{#if currentTask.learnerInstructions}
<p>
{currentTask.learnerInstructions}
</p>
{/if}
{/if} {/if}
<p class="mt-2 font-bold">
{$t('utils.words.examples')}:
</p>
<p>
{currentTask.examples}
</p>
<div class="flex gap-2 mt-4">
<button class="btn flex-grow" onclick={cancelTask}>
{$t('button.cancel')}
</button>
<button class="btn btn-primary flex-grow" onclick={finishTask}>
{$t('button.finish')}
</button>
</div>
{/if} {/if}
</div> </div>
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter