felixalb
/
asura-tmdb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Date inputs mostly finished

This commit is contained in:
Kristoffer Juelsenn 2022-04-09 14:03:10 +02:00
parent 3f6b62eef6
commit 8db810f160
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/src/TournamentManager.js
View File

@ -132,6 +132,8 @@ function ManageTournament(props) {
<TextField type="text" id="editName" label="Edit Name:" placeholder="Edit Name" InputLabelProps={{shrink: true}}/> <TextField type="text" id="editName" label="Edit Name:" placeholder="Edit Name" InputLabelProps={{shrink: true}}/>
<TextField type="text" multiline={true} id="editDesc" label="Edit Description:" placeholder="Edit Description" InputLabelProps={{shrink: true}} /> <TextField type="text" multiline={true} id="editDesc" label="Edit Description:" placeholder="Edit Description" InputLabelProps={{shrink: true}} />
<Box sx={{flexGrow: 1}}> <Box sx={{flexGrow: 1}}>
<Grid container spacing={2} justifyContent="center">
<Grid item xs={4}>
<LocalizationProvider dateAdapter={AdapterDateFns}> <LocalizationProvider dateAdapter={AdapterDateFns}>
<DateTimePicker label={"Start Time"} inputVariant="outlined" ampm={false} mask="____-__-__ __:__" format="yyyy-MM-dd HH:mm" inputFormat="yyyy-MM-dd HH:mm" value={startTime} <DateTimePicker label={"Start Time"} inputVariant="outlined" ampm={false} mask="____-__-__ __:__" format="yyyy-MM-dd HH:mm" inputFormat="yyyy-MM-dd HH:mm" value={startTime}
onChange={(newValue) => { onChange={(newValue) => {
@ -141,6 +143,8 @@ function ManageTournament(props) {
renderInput={(params) => <TextField id="editStartDate" {...params} />} renderInput={(params) => <TextField id="editStartDate" {...params} />}
/> />
</LocalizationProvider> </LocalizationProvider>
</Grid>
<Grid item xs={4}>
<LocalizationProvider dateAdapter={AdapterDateFns}> <LocalizationProvider dateAdapter={AdapterDateFns}>
<DateTimePicker label={"End Time"} inputVariant="outlined" ampm={false} mask="____-__-__ __:__" format="yyyy-MM-dd HH:mm:" inputFormat="yyyy-MM-dd HH:mm" value={endTime} <DateTimePicker label={"End Time"} inputVariant="outlined" ampm={false} mask="____-__-__ __:__" format="yyyy-MM-dd HH:mm:" inputFormat="yyyy-MM-dd HH:mm" value={endTime}
onChange={(newValue) => { onChange={(newValue) => {
@ -150,6 +154,8 @@ function ManageTournament(props) {
renderInput={(params) => <TextField id="editEndDate" {...params} />} renderInput={(params) => <TextField id="editEndDate" {...params} />}
/> />
</LocalizationProvider> </LocalizationProvider>
</Grid>
</Grid>
</Box> </Box>
{/* <TextField type="datetime-local" id="editStartDate" label="Edit Start Time" InputLabelProps={{shrink: true,}}/> {/* <TextField type="datetime-local" id="editStartDate" label="Edit Start Time" InputLabelProps={{shrink: true,}}/>
<TextField type="datetime-local" id="editEndDate" label="Edit End Time" InputLabelProps={{shrink: true}}/> */} <TextField type="datetime-local" id="editEndDate" label="Edit End Time" InputLabelProps={{shrink: true}}/> */}

4
src/client/src/TournamentOverview.js
View File

@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
import Appbar from './components/AsuraBar'; import Appbar from './components/AsuraBar';
import TournamentBar from "./components/TournamentBar"; import TournamentBar from "./components/TournamentBar";
import { useParams } from 'react-router-dom' import { useParams } from 'react-router-dom'
import { Button, Paper, Stack } from "@mui/material"; import { Button, Paper, Stack, CircularProgress, Box } from "@mui/material";
import "./components/tournamentBracket.css"; import "./components/tournamentBracket.css";
function MatchPair(props) { function MatchPair(props) {
@ -172,7 +172,7 @@ function BracketViewer(props) {
return <TournamentTier key={tierNum} tier={tierNum} matches={tier} teams={teams} /> return <TournamentTier key={tierNum} tier={tierNum} matches={tier} teams={teams} />
})} })}
</div> </div>
: <div className="loader"><h2>Loading...</h2></div> : <Box sx={{display:'flex', justifyContent:'center', alignItems:'center', position:'relative', marginTop:'5%'}}><CircularProgress size={"20vw"}/></Box>
); );
} }