frontend: Improve team registration processus

frontend/fic/src/lib/components/RegistrationFormJoinTeam.svelte

@@ -30,6 +30,12 @@
      partJ = true;
  }
 
+ function JchangeTeam() {
+     value = { };
+
+     partJ = false;
+ }
+
  function submit(event) {
      if (!partJ) {
          JvalidateTeam();
@@ -62,7 +68,11 @@
                             </option>
                         {/each}
                     </select>
+                    {#if partJ}
+	                <Button color="info" type="button" on:click={JchangeTeam}>Changer</Button>
+                    {:else}
 	                <Button color="info" type="button" on:click={JvalidateTeam} disabled={partJ}>Valider</Button>
+                    {/if}
 	            <div class="invalid-feedback">
 	                Veuillez indiquer une équipe valide.
 	            </div>

frontend/fic/src/lib/stores/my.js

@@ -37,6 +37,9 @@ function createMyStore() {
       });
     } else if (res_my.status === 404) {
       update((m) => (null));
+      if (cb) {
+        cb(null);
+      }
     }
   }
 

frontend/fic/src/routes/+layout.svelte

@@ -3,7 +3,9 @@
  import "bootstrap-icons/font/bootstrap-icons.css";
 
  import { base } from '$app/paths';
+ import { page } from '$app/stores';
  import {
+     Alert,
      Container,
      //Styles,
  } from '@sveltestrap/sveltestrap';
@@ -11,6 +13,7 @@
  import Header from '$lib/components/Header.svelte';
 
  import { challengeInfo } from '$lib/stores/challengeinfo';
+ import { my } from '$lib/stores/my.js';
  import { settings } from '$lib/stores/settings';
 </script>
 
@@ -32,6 +35,21 @@
     </div>
 {/if}
 <Header />
+
+{#if !$my && $page.route.id != "/register"}
+    <Container class="mt-3 mb-3">
+        {#if $settings.allowRegistration}
+            <Alert color="warning" class="text-justify" fade={false}>
+                <strong>Votre équipe n'est pas encore enregistrée.</strong> Rendez-vous sur <a href="register">cette page</a> pour procéder à votre inscription.
+            </Alert>
+        {:else}
+            <Alert color="danger" class="text-justify" fade={false}>
+                <strong>Il semblerait qu'il y ait eu un problème lors de l'attribution de votre certificat.</strong> Veuillez vous signaler auprès de notre équipe afin de corriger ce problème.
+            </Alert>
+        {/if}
+    </Container>
+{/if}
+
 <slot></slot>
 
 <style>

frontend/fic/src/routes/+page.svelte

@@ -77,17 +77,8 @@
 </script>
 
 <Container class="mt-3 mb-5">
-    {#if !$my}
+    {#if $my}
-        {#if $settings.allowRegistration}
+      {#if !($my.team_id)}
-            <Alert color="warning" class="text-justify" fade={false}>
-                <strong>Votre équipe n'est pas encore enregistrée.</strong> Rendez-vous sur <a href="register">cette page</a> pour procéder à votre inscription.
-            </Alert>
-        {:else}
-            <Alert color="danger" class="text-justify" fade={false}>
-                <strong>Il semblerait qu'il y ait eu un problème lors de l'attribution de votre certificat.</strong> Veuillez vous signaler auprès de notre équipe afin de corriger ce problème.
-            </Alert>
-        {/if}
-    {:else if !($my.team_id)}
         <Alert color="danger" fade={false}>
             <strong>Attention&nbsp;:</strong> puisqu'il s'agit de captures effectuées dans le but de découvrir si des actes malveillants ont été commis sur différents systèmes d'information, les contenus qui sont téléchargeables <em>peuvent</em> contenir du contenu malveillant&nbsp;!
         </Alert>
@@ -103,7 +94,7 @@
             </Alert>
         {/if}
       {/if}
-
+    {/if}
 
     <Masonry
         {items}

frontend/fic/src/routes/register/+page.svelte

@@ -7,6 +7,7 @@
      Container,
      Icon,
      Row,
+     Spinner,
  } from '@sveltestrap/sveltestrap';
 
  import { goto } from '$app/navigation';
@@ -23,8 +24,10 @@
  let partJ = false;
  let messageClass;
  let message;
+ let registrationInProgress = false;
 
  function gotoHomeOnDiff(i) {
+     registrationInProgress = true;
      my.refresh((my) => {
          if (my && my.team_id) {
              themesStore.refresh(() => {
@@ -32,6 +35,10 @@
              });
          } else if (i > 0) {
              setTimeout(gotoHomeOnDiff, 650, i-1);
+         } else {
+             registrationInProgress = false;
+	     messageClass = 'danger';
+             message = "Temps d'attente dépassé.";
          }
      })
  }
@@ -106,9 +113,13 @@
                 <strong>Oups, il semblerait qu'il y ait eu un problème lors de l'attribution de votre certificat.</strong>
                 Veuillez vous signaler auprès de notre équipe afin de corriger ce problème.
             </Alert>
+        {:else if registrationInProgress}
+            <div class="d-flex justify-content-center align-items-center gap-4 mt-5 fw-bold text-primary">
+                <Spinner size="lg" color="primary" /> Inscription en cours&hellip;
+            </div>
         {:else}
             {#if !$settings.denyTeamCreation && !partJ}
-                <Card body class="niceborder my-3">
+                <Card body class="niceborder my-3 text-white">
                     <p>
                         Votre équipe n'est pas encore enregistrée sur notre serveur. Afin de
                         pouvoir participer au challenge, nous vous remercions de bien vouloir
@@ -118,7 +129,7 @@
                 </Card>
             {/if}
             {#if $settings.canJoinTeam && !partR}
-                <Card body class="niceborder my-3">
+                <Card body class="niceborder my-3 text-white">
                     <p>
                         {#if !$settings.denyTeamCreation}
                             Si votre équipe est déjà créée, rejoignez-là&nbsp;!