memartel/GGMM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Formulaire commande front

Browse Source
This commit is contained in:
Jean-Daniel Lamontagne
2022-11-01 09:33:15 -04:00
parent 5112762ac9
commit b4d746e6e0
2 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
GrossesMitaines/grosses-mitaines-ui/src/components/App.js
View File

@@ -10,6 +10,7 @@ import Inventaire from "../pages/Inventaire";
import Login from "../pages/Login"; import Login from "../pages/Login";
import Logout from "../pages/Logout"; import Logout from "../pages/Logout";
import Register from "../pages/Register"; import Register from "../pages/Register";
import Formulaire from "../pages/Formulaire";
const App = () => { const App = () => {
return ( return (
<BrowserRouter> <BrowserRouter>
@@ -25,6 +26,7 @@ const App = () => {
<Route path="login" element={<Login/>}/> <Route path="login" element={<Login/>}/>
<Route path="logout" element={<Logout/>}/> <Route path="logout" element={<Logout/>}/>
<Route path="register" element={<Register/>}/> <Route path="register" element={<Register/>}/>
<Route path="formulaire" element={<Formulaire/>}/>
</Route> </Route>
</Routes> </Routes>
</BrowserRouter> </BrowserRouter>

41
GrossesMitaines/grosses-mitaines-ui/src/pages/FormulaireComande.js Normal file
View File

@@ -0,0 +1,41 @@
import { useState } from "react";
import { Button } from "react-bootstrap";
const Formulaire = () => {
return (
<div className="inventaire-form-container">
<form className="form-horizontal" onSubmit={handleLogin}>
<h4 className="text-center">Nouvel utilisateur</h4>
<div className="form-group">
<label>Prénom: </label>
<input type='text' className="form-control form-input"
placeholder="Votre prénom..."/>
</div>
<div className="form-group">
<label>Nom: </label>
<input type='text' className="form-control form-input"
placeholder="Votre Nom..."/>
</div>
<div className="form-group">
<label>Numéro de téléphone: </label>
<input type='text' className="form-control form-input"
placeholder="Votre numéro de téléphone..."/>
</div>
<div className="form-group">
<label>Adresse civique: </label>
<input type='text' className="form-control form-input"
placeholder="Votre adresse..."/>
</div>
<div className="form-group">
<label>Adresse courriel: </label>
<input type='text' className="form-control form-input"
placeholder="Votre adresse courrirel..."/>
</div>
<Button className="btn-primary btn-ajouter-morceau" type="submit" >Confirmer</Button>
</form>
</div>
)
}
export default Formulaire;