Mysaa/Encartes-web
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/encartes/web-interface.git synced 2026-03-18 23:21:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge

Browse Source
This commit is contained in:
Adrien Vannson 2023-02-21 17:46:34 +01:00
parent 955a526b88
commit f9415554c7
No known key found for this signature in database
GPG Key ID: FE2E66FD978C1A55
1 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/App.js
View File

@ -9,6 +9,9 @@ import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent'; import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText'; import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle'; import DialogTitle from '@mui/material/DialogTitle';
import Divider from '@mui/material/Divider';
import MenuItem from '@mui/material/MenuItem';
import Select from '@mui/material/Select';
import TextField from '@mui/material/TextField'; import TextField from '@mui/material/TextField';
import Toolbar from '@mui/material/Toolbar'; import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography'; import Typography from '@mui/material/Typography';
@ -20,6 +23,32 @@ import './App.css'
import Map from './Map.js'; import Map from './Map.js';
import Rooms from './Rooms.js'; import Rooms from './Rooms.js';
function ChangeFloor({ currentFloor, callbackFloorChanged }) {
const handleFloorChanged = (event) => {
callbackFloorChanged(event.target.value);
};
return <>
<div style={{ padding: '24px' }}>
<Typography component="h2" variant="h5" gutterBottom>
Changer d'étage
</Typography>
<Select
id="demo-simple-select"
value={currentFloor}
label="Étage"
onChange={handleFloorChanged}
fullWidth
>
<MenuItem value={1}>Monod - Premier étage</MenuItem>
<MenuItem value={2}>Monod - Troisième étage</MenuItem>
<MenuItem value={3}>Monod - Quatrième étage</MenuItem>
</Select>
</div>
</>
}
function RoomResearch({ callbackRoomSelected }) { function RoomResearch({ callbackRoomSelected }) {
return <> return <>
<div style={{ padding: '24px' }}> <div style={{ padding: '24px' }}>
@ -86,14 +115,19 @@ function TopBar() {
export default function App() { export default function App() {
const [currentFloor, setCurrentFloor] = React.useState(1);
const [selectedRoom, setSelectedRoom] = React.useState(null); const [selectedRoom, setSelectedRoom] = React.useState(null);
return <> return <>
<TopBar /> <TopBar />
<div style={{ flexGrow: '1', display: 'flex', flexDirection: 'line', flexWrap: 'nowrap' }}> <div style={{ flexGrow: '1', display: 'flex', flexDirection: 'line', flexWrap: 'nowrap' }}>
<Map callbackRoomSelected={setSelectedRoom} selectedRoom={selectedRoom} floorID={69}/> <Map callbackRoomSelected={setSelectedRoom} selectedRoom={selectedRoom} floorID={69}/>
<div>
<ChangeFloor currentFloor={currentFloor} callbackFloorChanged={setCurrentFloor} />
<Divider />
<RoomResearch callbackRoomSelected={setSelectedRoom} /> <RoomResearch callbackRoomSelected={setSelectedRoom} />
</div> </div>
</div>
</> </>
} }