Skip to content
Snippets Groups Projects
Commit 77f12684 authored by pdg16's avatar pdg16
Browse files

delete files

parent 6a7642b8
No related branches found
No related tags found
3 merge requests!58Version 1.1,!54Issue #53: Fix password info,!15Issue/4
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import TextField from '@material-ui/core/TextField';
import DeleteOutlinedIcon from '@material-ui/icons/DeleteOutlined';
import IconButton from '@material-ui/core/IconButton';
import Select from '@material-ui/core/Select';
import MenuItem from '@material-ui/core/MenuItem';
import AddCircleIcon from '@material-ui/icons/AddCircle';
import CloseIcon from '@material-ui/icons/Close';
import Switch from '@material-ui/core/Switch';
import FormControlLabel from '@material-ui/core/FormControlLabel';
function FieldFooterOptions(props) {
return (
<>
<FormControlLabel
control={
<Switch
onChange={e => props.setRequiredField(props.idq) }
value="required"
color="primary"
/>
}
label="Obrigatória"
/>
<IconButton aria-label="delete" onClick={() => { props.deleteFromForm(props.idq) } }>
<DeleteOutlinedIcon />
</IconButton>
</>
);
}
export default FieldFooterOptions;
\ No newline at end of file
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import TextField from '@material-ui/core/TextField';
import DeleteOutlinedIcon from '@material-ui/icons/DeleteOutlined';
import IconButton from '@material-ui/core/IconButton';
import Select from '@material-ui/core/Select';
import MenuItem from '@material-ui/core/MenuItem';
import AddCircleIcon from '@material-ui/icons/AddCircle';
import CloseIcon from '@material-ui/icons/Close';
import Switch from '@material-ui/core/Switch';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
import FieldFooterOptions from './FieldFooterOptions';
const useStyles = makeStyles(theme => ({
paper: {
padding: theme.spacing(3),
width: theme.spacing(100),
minheight: theme.spacing(16),
margin: theme.spacing(2)
},
questionsGrid: {
marginBottom: '20px'
},
}));
function FormFieldCheckbox(props) {
const classes = useStyles();
return (
<Paper className={classes.paper}>
<Grid container>
<Grid item xs={12} className={classes.questionsGrid}>
<TextField value={props.question} label="sua pergunta"
onChange={e => props.setTextField(e.target.value, props.idq)}/>
</Grid>
<Grid item container
direction="column"
justify="flex-start"
alignItems="flex-start" xs={5} className={classes.questionsGrid}
>
{
props.options.map((x, index) => {
return <Grid container>
<Grid item container
justify="center"
alignItems="center"
xs={1}
>
<CheckBoxOutlineBlankIcon/>
</Grid>
<Grid item xs={10}>
<TextField label={"opção "+index} value={x} fullWidth
onChange={e => props.setSelectOption(e.target.value, props.idq, index)} />
</Grid>
<Grid item xs={1}>
<IconButton aria-label="remove option"
onClick={() => { props.removeSelectOption(props.idq, index) } }>
<CloseIcon />
</IconButton>
</Grid>
</Grid>
})
}
</Grid>
<Grid item container
direction="column"
justify="flex-start"
alignItems="flex-start"
xs={4}
>
<IconButton aria-label="add option" onClick={() => { props.addSelectOption(props.idq) } }>
<AddCircleIcon />
</IconButton>
</Grid>
<Grid item container
direction="row"
justify="flex-end"
alignItems="flex-end"
xs={3}
>
<FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
setRequiredField={props.setRequiredField}/>
</Grid>
</Grid>
</Paper>
);
}
export default FormFieldCheckbox;
\ No newline at end of file
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import TextField from '@material-ui/core/TextField';
import DeleteOutlinedIcon from '@material-ui/icons/DeleteOutlined';
import IconButton from '@material-ui/core/IconButton';
import Select from '@material-ui/core/Select';
import MenuItem from '@material-ui/core/MenuItem';
import AddCircleIcon from '@material-ui/icons/AddCircle';
import CloseIcon from '@material-ui/icons/Close';
import Switch from '@material-ui/core/Switch';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';
import FieldFooterOptions from './FieldFooterOptions';
const useStyles = makeStyles(theme => ({
paper: {
padding: theme.spacing(3),
width: theme.spacing(100),
minheight: theme.spacing(16),
margin: theme.spacing(2)
},
questionsGrid: {
marginBottom: '20px'
},
}));
function FormFieldRadio(props) {
const classes = useStyles();
return (
<Paper className={classes.paper}>
<Grid container>
<Grid item xs={12} className={classes.questionsGrid}>
<TextField value={props.question} label="sua pergunta"
onChange={e => props.setTextField(e.target.value, props.idq)}/>
</Grid>
<Grid item container
direction="column"
justify="flex-start"
alignItems="flex-start" xs={5} className={classes.questionsGrid}
>
{
props.options.map((x, index) => {
return <Grid container>
<Grid item container
justify="center"
alignItems="center"
xs={1}
>
<RadioButtonUncheckedIcon/>
</Grid>
<Grid item xs={10}>
<TextField label={"opção "+index} value={x} fullWidth
onChange={e => props.setSelectOption(e.target.value, props.idq, index)} />
</Grid>
<Grid item xs={1}>
<IconButton aria-label="remove option"
onClick={() => { props.removeSelectOption(props.idq, index) } }>
<CloseIcon />
</IconButton>
</Grid>
</Grid>
})
}
</Grid>
<Grid item container
direction="column"
justify="flex-start"
alignItems="flex-start"
xs={4}
>
<IconButton aria-label="add option" onClick={() => { props.addSelectOption(props.idq) } }>
<AddCircleIcon />
</IconButton>
</Grid>
<Grid item container
direction="row"
justify="flex-end"
alignItems="flex-end"
xs={3}
>
<FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
setRequiredField={props.setRequiredField}/>
</Grid>
</Grid>
</Paper>
);
}
export default FormFieldRadio;
\ No newline at end of file
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import TextField from '@material-ui/core/TextField';
import DeleteOutlinedIcon from '@material-ui/icons/DeleteOutlined';
import IconButton from '@material-ui/core/IconButton';
import Select from '@material-ui/core/Select';
import MenuItem from '@material-ui/core/MenuItem';
import AddCircleIcon from '@material-ui/icons/AddCircle';
import CloseIcon from '@material-ui/icons/Close';
import Switch from '@material-ui/core/Switch';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import FieldFooterOptions from './FieldFooterOptions';
const useStyles = makeStyles(theme => ({
paper: {
padding: theme.spacing(3),
width: theme.spacing(100),
minheight: theme.spacing(16),
margin: theme.spacing(2)
},
questionsGrid: {
marginBottom: '20px'
},
}));
function FormFieldSelect(props) {
const classes = useStyles();
return (
<Paper className={classes.paper}>
<Grid container>
<Grid item xs={12} className={classes.questionsGrid}>
<TextField value={props.question} label="sua pergunta"
onChange={e => props.setTextField(e.target.value, props.idq)}/>
</Grid>
<Grid item container
direction="column"
justify="flex-start"
alignItems="flex-start" xs={5} className={classes.questionsGrid}
>
{
props.options.map((x, index) => {
return <Grid container>
<Grid item xs={11}>
<TextField label={"opção "+index} value={x} fullWidth
onChange={e => props.setSelectOption(e.target.value, props.idq, index)} />
</Grid>
<Grid item xs={1}>
<IconButton aria-label="remove option"
onClick={() => { props.removeSelectOption(props.idq, index) } }>
<CloseIcon />
</IconButton>
</Grid>
</Grid>
})
}
</Grid>
<Grid item container
direction="column"
justify="flex-start"
alignItems="flex-start"
xs={4}
>
<IconButton aria-label="add option" onClick={() => { props.addSelectOption(props.idq) } }>
<AddCircleIcon />
</IconButton>
</Grid>
<Grid item container
direction="row"
justify="flex-end"
alignItems="flex-end"
xs={3}
>
<FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
setRequiredField={props.setRequiredField}/>
</Grid>
</Grid>
</Paper>
);
}
export default FormFieldSelect;
\ No newline at end of file
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import TextField from '@material-ui/core/TextField';
import DeleteOutlinedIcon from '@material-ui/icons/DeleteOutlined';
import IconButton from '@material-ui/core/IconButton';
import FieldFooterOptions from './FieldFooterOptions';
const useStyles = makeStyles(theme => ({
paper: {
padding: theme.spacing(3),
width: theme.spacing(100),
height: theme.spacing(16),
margin: theme.spacing(2)
},
questionsGrid: {
marginBottom: '20px'
},
}));
function FormFieldText(props) {
const classes = useStyles();
return (
<Paper className={classes.paper}>
<Grid container>
<Grid item xs={12} className={classes.questionsGrid}>
<TextField value={props.question} label="sua pergunta"
onChange={e => props.setTextField(e.target.value, props.idq)}/>
</Grid>
<Grid item xs={9} className={classes.questionsGrid}>
<TextField
disabled
id="outlined-disabled"
label=""
defaultValue="Resposta curta"
/>
</Grid>
<Grid item container
direction="row"
justify="flex-end"
alignItems="flex-end"
xs={3}
>
<FieldFooterOptions deleteFromForm={props.deleteFromForm} idq={props.idq}
setRequiredField={props.setRequiredField}/>
</Grid>
</Grid>
</Paper>
);
}
export default FormFieldText;
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment