ajouter form ajout scientifique

science-quest/src/components/admin/AjoutScientifique.vue

@@ -0,0 +1,46 @@
+<script>
+export default{
+    methods:{
+        envoyerDonnees: function(event){
+            const donnees=new FormData(document.querySelector("#formajouterscientifiques"))
+
+            //todo mettre lien dans const
+            fetch("localhost/api/v1/scientifiques", {method:"POST", body:JSON.stringify(Object.fromEntries(donnees))})
+            //sans le JSON.stringify et Object.fromEntries ca fait une requete en Content-Disposition
+        }
+    }
+}
+
+
+//TODO: verifier si on est admin quand on entre dans la partie admin
+</script>
+
+<template>
+<form id="formajouterscientifiques" @submit.prevent>
+    <div>
+        <label for="nom">Nom</label>
+        <input class="form-control" type="text" id="nom" name="nom"/>
+    </div>
+    <div>
+        <label for="prenom">Prénom</label>
+        <input class="form-control" type="text" id="prenom" name="prenom"/>
+    </div>
+    <div>
+        <label for="date">Date de naissance</label>
+        <input class="form-control" type="date" id="date" name="date"/>
+    </div>
+    <div>
+        <label for="desc">Descriptif</label>
+        <textarea class="form-control" id="descriptif" name="descriptif"></textarea>
+    </div>
+    <div>
+        <label for="sexe">Sexe</label>
+        <select class="form-select" id="sexe" name="sexe">
+            <option selected value="F">Femme</option>
+            <option value="H">Homme</option>
+        </select>
+    </div>
+    
+    <button v-on:click="envoyerDonnees" class="btn btn-primary">Ajouter</button>
+</form>
+</template>

science-quest/src/main.js

@@ -14,12 +14,14 @@ import NotFound from "./components/erreurs/NotFound.vue"
 import TestParametreURL from "./components/TestParametreURL.vue"
 import Login from "./components/Login.vue"
 import KahootVue from './components/jeux/kahoot/Kahoot.vue'
+import AdminAjoutScientifique from "./components/admin/AjoutScientifique.vue"
 
 const routes = [
     { path: '/', component: PagePrincipale },
     { path: '/login', component: Login },
     { path: '/kahoot', component: KahootVue}, //TODO: changer la route pour qu'elle soit trouvée automatiquement par le serveur (ce que demande l'utilisateur)
     { path: '/exemple/:id', component: TestParametreURL },
+    { path: '/admin/ajout_scientifique', component: AdminAjoutScientifique },
     { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
 ]