Merge pull request #66 from RemiSaurel/ysen/additional-informations

Fix #61

Author: RemiSaurel

README.md

@@ -101,6 +101,10 @@ Datasets should be provided as a JSON object with the following structure:
         "studentName": "Alice Johnson",
         "submissionTime": "2025-01-14T10:00:00Z",
         "attempt": "1"
+      },
+      "aiEvaluation": {
+        "score": 10,
+        "justification": "Correct and precise answer"
       }
     }
   ]
@@ -125,6 +129,11 @@ Datasets should be provided as a JSON object with the following structure:
 - `submittedAnswer`: The student's submitted answer
 - `context`: Optional metadata (supports string and string[] values for better display)
 
+**AI Evaluation Item Field:**
+- `aiEvaluation`: Optional - contains the AI evaluation result
+  - `score`: Integer between 0 and 10
+  - `justification`: Explanation of the assigned score (string)
+
 ### Evaluating Questions
 
 1. Open an evaluation session

app/components/ConfirmationModal.vue

@@ -49,10 +49,12 @@ function handleAction(action: ConfirmationModalAction) {
     :close="close"
     :dismissible="dismissible"
   >
-    <slot />
+    <div @keydown.stop>
+      <slot />
+    </div>
 
     <template #footer>
-      <div class="flex flex-wrap justify-end gap-2">
+      <div class="flex flex-wrap justify-end gap-2" @keydown.stop>
         <UButton
           v-for="(action, index) in actions"
           :key="`${action.label}-${index}`"

app/components/EvaluationConfigModal.vue

@@ -164,6 +164,20 @@ watch([isOpen, masteryLevelsList], async ([isOpenNow, list]) => {
     sortableInstance.value = null
   }
 })
+
+// List of evaluation modes
+const evaluationModes = computed(() => [
+  { label: t('configuration.modal.modes.withoutAi'), value: 'without-ai' },
+  { label: t('configuration.modal.modes.withAi'), value: 'with-ai' },
+  { label: t('configuration.modal.modes.withoutThenWithAi'), value: 'without-then-with-ai' },
+])
+
+// Ensure a default evaluation mode is set when a local config is initialized
+watch(() => localConfig.value, (cfg) => {
+  if (cfg && !cfg.settings.evaluationMode) {
+    cfg.settings.evaluationMode = 'without-ai'
+  }
+}, { immediate: true })
 </script>
 
 <template>
@@ -401,6 +415,20 @@ watch([isOpen, masteryLevelsList], async ([isOpenNow, list]) => {
                       :label="t('configuration.modal.fields.addTimer')"
                     />
                   </div>
+
+                  <div class="flex items-center gap-2">
+                    <UIcon name="i-lucide:bot" class="w-5 h-5 text-primary-500" />
+                    <h5 class="font-medium">
+                      {{ t('configuration.modal.evaluationMode') }}
+                    </h5>
+                  </div>
+
+                  <div class="space-y-3">
+                    <URadioGroup
+                      v-model="localConfig.settings.evaluationMode"
+                      :items="evaluationModes"
+                    />
+                  </div>
                 </div>
               </template>
             </UTabs>

app/components/EvaluationConfigViewModal.vue

@@ -23,7 +23,7 @@ const isOpen = computed({
 const typeMeta = computed(() => {
   if (!props.config)
     return null
-  return getEvaluationTypeMeta(props.config.type as any)
+  return getEvaluationTypeMeta(props.config.type)
 })
 
 function close() {
@@ -232,6 +232,25 @@ function close() {
             </div>
           </div>
 
+          <!-- Timer Settings -->
+          <div class="space-y-3">
+            <USeparator />
+            <div class="flex items-center gap-2">
+              <UIcon name="i-lucide:timer" class="w-5 h-5 text-primary-500" />
+              <h5 class="text-sm font-medium text-neutral-700">
+                {{ t('configuration.modal.fields.timerSettings') }}
+              </h5>
+            </div>
+
+            <div class="flex items-center gap-2">
+              <UIcon
+                :name="config.settings.timerEnabled ? 'i-lucide:check' : 'i-lucide:x'"
+                :class="config.settings.timerEnabled ? 'text-green-600' : 'text-neutral-400'"
+              />
+              <span class="text-sm">{{ t('configuration.modal.fields.addTimer') }}</span>
+            </div>
+          </div>
+
           <!-- Metadata -->
           <div class="space-y-3">
             <USeparator />

app/components/EvaluationNavigator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { EvaluationItem } from '~/models'
+import type { EvaluatedItem, EvaluationItem } from '~/models'
 
 const props = defineProps<{
   isSingleEvaluation: boolean
@@ -8,9 +8,7 @@ const props = defineProps<{
   currentItemGroup: readonly EvaluationItem[]
   currentGroupIndex: number
   currentItemIndexInGroup: number
-  evaluatedItems: {
-    [itemId: string]: { value?: any, masteryLevel?: string, comment?: string }
-  }
+  evaluatedItems: Record<string, EvaluatedItem>
   onNavigate: (groupIndex: number, itemIndexInGroup: number) => void
   goToPrevious: () => void
   goToNext: () => void