feat(ChoixTechno): add axios listing

Author: dewita

codes/axios.ts

@@ -0,0 +1,26 @@
+try {
+    const response: SearchExerciseResponse = await this.app.$axios.$post('/api/search', newSearchRequest);
+    commit('INIT', response);
+  } catch (e) {
+    const errorAxios = e as AxiosError;
+  
+    if (errorAxios.response) {
+      const status: number = errorAxios.response.status;
+  
+      if (status === 400) {
+        this.$displayError("Une erreur est survenue lors du chargement des exercices.", {statusCode: status});
+      } else if (status === 401) {
+        this.$displayError(`Vous devez vous connecter pour charger ces exercices.`, {statusCode: status});
+      } else if (status === 403) {
+        this.$displayError(`Vous n'êtes pas autorisé à effectuer cette action.`, {statusCode: status});
+      } else if (status === 500) {
+        this.$displayError(`Une erreur est survenue depuis nos serveurs, veuillez-nous en excuser.`, {statusCode: status});
+      } else {
+        this.$displayError("Une erreur est survenue lors du chargement des exercices.", {statusCode: status});
+      }
+    } else {
+        this.$displayError(`Une erreur est survenue lors du chargement des exercices.`, {statusCode: 400});
+    }
+  
+    commit('RESET')
+  }

sections/chapters/solution/choixTechno/index.tex

@@ -310,11 +310,10 @@ \subsubsubsection{\Glspl{library} pour le \Gls{frontend}}
 
 \Gls{library} facilitant de manière drastique la conception de requêtes HTTP. Nous utilisons donc Axios pour communiquer avec notre API. Voici un exemple d'utilisation : \\
 
-\begin{figure}[H]
-    \includegraphics[width=\textwidth,height=0.35\textheight,keepaspectratio]{images/libraries/axios.png}
-    \centering
-    \caption[Axios : Exemple d'utilisation]{Exemple d'une POST request}
-\end{figure}
+\lstinputlisting[
+    style=ES6,
+    caption={Axios : Exemple d'utilisation d'une POST request}
+]{codes/axios.ts}
 
 Axios contient plusieurs méthodes dont \$post qui est utilisée dans l'exemple. Il suffit de donner en premier argument le endpoint (/api/search) et le payload que l'on veut envoyer en deuxième argument.\\