Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CHG autograde test item #264

Merged
merged 7 commits into from
Oct 18, 2021
Merged

CHG autograde test item #264

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
00c9d99
CHG: Auto Grade Test Item
busi-reddy-karnati Oct 4, 2021
6b55cbb
CHG: Auto Grade Test Item: modifies params
busi-reddy-karnati Oct 4, 2021
24318b5
CHG: Styles Reformat: Removed margins
busi-reddy-karnati Oct 6, 2021
0e3405f
CHG: Styles Reformat: Changed classname to root and removed margins.
busi-reddy-karnati Oct 6, 2021
8ba23a0
CHG: Removed dummy data, used actual data
busi-reddy-karnati Oct 10, 2021
b9ef37a
CHG: CSS Refactor: added margins for distinction between boxes
busi-reddy-karnati Oct 10, 2021
a996d55
CHG: Single object handling. Removed for array of tests.
busi-reddy-karnati Oct 13, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 47 additions & 0 deletions web/src/Components/Public/Submission/SubmissionTest/SubmissionTest.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
import React from 'react';
import {useStyles} from './SubmissionTest.styles';
import Box from '@material-ui/core/Box';
import Typography from '@material-ui/core/Typography';
import clsx from 'clsx';
import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
const SubmissionTest = ({
}) =>{
const classes = useStyles();
const submission = {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove the test data, and add the proper ones for props.

name: 'Test1',
success: true,
};
return (
<Box
className={classes.root}
>
<Box
className={classes.title}
>
<Typography
className={classes.iconWrapper}
>
<FiberManualRecordIcon className={clsx(classes.circleIcon,
submission.success ? classes.success : classes.error)}/>
</Typography>

<Typography
className={classes.name}
>
{submission.name}
</Typography>
<Typography
className={clsx(classes.testStatus, submission.success ? classes.success : classes.error)}
>
{submission.success ? 'Successful' : 'Failed'}
</Typography>
</Box>
<Typography className={classes.expand}>
Expand
</Typography>
</Box>

);
};

export default SubmissionTest;
44 changes: 44 additions & 0 deletions web/src/Components/Public/Submission/SubmissionTest/SubmissionTest.styles.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
import {makeStyles} from '@material-ui/core/styles';

export const useStyles = makeStyles((theme) => ({
root: {
padding: theme.spacing(3),
borderRadius: '10px',
background: theme.palette.dark.blue['200'],
height: '79px',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
},
title: {
display: 'flex',
flexDirection: 'row',
},
circleIcon: {
width: '20px',
height: '20px',
},
iconWrapper: {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
fontSize: '14px',
},
name: {
fontSize: '20px',
paddingLeft: '15px',
},
testStatus: {
alignSelf: 'flex-end',
paddingBottom: '1px',
paddingLeft: '10px',
},
success: {
color: theme.palette.color.green,
},
error: {
color: theme.palette.color.red,
},
expand: {
},
}));