Added configuration panel datasets, back-end refactor and others

resources/js/components/IterationTable.vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { computed, ComputedRef } from 'vue';
+import type { Iteration } from '@/types/perceptron';
+
+const props = defineProps<{
+    iterations: Iteration[];
+    trainingEnded: boolean;
+    trainingEndReason: string;
+}>();
+
+// All weight in a simple array
+const allWeightPerIteration: ComputedRef<number[][]> = computed(() => {
+    return props.iterations.map((iteration) => {
+        // We flatten the weights
+        return iteration.weights.flat(2);
+    });
+});
+</script>
+
+<template>
+    <table class="table w-full border-collapse border border-gray-300">
+        <tr class="text-left" v-if="props.iterations.length > 0">
+            <th>Itération</th>
+            <th>Exemple</th>
+            <th v-for="(weight, index) in allWeightPerIteration[allWeightPerIteration.length - 1]" v-bind:key="index">
+                X<sub>{{ index }}</sub>
+            </th>
+            <th>Erreur</th>
+        </tr>
+        <tr
+            v-for="(iteration, index) in props.iterations"
+            v-bind:key="index"
+            :class="{
+                'bg-gray-900': iteration.iteration % 2 === 0,
+            }"
+        >
+            <td>{{ iteration.iteration }}</td>
+            <td>{{ iteration.exampleIndex }}</td>
+            <td v-for="(weight, index) in allWeightPerIteration[index]" v-bind:key="index">
+                {{ weight.toFixed(2) }}
+            </td>
+            <td>{{ iteration.error.toFixed(2) }}</td>
+        </tr>
+
+        <tr v-if="props.trainingEnded" class="bg-red-900 text-center">
+            <td colspan="100%">
+                <strong>Entraînement terminé :</strong>
+                {{ props.trainingEndReason }}
+            </td>
+        </tr>
+    </table>
+</template>