essai via des modals

front_thomas/src/App.js

@@ -74,34 +74,34 @@ function App() {
         <Route exact path="/admin/objectifs" component={GestionObjectifs} />
         <Route exact path="/admin/admins" component={GestionAdministrateurs} />
   <Route exact path="/admin/evenements" component={GestionEvenements} />
-        <Route path="/admin/scores/nouveau" component={AddScoreForm} />
+        <Route path="/admin/scores/nouveau" component={AddScoreForm} />*/}
         <Route path="/admin/scores/view/:id" component={AfficheScore} />
         <Route path="/admin/scores/edit/score/:id" component={UpdateScoreScore} />
         <Route path="/admin/scores/edit/equipe/:id" component={UpdateScoreEquipe} />
         <Route path="/admin/scores/edit/participant/:id" component={UpdateScoreParticipant} />
         <Route path="/admin/scores/delete/:id" component={DeleteScore} />
-        <Route path="/admin/equipes/nouveau" component={AddEquipeForm} />
+        {/*<Route path="/admin/equipes/nouveau" component={AddEquipeForm} />*/}
         <Route path="/admin/equipes/edit/:id" component={UpdateEquipe} />
         <Route path="/admin/equipes/delete/:id" component={DeleteEquipe} />
-        <Route path="/admin/participants/nouveau" component={AddParticipantForm} />
+        {/*<Route path="/admin/participants/nouveau" component={AddParticipantForm} />*/}
         <Route path="/admin/participants/edit/:id" component={UpdateParticipant} />
         <Route path="/admin/participants/delete/:id" component={DeleteParticipant} />
-        <Route path="/admin/objectifs/nouveau" component={AddObjectifForm} />
+        {/*<Route path="/admin/objectifs/nouveau" component={AddObjectifForm} />*/}
         <Route path="/admin/objectifs/view/:id" component={AfficheObjectif} />
         <Route path="/admin/objectifs/edit/name/:id" component={UpdateObjectifName} />
         <Route path="/admin/objectifs/edit/description/:id" component={UpdateObjectifDescription} />
         <Route path="/admin/objectifs/edit/value/:id" component={UpdateObjectifValue} />
         <Route path="/admin/objectifs/edit/coef/:id" component={UpdateObjectifCoef} />
-  <Route path="/admin/objectifs/delete/:id" component={DeleteObjectif} />*/}
-        <Route path="/Gestion/admins/nouveau" component={AddAdministrateurForm} />
+        <Route path="/admin/objectifs/delete/:id" component={DeleteObjectif} />
+        {/*<Route path="/Gestion/admins/nouveau" component={AddAdministrateurForm} />*/}
         <Route path="/admin/admins/edit/:id" component={UpdateAdministrateur} />
         <Route path="/admin/admins/delete/:id" component={DeleteAdministrateur} />
-        {/*<Route path="/admin/evenements/nouveau" component={AddEvenementForm} />
+    {/*<Route path="/admin/evenements/nouveau" component={AddEvenementForm} />*/}
         <Route path="/admin/evenements/view/:id" component={AfficheEvenement} />
         <Route path="/admin/evenements/edit/name/:id" component={UpdateEvenementName} />
         <Route path="/admin/evenements/edit/startdate/:id" component={UpdateEvenementStartDate} />
         <Route path="/admin/evenements/edit/enddate/:id" component={UpdateEvenementEndDate} />
-<Route path="/admin/evenements/delete/:id" component={DeleteEvenement} />    */}  
+        <Route path="/admin/evenements/delete/:id" component={DeleteEvenement} />    
     </Switch>
   </Router>
   </>

front_thomas/src/components/Login/Gestion/GestionScore.js

 import React from 'react';
 import { TableauScoresAdmin } from './gestionScore/TableauScoresAdmin';
 import { useIsAdmin } from '../../../hooks/authTools';
+import BtnNouveauScore from "./gestionScore/ModalNouveauScore";
 
 const GestionScore = function(){
 
@@ -17,7 +18,7 @@ const GestionScore = function(){
         <div className="col-4">
         </div>
         <div className="col">
-          <a className="btn btn-secondary" href="/admin/scores/nouveau" role="button">Saisie nouveau score</a>
+          <BtnNouveauScore />
         </div>
       </div>
       <div className="row">

front_thomas/src/components/Login/Gestion/gestionScore/DeleteScore.js

@@ -8,7 +8,7 @@ export function DeleteScore({ match }){
   axios.post('/api/admin/delete_score',{id: id})
   .then(() => {
     alert('Score supprimé');
-    window.location='/admin/scores';
+    window.location='/Gestion';
   }, (error) => {
     console.log(error);
   });

front_thomas/src/components/Login/Gestion/gestionScore/ModalNouveauScore.js

+import React, { Component } from 'react';
+import { MDBContainer, MDBBtn, MDBModal, MDBModalBody, MDBModalHeader, MDBIcon } from 'mdbreact';
+import {AddScoreForm} from "./NouveauScore"
+
+class ModalPage extends Component {
+state = {
+  modal: false
+}
+
+toggle = () => {
+  this.setState({
+    modal: !this.state.modal
+  });
+}
+
+render() {
+  return (
+    <MDBContainer>
+      <MDBBtn onClick={this.toggle}><MDBIcon icon="plus" className="mr-1" /> Nouveau</MDBBtn>
+      <MDBModal isOpen={this.state.modal} toggle={this.toggle}>
+        <MDBModalHeader toggle={this.toggle}>Ajouter un score</MDBModalHeader>
+        <MDBModalBody>
+          <AddScoreForm />
+        </MDBModalBody>
+      </MDBModal>
+    </MDBContainer>
+    );
+  }
+}
+
+export default ModalPage;
\ No newline at end of file

front_thomas/src/components/Login/Gestion/gestionScore/NouveauScore.js

@@ -13,7 +13,7 @@ export function AddScoreForm(){
     })
     .then(() => {
       alert("Score ajouté");
-      window.location='/admin/scores';
+      window.location='/Gestion';
     }, (error) => {
       console.log(error);
     });
@@ -30,7 +30,6 @@ export function AddScoreForm(){
   const onSubmit = data => {addScore(data)}
   return(
   <div>
-    <a className="btn btn-secondary" href="/admin/scores" role="button">Retour</a>
     <form onSubmit={handleSubmit(onSubmit)}>
       <div className="form-group">
         <label htmlFor="scoreInput">Score</label>