1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
import React, { useState } from 'react';
import { makeStyles, useTheme } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardContent from '@material-ui/core/CardContent';
import CardMedia from '@material-ui/core/CardMedia';
import Typography from '@material-ui/core/Typography';
import ListItem from '@material-ui/core/ListItem';
import ListItemAvatar from '@material-ui/core/ListItemAvatar';
import ListItemText from '@material-ui/core/ListItemText';
import { Button, useMediaQuery, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@material-ui/core';
const useStyles = makeStyles(theme => ({
card: {
display: 'flex',
},
details: {
display: 'flex',
flexDirection: 'column',
},
content: {
flex: '1 0 auto',
},
inline: {
display: 'inline',
},
seminarCard: {
color: 'limegreen',
},
examCard: {
color: 'red',
},
}));
function class_by_type (type, classes) {
let classname = null;
switch (type) {
case 'Семинар':
classname = classes.seminarCard;
break;
case 'Экзамен':
classname = classes.examCard;
break;
default:
return;
}
return classname;
}
export default function RuzCard(props) {
const classes = useStyles();
const theme = useTheme();
const dialogFullScreen = useMediaQuery(theme.breakpoints.down('sm'));
const [open, setOpen] = useState(false);
const handleClickOpen = () => {
setOpen(true);
};
const handleClose = () => {
setOpen(false);
};
return (
<ListItem alignItems="flex-start" button onClick={props.onClick}>
<ListItemAvatar>
<div>
<Typography variant="body2">{props.item.beginLesson}</Typography><br />
<Typography variant="body2" color="secondary">{props.item.endLesson}</Typography>
</div>
</ListItemAvatar>
<ListItemText
primary={props.item.discipline}
secondary={
<React.Fragment>
{props.item.auditorium}<br />
<Typography
component="span"
variant="body2"
className={class_by_type(props.item.kindOfWork, classes)}
color="textPrimary"
>
{props.item.kindOfWork}
</Typography>
</React.Fragment>
}
/>
</ListItem>
)
}
|
