qa: Refactor work attribution

qa/ui/src/routes/teams/+page.svelte

@@ -6,7 +6,10 @@
  import {
      Button,
      Container,
+     FormGroup,
      Input,
+     Label,
+     Spinner,
      Table,
  } from '@sveltestrap/sveltestrap';
 
@@ -21,16 +24,35 @@
 
  let start = 0;
  let turns = 3;
+ let team_prefix = "";
+ let team_assistants = "";
+ let assignInProgress = false;
 
  async function assignExercices() {
+     assignInProgress = true;
      const res = await fetch(`api/qa_assign_work`, {
          method: 'POST',
          headers: {'Accept': 'application/json'},
          body: JSON.stringify({
              start,
              turns,
+             team_prefix,
+             team_assistants,
          }),
      })
+     if (res.status == 200) {
+         teams.refresh();
+         assignInProgress = false;
+     } else {
+         assignInProgress = false;
+         throw new Error((await res.json()).errmsg);
+     }
+ }
+
+ async function deleteAssignation() {
+     const res = await fetch(`api/qa_assign_work`, {
+         method: 'DELETE',
+     });
      if (res.status == 200) {
          teams.refresh();
      } else {
@@ -40,22 +62,9 @@
 </script>
 
 <Container class="mt-2 mb-5">
-    <div class="d-flex justify-content-between">
-        <h2>
-            Équipes
-        </h2>
-        <div class="input-group">
-            <Input type="number" bind:value={start} />
-            <Input type="number" bind:value={turns} />
-            <Button
-                color="light"
-                size="sm"
-                on:click={assignExercices}
-            >
-                Assigner des exercices
-            </Button>
-        </div>
-    </div>
+    <h2>
+        Équipes
+    </h2>
 
     <p>
         <input type="search" class="form-control" placeholder="Filtrer" bind:value={query} autofocus>
@@ -93,4 +102,48 @@
             {/each}
         </tbody>
     </Table>
+
+    <hr>
+    <h2>
+        Assigner des exercices aux équipes
+    </h2>
+
+    <form on:submit|preventDefault={assignExercices}>
+        <FormGroup>
+            <Label for="ae-start">Compteur de départ</Label>
+            <Input type="number" id="ae-start" bind:value={start} />
+            <p class="form-text">
+                Incrémenter de 1 pour chaque nouveau challenge blanc, cela décale l'attribution des exercices.
+            </p>
+        </FormGroup>
+        <FormGroup>
+            <Label for="ae-turns">Nombre d'itérations</Label>
+            <Input type="number" id="ae-turns" bind:value={turns} />
+        </FormGroup>
+        <FormGroup>
+            <Label for="ae-prefix">Préfixe des noms d'équipes</Label>
+            <Input id="ae-prefix" bind:value={team_prefix} placeholder="FIC Groupe" />
+        </FormGroup>
+        <FormGroup>
+            <Label for="ae-assistants">Nom de l'équipe assistants</Label>
+            <Input id="ae-assistants" bind:value={team_assistants} placeholder="Assistants" />
+        </FormGroup>
+        <Button
+            type="submit"
+            disabled={assignInProgress}
+            color="primary"
+        >
+            {#if assignInProgress}
+                <Spinner size="sm" />
+            {/if}
+            Assigner des exercices
+        </Button>
+        <Button
+            type="button"
+            color="danger"
+            on:click={deleteAssignation}
+        >
+            Supprimer toute assignation
+        </Button>
+    </form>
 </Container>