\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n )\r\n }}\r\n getOptionLabel={option => option.name}\r\n renderInput={params => (\r\n \r\n
\r\n \r\n - \r\n
\r\n
\r\n \r\n {lstHolyName.find(i => i.id === Number(session.holyNameId))?.name} {session?.firstName} {session?.lastName}\r\n
\r\n # {getMaxRole()}
\r\n {session?.classInfo}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Đổi mật khẩu
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Thông tin cá nhân
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Đăng xuất
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* | \r\n | \r\n \r\n | \r\n
\r\n setState(false)} size=\"small\" color=\"primary\">\r\n \r\n
*/}\r\n \r\n
\r\n \r\n \r\n \r\n Chưa có kết quả tìm kiếm\r\n \r\n
\r\n \r\n
\r\n {dummySearchResult.length === 0 && (\r\n Kết quả
\r\n\r\n
\r\n )}\r\n \r\n \r\n Không tìm thấy Đoàn sinh phù hợp\r\n \r\n
\r\n - \r\n {dummySearchResult.length > 0 && (\r\n
\r\n
\r\n Ngày sinh\r\n \r\n
\r\n {dummySearchResult.map((item, i) => (\r\n
\r\n \r\n handleRowClick(e, item.id)}\r\n onMouseEnter={() => setHovered(item)}\r\n onMouseLeave={() => setHovered(undefined)}>\r\n \r\n {item.stuHolyname}\r\n \r\n
\r\n \r\n \r\n {item.stuFirstName} {item.stuLastName}\r\n
\r\n {item.stuDob ? moment(item.stuDob).format('DD-MM-YYYY') : 'Chưa nhập'}\r\n \r\n \r\n {item.groupName}\r\n \r\n \r\n {item.unionCode}\r\n \r\n \r\n \r\n {item.status === StudentStatus.ChangeChurch && Chuyển xứ}\r\n {item.status === StudentStatus.LeaveStudy && Nghỉ luôn}\r\n {item.status === StudentStatus.Active && Đang học}\r\n {item.status === StudentStatus.Deleted && Đã xóa}\r\n {item.status === StudentStatus.InActive && Chưa học}\r\n \r\n \r\n \r\n {/* \r\n \r\n */}\r\n \r\n
\r\n ))}\r\n \r\n
\r\n {item.stuDob ? moment(item.stuDob).format('DD-MM-YYYY') : 'Chưa nhập'}\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { useState } from 'react'\r\nimport { IconButton, Menu, MenuItem } from '@material-ui/core'\r\nimport { MoreHoriz } from '@material-ui/icons'\r\n\r\nexport default function OptionMenu({ options, onClose = null }) {\r\n const [anchorEl, setAnchorEl] = useState(null)\r\n const open = Boolean(anchorEl)\r\n const handleClick = event => {\r\n setAnchorEl(event.currentTarget)\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n Thông báo\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport { NotificationsPausedRounded } from '@material-ui/icons'\r\n\r\nexport default function EmptyNotification() {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport { Grid } from '@material-ui/core'\r\nimport { Skeleton } from '@material-ui/lab'\r\n\r\nexport default function NotificationSkeleton({ isMobile }) {\r\n return (\r\n \r\n \r\n {notification.title}\r\n \r\n
\r\n \r\n {notification.message}\r\n
\r\n \r\n {moment(notification.createdDate).locale('vi').fromNow()}\r\n
\r\n \r\n \r\n \r\n { \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {numUnRead !== 0 && (numUnRead > 10 ? '10+' : numUnRead)}
}\r\n \r\n
\r\n \r\n
\r\n Today's sales target
\r\n Daily statistics regarding your sales targets
\r\n\r\n
\r\n \r\n {/*
\r\n \r\n \r\n
\r\n \r\n \r\n ${/*
\r\n\r\n \r\n \r\n Current month\r\n \r\n \r\n Last year\r\n \r\n \r\n
\r\n \r\n ${/*
\r\n\r\n \r\n \r\n $\r\n 46,362\r\n \r\n \r\n -8%\r\n \r\n
\r\n \r\n \r\n $\r\n 34,546\r\n \r\n \r\n +13%\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Tasks
\r\n Your daily tasks list
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Finish tasks for today\r\n
\r\n But I must explain to you how all this mistaken idea.
\r\n\r\n
\r\n \r\n
\r\n \r\n Blinded by desire\r\n
\r\n A wonderful serenity has taken possession.
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n 1998
\r\nBill Clinton's presidential scandal makes it online.
\r\n\r\n
\r\n \r\n \r\n
\r\n Java exam day
\r\nBill Clinton's presidential scandal makes it online.
\r\n\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Business investor meeting\r\n New\r\n
\r\nMosaic, the first graphical browser, is introduced to the average consumer.
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n World among the stalks\r\n
\r\n Who formed us in his own image, and the breath.
\r\n- \r\n
\r\n
\r\n \r\n Nov 12, 11:25am\r\n Due in 12 days\r\n
\r\n \r\n e.preventDefault()}>\r\n #56 - Deploy new website\r\n \r\n
\r\nThis is a dummy text acting ...
\r\n\r\n \r\n Files ready\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n (21)\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Latest sales
\r\n Latest reports available
\r\n\r\n
\r\n \r\n
\r\n 436
\r\n \r\n +65% increase\r\n
\r\n \r\n
\r\n \r\n
\r\n 843
\r\n \r\n -22% decrease\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n - \r\n
8
\r\n - \r\n
- \r\n
New
\r\n \r\n
\r\n Dashboards
\r\n \r\n There are currently 12 dashboard layouts available!\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Projects
\r\n Dashboard 9
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Helpdesk
\r\n Dashboard 4
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n CRM UI
\r\n Dashboard 6
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Customers
\r\n Dashboard 12
\r\n \r\n
\r\n )\r\n})\r\n\r\nconst SidebarMenuListItem = props => {\r\n const { title, href, depth, children, icon: Icon, className, open: openProp, label: Label, ...rest } = props\r\n\r\n const [open, setOpen] = useState(openProp)\r\n\r\n const handleToggle = () => {\r\n setOpen(open => !open)\r\n }\r\n\r\n let paddingLeft = 14\r\n\r\n if (depth > 0) {\r\n paddingLeft = 32 + 20 * depth\r\n }\r\n\r\n const style = {\r\n paddingLeft\r\n }\r\n\r\n // console.log(children)\r\n\r\n if (children) {\r\n return (\r\n - {pages.reduce((items, page) => reduceChildRoutes({ items, page, ...rest }), [])}
\r\n
\r\n \r\n {navItems.map(list => (\r\n
\r\n )\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n
\r\n \r\n\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n \r\n \r\n\r\n - \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Scrollable
\r\nThis menu box is scrollable (sm)
\r\n\r\n \r\n \r\n
\r\n - \r\n
\r\n \r\n \r\n
\r\n - \r\n
- \r\n
\r\n \r\n\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n\r\n \r\n
\r\n {pageTitleBreadcrumb && (\r\n {\r\n e.preventDefault()\r\n history.push('/Dashboard')\r\n }}>\r\n Home\r\n \r\n {/* e.preventDefault()}>\r\n Dashboards\r\n \r\n e.preventDefault()}>\r\n Examples\r\n \r\n e.preventDefault()}>\r\n Pages\r\n */}\r\n {props.titleHeading} \r\n \r\n )}\r\n\r\n \r\n {pageTitleIconBox && (\r\n \r\n \r\n )}\r\n \r\n
\r\n\r\n {/* {!open && (\r\n \r\n
\r\n {props.titleHeading}
\r\n {pageTitleDescription &&{props.titleDescription}
}\r\n \r\n \r\n \r\n
\r\n )} */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n
\r\n Carolina React Admin Dashboard with Material-UI PRO © 2020 - crafted with ❤ by{' '}\r\n \r\n UiFort.com\r\n \r\n
\r\n Thanh tiêu đề
\r\n- \r\n
- \r\n \r\n\r\n
\r\n Cố định\r\n \r\n - \r\n \r\n\r\n
\r\n Đổ bóng\r\n \r\n
Sidebar
\r\n- \r\n
- \r\n
\r\n Fixed sidebar\r\n \r\n - \r\n
\r\n Sidebar shadow\r\n \r\n - \r\n
\r\n Sidebar footer\r\n \r\n - \r\n
\r\n Sidebar userbox\r\n \r\n
Chọn màu chính
\r\n\r\n- \r\n
- \r\n \r\n\r\n\r\n {/*\r\n
Color schemes
*/}\r\n\r\n\r\n \r\n
Chọn màu phụ
\r\n\r\n- \r\n
- \r\n \r\n\r\n\r\n {/*\r\n
Color schemes
*/}\r\n\r\n\r\n \r\n
Page title
\r\n- \r\n
- \r\n
\r\n Enable title icon box\r\n \r\n - \r\n
\r\n Enable breadcrumb section\r\n \r\n - \r\n
\r\n Page title shadow\r\n \r\n - \r\n
\r\n Enable heading description\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
Page title styles
\r\n\r\n\r\n \r\n - \r\n \r\n\r\n\r\n\r\n
Color schemes
\r\n\r\n\r\n \r\n
Footer
\r\n- \r\n
- \r\n
\r\n Fixed footer\r\n \r\n - \r\n
\r\n Footer shadow\r\n \r\n
\r\n
\r\n {this.props.sectionHeading}
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react'\r\n\r\nexport default class ExampleWrapperContainer extends Component {\r\n render() {\r\n return (\r\n {this.props.sectionHeading}
\r\n{this.props.children}
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Fragment } from 'react'\r\nimport { useRecoilValue } from 'recoil'\r\nimport clsx from 'clsx'\r\n\r\nimport { themeOptionsState } from 'recoils/atoms'\r\n\r\nimport { Sidebar, Header, Footer, ThemeConfigurator } from '../../layout-components'\r\n\r\nconst LeftSidebar = props => {\r\n const { children, contentBackground } = props\r\n const { sidebarToggle, sidebarFixed, footerFixed } = useRecoilValue(themeOptionsState)\r\n\r\n return (\r\n \r\n
\r\n {this.props.sectionHeading}
\r\n {this.props.children}\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n {children}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n
|---|
| \r\n | \r\n
\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n )\r\n }}\r\n getOptionLabel={option => option?.name}\r\n renderInput={params => {\r\n params = {\r\n ...params,\r\n InputProps: {\r\n ...params.InputProps,\r\n startAdornment: (\r\n \r\n
\r\n \r\n - \r\n
\r\n
\r\n \r\n
\r\n Gọi điện thoại phụ huynh
\r\n \r\n
\r\n \r\n
\r\n Chuyển Phân đoàn
\r\n \r\n
\r\n \r\n
\r\n Tải biểu mẫu
\r\n \r\n
\r\n \r\n
\r\n Chuyển trạng thái
\r\n \r\n
\r\n \r\n
\r\n Quay lại học
\r\n \r\n \r\n \r\n \r\n {`${stuForm.values?.stuFirstName?.substring(0, 1) ?? ''}${stuForm.values?.stuLastName?.substring(0, 1) ?? ''}`}\r\n \r\n }\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n Chưa có thông tin Đoàn sinh.
}\r\n \r\n )\r\n}\r\n\r\nexport default StudentInfo\r\n","import React from 'react'\r\nimport { ScoreFormTitle } from 'app/enums'\r\n\r\nexport default function ScoreHeader({ scoreLabels }) {\r\n return (\r\n <>\r\n {scoreLabels.map((l, index) => (\r\n \r\n {orderBy(student?.studentClass, ['classId'], ['desc']).map((sl, index) => {\r\n const schoolYear = sl.class?.scholastic\r\n const leader = sl?.class?.leader\r\n const key = `${sl.studentId}-${index}`\r\n const groupInfo = sl?.class?.group\r\n const sOne = student.semesterOne?.find(s => s.scholasticId === sl.class?.scholasticId)\r\n const headerScoreLabels = getHeaderScoreLabels(sOne?.scoreForm)\r\n const sTwo = student.semesterTwo?.find(s => s.scholasticId === sl.class?.scholasticId)\r\n const total = student.total?.find(s => s.scholasticId === sl.class?.scholasticId)\r\n\r\n return (\r\n \r\n \r\n item === key)}>\r\n \r\n \r\n {`Phân đoàn: ${groupInfo.groupName} - Chi đoàn: ${sl.union?.unionCode ?? ''}`} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n })}\r\n
\r\n )\r\n }\r\n if (tabValue === 1 && !student) return handleClickCollapse(key)} style={{ cursor: 'pointer' }}>\r\n \r\n \r\n
\r\n \r\n
\r\n Năm học: {`${schoolYear?.startYear} - ${schoolYear?.endYear}`}
\r\n\r\n item === key) ? 'Thu lại' : 'Mở rộng'}>\r\n \r\n {!collapse.some(item => item === key) ? \r\n \r\n
\r\n \r\n Phân đoàn trưởng: \r\n\r\n \r\n {getHolyName(leader?.holyNameId)} {leader?.firstName} {leader?.lastName}\r\n \r\n handleClickCall(`+84${leader?.phone}`)}>\r\n
\r\n \r\n Huynh Trưởng phụ trách: \r\n {sl.class?.assignment\r\n ?.filter(a => a.unionId === sl.union?.unionId && a.unionId !== 1) // UnionId = 1 là HT chưa đc phân chi đoàn\r\n .map((ass, index) => {\r\n const teacher = ass?.user\r\n const teacherName = `${getHolyName(teacher?.holyNameId)} ${teacher?.firstName} ${teacher?.lastName}`\r\n\r\n return (\r\n \r\n \r\n {teacherName}\r\n \r\n \r\n )\r\n })}\r\n
\r\n \r\n
\r\n \r\n handleClickCall(`+84${teacher?.phone}`)}>\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | |||||
|---|---|---|---|---|---|
| Học kỳ I | \r\n|||||
| Nhận xét | \r\n\r\n {sOne?.comment}\r\n | \r\n||||
| Học kỳ II | \r\n|||||
| Nhận xét | \r\n\r\n {sTwo?.comment}\r\n | \r\n||||
| Cả năm | \r\n\r\n TB HKI: {total?.avgSemesterOne}\r\n | \r\n\r\n TB HKII: {total?.avgSemesterTwo}\r\n | \r\nTB Cả năm: {total?.avgTotal} | \r\n{total?.morality} | \r\n{total?.ranking} | \r\n
| Nhận xét | \r\n\r\n {total?.comment}\r\n | \r\n
Đoàn sinh đã chọn chưa có quá trình học.
\r\n return null\r\n}\r\nexport default StudentScore\r\n","import React, { useState, Fragment, useEffect } from 'react'\r\nimport { Grid, Card, AppBar, Tabs, Tab } from '@material-ui/core'\r\nimport { useSetRecoilState } from 'recoil'\r\nimport { useParams } from 'react-router-dom'\r\n\r\nimport { ChangeGroupModal, ChangeStudentStatusDialog, DocumentPreviewDialog, PhoneCallDialog, StudyComebackDialog } from 'components/Dialog'\r\n\r\nimport { SearchStudentId } from './recoil'\r\nimport StudentInfo from './StudentInfo'\r\nimport StudentScore from './StudentScore'\r\n\r\nconst FindStudents = () => {\r\n const { stuId } = useParams()\r\n\r\n const setStudentId = useSetRecoilState(SearchStudentId)\r\n\r\n const [value, setValue] = useState(0)\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n }\r\n\r\n useEffect(() => {\r\n if (stuId) setStudentId(stuId)\r\n }, [stuId, setStudentId])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {isEditCover ? 'Cập nhật ảnh bìa' : 'Cập nhật ảnh đại diện'}
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n }>\r\n Chỉnh sửa ảnh bìa\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {({ TransitionProps }) => (\r\n \r\n \r\n \r\n \r\n {\r\n setOpenReview(true)\r\n handleAvatarClose(e)\r\n }}>\r\n \r\n \r\n \r\n \r\n Xem ảnh đại diện\r\n \r\n \r\n \r\n {\r\n setEditCover(false)\r\n setOpen(true)\r\n handleAvatarClose(e)\r\n }}>\r\n \r\n \r\n \r\n \r\n Cập nhật ảnh đại diện\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {\r\n setEditCover(false)\r\n setOpen(true)\r\n }}\r\n style={{ backgroundColor: 'rgb(232 235 239)' }}>\r\n \r\n {`${userInfo.firstName?.substring(0, 1)}${userInfo.lastName?.substring(0, 1)}`}\r\n \r\n \r\n
\r\n \r\n {lstHolyName.find(i => i.id === userInfo.holyNameId)?.name} {userInfo.firstName} {userInfo.lastName}\r\n
\r\n\r\n
\r\n \r\n
\r\n Thông tin cá nhân
\r\n\r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n )\r\n }}\r\n getOptionLabel={option => option.name}\r\n renderInput={params => (\r\n setCollapse(!collapse)} style={{ cursor: 'pointer' }}>\r\n \r\n \r\n
\r\n \r\n {item.team === 0 &&
\r\n Chưa phân đội - {item.students?.length}
}\r\n {item.team !== 0 && (\r\n\r\n Đội: {item.team} - {item.students?.length}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n Tên Thánh, Họ và Tên | \r\nGiới tính | \r\n
|---|---|---|
| \r\n | \r\n \r\n {student.stuHolyname?.name ?? ''} {student.stuFirstName} {student.stuLastName}\r\n | \r\n{student.stuGender ? 'Nam' : 'Nữ'} | \r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n Thêm mới Đoàn sinh
\r\n\r\n
\r\n \r\n
\r\n \r\n Đăng ký {Number(item?.mode) === RegisterMode.Offline ? 'Offline' : 'Online'} - {item?.students?.length}\r\n
\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Tên Thánh, Họ và Tên | \r\n
|---|
| \r\n | \r\n
\r\n
\r\n \r\n \r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Grid, InputLabel, Select, MenuItem, Typography, Hidden } from '@material-ui/core'\r\nimport { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'\r\n\r\nimport { GroupSelected, TabSelected, UnionSelected } from 'pages/BanQuanTri/GroupInfo/recoil'\r\nimport { totalGroupSummaryQuery } from 'pages/Dashboard/recoil'\r\nimport sessionHelper from 'utils/sessionHelper'\r\n\r\nimport HeaderDownload from './HeaderDownload'\r\n\r\nexport default function GroupListSection() {\r\n const { classId } = sessionHelper()\r\n\r\n const classes = useRecoilValue(totalGroupSummaryQuery)\r\n\r\n const [groupSelected, setGroupSelected] = useRecoilState(GroupSelected)\r\n const [val, setVal] = useState(classId !== 0 ? classId : classes[0].id)\r\n\r\n const setUnionSelected = useSetRecoilState(UnionSelected)\r\n const setTabView = useSetRecoilState(TabSelected)\r\n\r\n const handleMenuChange = e => {\r\n const selectedVal = e.target.value\r\n setVal(selectedVal)\r\n }\r\n\r\n useEffect(() => {\r\n if (classId !== 0) {\r\n setGroupSelected(classes.find(cl => cl.id === classId))\r\n } else {\r\n setGroupSelected(classes[0])\r\n }\r\n }, [classId, classes, setGroupSelected])\r\n\r\n useEffect(() => {\r\n setUnionSelected(undefined)\r\n setTabView(0)\r\n setGroupSelected(classes.find(cl => cl.id === Number(val)))\r\n }, [val, setGroupSelected, classes, setUnionSelected])\r\n\r\n return (\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Tải DS Đoàn sinh đầu năm
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Tải DS thông tin Đoàn sinh
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Tải kết quả Học tập
\r\n {expandScore ?
\r\n - \r\n
\r\n
\r\n \r\n
\r\n Tổng Đoàn sinh
\r\n \r\n
\r\n \r\n 100%\r\n
\r\n \r\n
\r\n \r\n
\r\n Đoàn sinh đầu năm
\r\n \r\n
\r\n \r\n {accounting.toFixed((totalOldStudentInGroup / totalStudentInGroup) * 100, 2)} %\r\n
\r\n \r\n
\r\n \r\n
\r\n Đoàn sinh ở lại
\r\n \r\n
\r\n \r\n {accounting.toFixed((totalStudentStayInGroup / totalStudentInGroup) * 100, 2)} %\r\n
\r\n \r\n
\r\n \r\n
\r\n Đoàn sinh mới
\r\n \r\n
\r\n \r\n {accounting.toFixed((totalNewStudentInGroup / totalStudentInGroup) * 100, 2)} %\r\n
\r\n \r\n
\r\n \r\n
\r\n Nghỉ luôn | Chuyển xứ
\r\n \r\n
\r\n \r\n {accounting.toFixed((totalStudentLeaveInGroup / totalStudentInGroup) * 100, 2)}%\r\n
\r\n setCollapse(!collapse)} style={{ cursor: 'pointer' }}>\r\n \r\n \r\n
\r\n \r\n {item.team === 0 &&
\r\n Chưa phân đội - {item.students?.length}
}\r\n {item.team !== 0 && (\r\n\r\n Đội: {item.team} - {item.students?.length}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Mã ĐS | */}\r\nTên Thánh, Họ và Tên | \r\nNgày sinh | \r\nGiới tính | \r\nNgày Rửa tội | \r\nTại Giáo xứ | \r\nDo Linh mục | \r\nNgày Rước lễ | \r\nTại Giáo xứ | \r\nNgày Thêm sức | \r\nTại Giáo xứ | \r\nTên thánh, Họ và tên Cha | \r\nSĐT | \r\nTên thánh, Họ và tên Mẹ | \r\nSĐT | \r\nĐịa chỉ | \r\nGiáo khu/họ | \r\nGhi chú | \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {student.stuCode} | */}\r\n\r\n {student.stuHolyname?.name ?? ''} {student.stuFirstName} {student.stuLastName}\r\n | \r\n{student.stuDob ? moment(student.stuDob).format('DD-MM-YYYY') : ''} | \r\n{student.stuGender ? 'Nam' : 'Nữ'} | \r\n{student.studentMoreInfo.stuBaptismDate ? moment(student.studentMoreInfo.stuBaptismDate).format('DD-MM-YYYY') : ''} | \r\n{student.studentMoreInfo.stuBaptismIn} | \r\n{student.studentMoreInfo.stuBaptismBy} | \r\n{student.studentMoreInfo.stuEucharistDate ? moment(student.studentMoreInfo.stuEucharistDate).format('DD-MM-YYYY') : ''} | \r\n{student.studentMoreInfo.stuEucharistIn} | \r\n{student.studentMoreInfo.stuConfirmationDate ? moment(student.studentMoreInfo.stuConfirmationDate).format('DD-MM-YYYY') : ''} | \r\n{student.studentMoreInfo.stuConfirmationIn} | \r\n\r\n {student.studentMoreInfo.stuFatherHolyName?.name} {student.studentMoreInfo.stuFatherFullName}\r\n | \r\n{student.studentMoreInfo.stuFatherPhone} | \r\n\r\n {student.studentMoreInfo.stuMotherHolyName?.name} {student.studentMoreInfo.stuMotherFullName}\r\n | \r\n{student.studentMoreInfo.stuMotherPhone} | \r\n{student.studentMoreInfo.stuAddress} | \r\n{student.studentMoreInfo.stuArea} | \r\n{student.note} | \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Đội: {team.team} - {team.students.length}\r\n
\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n Tên Thánh, \r\n \r\n | \r\n \r\n Học kỳ I\r\n | \r\n\r\n Học kỳ II\r\n | \r\n\r\n Cuối năm\r\n | \r\n\r\n Đánh giá\r\n | \r\n|||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \r\n 15'\r\n | \r\n\r\n 1 tiết\r\n | \r\n\r\n Học kỳ I\r\n | \r\n\r\n Chuyên Cần\r\n | \r\n\r\n TB HKI\r\n | \r\n\r\n Xếp loại\r\n | \r\n\r\n Đạo đức\r\n | \r\n\r\n Nhận xét\r\n | \r\n\r\n\r\n 15'\r\n | \r\n\r\n 1 tiết\r\n | \r\n\r\n Học kỳ II\r\n | \r\n\r\n Chuyên Cần\r\n | \r\n\r\n TB HKII\r\n | \r\n\r\n Xếp loại\r\n | \r\n\r\n Đạo đức\r\n | \r\n\r\n Nhận xét\r\n | \r\n\r\n\r\n Trung bình\r\n | \r\n\r\n\r\n Lên lớp\r\n | \r\n
| \r\n {student.stuHolyname.name} \r\n \r\n | \r\n {semesterOneScore.length >= 1 && semesterOneScore[0].Value} | \r\n{semesterOneScore.length >= 2 && semesterOneScore[1].Value} | \r\n{semesterOneScore.length >= 3 && semesterOneScore[2].Value} | \r\n{student.semesterOne?.length > 0 && (isNil(student.semesterOne[0].attendanceScore) ? 10 : student.semesterOne[0].attendanceScore)} | \r\n{student.semesterOne?.length > 0 && student.semesterOne[0].average} | \r\n{student.semesterOne?.length > 0 && student.semesterOne[0].ranking} | \r\n{student.semesterOne?.length > 0 && student.semesterOne[0].morality} | \r\n\r\n {student.semesterOne?.length > 0 && student.semesterOne[0].comment}\r\n | \r\n{semesterTwoScore.length >= 1 && semesterTwoScore[0]?.Value} | \r\n{semesterTwoScore.length >= 2 && semesterTwoScore[1]?.Value} | \r\n{semesterTwoScore.length >= 3 && semesterTwoScore[2]?.Value} | \r\n{student.semesterTwo?.length > 0 && (isNil(student.semesterTwo[0].attendanceScore) ? 10 : student.semesterTwo[0].attendanceScore)} | \r\n{student.semesterTwo?.length > 0 && student.semesterTwo[0].average} | \r\n{student.semesterTwo?.length > 0 && student.semesterTwo[0].ranking} | \r\n{student.semesterTwo?.length > 0 && student.semesterTwo[0].morality} | \r\n\r\n {student.total?.[0]?.avgTotal}\r\n | \r\n\r\n | \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Đội: {team.team} - {team.students.length}\r\n
\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n | \r\n | \r\n Tổng\r\n | \r\n {FormattedDates.map(stringDate => (\r\n\r\n {stringDate}\r\n | \r\n ))}\r\n||
|---|---|---|---|---|
| Tên Thánh, Họ và Tên | \r\nTổng Lễ | \r\nTổng Học | \r\n {FormattedDates.map(stringDate => (\r\nLễ | \r\nHọc | \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n | \r\n | \r\n Tổng\r\n | \r\n {FormattedDates.map(stringDate => (\r\n\r\n {stringDate}\r\n | \r\n ))}\r\n||
|---|---|---|---|---|
| Tên Thánh, Họ và Tên | \r\nTổng Lễ | \r\nTổng Học | \r\n {FormattedDates.map(stringDate => (\r\nLễ | \r\nHọc | \r\n
\r\n {/**/}\r\n {/* {`${option?.firstName?.substring(0, 1)}${option?.lastName?.substring(0, 1)}`}*/}\r\n {/* */}\r\n
\r\n )\r\n }}\r\n getOptionLabel={option => option.label}\r\n renderInput={params => (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n \r\n
\r\n )\r\n }}\r\n getOptionLabel={option => option.label}\r\n renderInput={params => (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n
\r\n {info.group.groupName}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Thêm Đoàn sinh mới
\r\n\r\n
\r\n \r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { Grid, Hidden } from '@material-ui/core'\r\n\r\nimport { ChooseInfoFileDialog } from 'components/Dialog'\r\n\r\nimport RegisterForm from './RegisterForm'\r\nimport HeaderAction from './HeaderAction'\r\n\r\nexport default function AddNewStudent() {\r\n return (\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Tải file nhập Đoàn sinh
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Thêm Đoàn sinh từ file
\r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n","import * as React from 'react'\r\nimport { Skeleton } from '@material-ui/lab'\r\n\r\nconst RowSkeleton = () => {\r\n return (\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Tải kết quả Học tập
\r\n {expandDownloadDoc ?
\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Tải mẫu nhập điểm
\r\n {expand ?
\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Nhập điểm từ file
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {team === 0 &&
\r\n Chưa phân đội - {totalStudents}
}\r\n {team !== 0 && (\r\n\r\n Đội: {team} - {totalStudents}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n Tên Thánh, Họ và Tên\r\n | \r\n\r\n Học tập\r\n | \r\n\r\n Đạo đức\r\n | \r\n\r\n Nhận xét đánh giá\r\n | \r\n\r\n Chuyên cần\r\n | \r\n {semester === SemesterEnum.total && (\r\n\r\n Lên lớp\r\n | \r\n )}\r\n|
|---|---|---|---|---|---|---|
| \r\n {column.label}\r\n | \r\n ))}\r\n\r\n Chuyên cần\r\n | \r\n\r\n TB HK\r\n | \r\n\r\n Xếp loại\r\n | \r\n\r\n {column.label}\r\n | \r\n ))}\r\n\r\n Học GL\r\n | \r\n\r\n Lễ CN\r\n | \r\n
| P | \r\nKP | \r\nP | \r\nKP | \r\n
\r\n \r\n \r\n \r\n {Semester.map(s => (\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n )\r\n }\r\n return (\r\n \r\n
\r\n
\r\n {student.stuFirstName} {student.stuLastName}\r\n
\r\n \r\n \r\n
\r\n \r\n {item.team === 0 &&
\r\n Chưa phân đội - {item?.students?.length}
}\r\n {item.team !== 0 && (\r\n\r\n Đội: {item.team} - {item?.students?.length}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n | \r\n STT\r\n | \r\n )}\r\nTên Thánh, Họ và Tên | \r\n {/*{viewMode === ViewModes.DiemDanh && item.team !== 0 && (*/}\r\n {/**/}\r\n {/* | */}\r\n {/*)}*/}\r\n {viewMode === ViewModes.DanhSachNghi && Trạng thái | }\r\n
|---|---|---|---|
| P | */}\r\n {/*KP | */}\r\n {/*
\r\n \r\n \r\n
\r\n \r\n {item.unionId === 1 &&
\r\n Chưa phân Chi đoàn - {item?.students?.length}
}\r\n {item.unionId !== 1 && (\r\n\r\n Chi đoàn: {item.unionCode} - {item?.students?.length} |{' '}\r\n {item?.students?.filter(i => i.status === StudentStatus.ChangeChurch || i.status === StudentStatus.LeaveStudy)?.length} |{' '}\r\n {item?.students?.filter(i => i.studentClass[0].stayInClass)?.length}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n {/* !== 1 là những đoàn sinh đã được phân Chi đoàn */}\r\n {item.unionId !== 1 && (\r\n | STT | }\r\nTên Thánh, Họ và Tên | \r\n
|---|
\r\n
\r\n \r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Tải DS Đoàn sinh đầu năm
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Tải thông tin Đoàn sinh
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Nhập thông tin Đoàn sinh
\r\n \r\n \r\n \r\n
\r\n \r\n {item.unionId === 1 &&
\r\n Chưa phân chi đoàn - {item?.assigns?.length}
}\r\n {item.unionId !== 1 && (\r\n\r\n Chi đoàn: {lstUnion?.find(u => u.unionId === item.unionId)?.unionCode} - {item?.assigns?.length}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | }\r\n | Tên Thánh, Họ và Tên | \r\n {item.unionId !== 1 &&}\r\n |
|---|
\r\n {Math.abs(activeStep - index) <= 2 ? (\r\n \r\n ) : null}\r\n
\r\n ))}\r\n \r\n {studentDetails?.stuFirstName} {studentDetails?.stuLastName}\r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n )\r\n}\r\n","import { Grid, TextField, InputAdornment, MenuItem } from '@material-ui/core'\r\n\r\nimport React, { useEffect, useState } from 'react'\r\nimport { useRecoilValue, useRecoilState } from 'recoil'\r\nimport { UnionSelected, TeamLeftSide, TeamRightSide, StudentSelected } from '../recoil'\r\n\r\nimport Transition from '../components/Transition'\r\nimport TeamDetail from './TeamDetail'\r\nimport { doGet } from 'utils/axios'\r\n\r\nconst UnionTeam = () => {\r\n const unionSelected = useRecoilValue(UnionSelected)\r\n const [studentIdsSelected, setStudentIdsSelected] = useRecoilState(StudentSelected)\r\n const [teams, setTeams] = useState([])\r\n\r\n useEffect(() => {\r\n async function fetchData() {\r\n const unionId = unionSelected?.unionId\r\n if (unionId) {\r\n const res = await doGet('assignment/getTeamInUnion', { unionId })\r\n const totalTeam = res.data.data\r\n setTeams(Array.from({ length: totalTeam + 1 }, (_, i) => i))\r\n }\r\n }\r\n\r\n fetchData().finally()\r\n }, [unionSelected])\r\n\r\n const [rightTeam, setRightTeam] = useRecoilState(TeamRightSide)\r\n const [leftTeam, setLeftTeam] = useRecoilState(TeamLeftSide)\r\n\r\n useEffect(() => {\r\n setRightTeam(0)\r\n setLeftTeam(0)\r\n }, [unionSelected])\r\n\r\n const handleChangeRight = e => {\r\n const value = e.target.value\r\n setStudentIdsSelected(studentIdsSelected.filter(stu => stu.team !== rightTeam))\r\n setRightTeam(value)\r\n }\r\n\r\n const handleChangeLeft = e => {\r\n const value = e.target.value\r\n setStudentIdsSelected(studentIdsSelected.filter(stu => stu.team !== leftTeam))\r\n setLeftTeam(value)\r\n }\r\n\r\n return (\r\n <>\r\n | \r\n | \r\n STT | \r\nTên Thánh, Họ và Tên | \r\n
|---|
setCollapse(!collapse)}>\r\n \r\n \r\n
\r\n )}\r\n {!collapse && stuIdsInTeam.length >= 1 && (\r\n <>\r\n \r\n {team === 0 &&
\r\n Chưa phân đội - {stuIdsInTeam.length}
}\r\n {team !== 0 && (\r\n\r\n Đội: {team} - {stuIdsInTeam.length}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n STT | \r\nTên Thánh, Họ và Tên | \r\n
|---|
\r\n \r\n \r\n
\r\n
\r\n )}\r\n {unionId !== 1 && (\r\n <>\r\n {lsTeam.map((team, index) => (\r\n | \r\n | \r\n STT | \r\nTên Thánh, Họ và Tên | \r\n
|---|
\r\n
\r\n \r\n \r\n )\r\n}\r\n","import React, { Fragment, useEffect, useState } from 'react'\r\nimport { useRecoilValue, useRecoilState } from 'recoil'\r\nimport red from '@material-ui/core/colors/red'\r\nimport { makeStyles, Hidden } from '@material-ui/core'\r\n\r\nimport StyledCheckbox from 'components/UI/StyledCheckbox'\r\nimport { AbsentMode, SemesterEnum } from 'app/enums'\r\nimport { toastState } from 'recoils/atoms'\r\nimport sessionHelper from 'utils/sessionHelper'\r\nimport { doGet, doPost } from 'utils/axios'\r\n\r\nimport { SemesterSelected } from 'recoils/atoms'\r\nimport ScoreTextField from 'components/Controls/ScoreTextField'\r\n\r\nconst useStyle = makeStyles({\r\n pinCell: {\r\n position: 'sticky',\r\n left: 0,\r\n backgroundColor: 'white',\r\n zIndex: 1,\r\n\r\n '&::after': {\r\n position: 'absolute',\r\n right: 0,\r\n top: 0,\r\n bottom: 0,\r\n width: '2.5px',\r\n zIndex: 2,\r\n content: '\"\"',\r\n backgroundColor: '#E5E6F5'\r\n }\r\n }\r\n})\r\n\r\nconst StudentTotalScoreDetails = ({ studentId }) => {\r\n const classStyle = useStyle()\r\n\r\n const [student, setStudent] = useState(undefined)\r\n const [reload, setReload] = useState(0)\r\n const [beUpClass, setBeUpClass] = useState(false)\r\n\r\n const semester = useRecoilValue(SemesterSelected)\r\n const [toast, setToast] = useRecoilState(toastState)\r\n\r\n const handleRowClick = e => {\r\n // console.log(e)\r\n e.preventDefault()\r\n }\r\n\r\n const handleCheckUpClass = async e => {\r\n const val = e.target.checked\r\n const { scholasticId, firstName, lastName } = sessionHelper()\r\n // console.log(e)\r\n const newData = {\r\n scholasticId,\r\n userFullName: `${firstName} ${lastName}`,\r\n studentId: student.id,\r\n beUpClass: val\r\n }\r\n\r\n try {\r\n const res = await doPost(`student/updateBeUpClass`, newData)\r\n if (res && res.data.success) {\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'success' })\r\n setBeUpClass(val)\r\n }\r\n } catch (err) {\r\n setToast({ ...toast, open: true, message: err.data.message, type: 'error' })\r\n }\r\n }\r\n\r\n const sumAbsents = () => {\r\n let classAb, massAb\r\n\r\n if (semester === SemesterEnum.semesterOne) {\r\n classAb = student?.absents?.filter(ab => ab.absentMode === AbsentMode.Class && ab.semesterCode === 1)\r\n massAb = student?.absents?.filter(ab => ab.absentMode === AbsentMode.Mass && ab.semesterCode === 1)\r\n }\r\n\r\n if (semester === SemesterEnum.semesterTwo) {\r\n classAb = student?.absents?.filter(ab => ab.absentMode === AbsentMode.Class && ab.semesterCode === 2)\r\n massAb = student?.absents?.filter(ab => ab.absentMode === AbsentMode.Mass && ab.semesterCode === 2)\r\n }\r\n\r\n if (semester === SemesterEnum.total) {\r\n classAb = student?.absents?.filter(ab => ab.absentMode === AbsentMode.Class)\r\n massAb = student?.absents?.filter(ab => ab.absentMode === AbsentMode.Mass)\r\n }\r\n\r\n return {\r\n classHasPermission: classAb?.filter(ca => ca.hasPermission)?.length > 0 ? classAb?.filter(ca => ca.hasPermission)?.length : '',\r\n classNonPermission: classAb?.filter(ca => !ca.hasPermission)?.length > 0 ? classAb?.filter(ca => !ca.hasPermission)?.length : '',\r\n massHasPermission: massAb?.filter(ca => ca.hasPermission)?.length > 0 ? massAb?.filter(ca => ca.hasPermission)?.length : '',\r\n massNonPermission: massAb?.filter(ca => !ca.hasPermission)?.length > 0 ? massAb?.filter(ca => !ca.hasPermission)?.length : ''\r\n }\r\n }\r\n\r\n async function handleSaveScore(name, newVal) {\r\n const { scholasticId } = sessionHelper()\r\n const avg = name === 'average' ? (newVal === 0 || !newVal ? null : newVal) : null\r\n\r\n const newScore = {\r\n ...student.score,\r\n [name]: newVal,\r\n average: avg,\r\n semesterCode: semester,\r\n studentId: student.id,\r\n scholasticId\r\n }\r\n if (semester !== SemesterEnum.total) {\r\n const oldScoreFrom = student.score.scoreForm == null ? '' : JSON.parse(student.score.scoreForm)\r\n const newScoreForm = oldScoreFrom?.map(item => {\r\n if (item.Key === name) {\r\n return { ...item, Value: newVal }\r\n }\r\n return item\r\n })\r\n newScore['scoreForm'] = JSON.stringify(newScoreForm)\r\n }\r\n\r\n try {\r\n const res = await doPost(`student/updateStudentScore`, newScore)\r\n if (res && res.data.success) {\r\n // setToast({ ...toast, open: true, message: 'Cập nhật thành công', type: 'success' })\r\n setReload(old => old + 1)\r\n }\r\n } catch (err) {\r\n console.log(err)\r\n setToast({ ...toast, open: true, message: err.data.message, type: 'error' })\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n async function fetch() {\r\n const { scholasticId, groupId } = sessionHelper()\r\n\r\n const res = await doGet('student/getStudentScoreInTeam', {\r\n studentId,\r\n semesterCode: semester,\r\n scholasticId,\r\n groupId\r\n })\r\n if (res && res.data.success) {\r\n const { data } = res.data\r\n\r\n setStudent({ ...student, ...data })\r\n }\r\n }\r\n\r\n if (!student) fetch().finally()\r\n }, [studentId, semester, setStudent])\r\n\r\n useEffect(() => {\r\n if (student?.score) {\r\n setBeUpClass(student?.score?.beUpClass)\r\n }\r\n }, [student, setBeUpClass])\r\n\r\n useEffect(() => {\r\n async function fetch() {\r\n const { scholasticId } = sessionHelper()\r\n\r\n const res = await doGet('student/getStudentScoreInTeam', { studentId, semesterCode: semester, scholasticId })\r\n if (res && res.data.success) {\r\n const { data } = res.data\r\n\r\n setStudent({ ...student, ...data })\r\n }\r\n }\r\n\r\n if (reload > 0) {\r\n fetch().finally()\r\n }\r\n }, [reload])\r\n\r\n return (\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Tải biểu mẫu
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Tải mẫu nhập điểm
\r\n {open ?
\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Nhập điểm từ file
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {team === 0 &&
\r\n Chưa phân đội - {totalStudents}
}\r\n {team !== 0 && (\r\n\r\n Đội: {team} - {totalStudents}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n Tên Thánh, \r\n \r\n | \r\n \r\n Học tập\r\n | \r\n\r\n Đạo đức\r\n | \r\n\r\n Nhận xét đánh giá\r\n | \r\n\r\n Chuyên cần\r\n | \r\n {semester === SemesterEnum.total && (\r\n\r\n Lên lớp\r\n | \r\n )}\r\n|
|---|---|---|---|---|---|---|
| \r\n {column.label}\r\n | \r\n ))}\r\n\r\n Chuyên Cần\r\n | \r\n\r\n TB HK\r\n | \r\n\r\n Xếp loại\r\n | \r\n\r\n {column.label}\r\n | \r\n ))}\r\n\r\n Học GL\r\n | \r\n\r\n Lễ CN\r\n | \r\n
| P | \r\nKP | \r\nP | \r\nKP | \r\n
\r\n \r\n \r\n \r\n {Semester.map(s => (\r\n \r\n ))}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n )\r\n }\r\n return (\r\n \r\n
\r\n
| \r\n | \r\n Tổng\r\n | \r\n {FormattedDates.map(stringDate => (\r\n\r\n {stringDate}\r\n | \r\n ))}\r\n||
|---|---|---|---|---|
| Tên Thánh, Họ và Tên | \r\nTổng Lễ | \r\nTổng Học | \r\n {FormattedDates.map(stringDate => (\r\nLễ | \r\nHọc | \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Đội: {team.team}
\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n
\r\n \r\n Những ngày đã tính điểm chuyên cần sẽ không thể chỉnh sửa lại được.\r\n
\r\n {student.stuFirstName} {student.stuLastName}\r\n
\r\n \r\n \r\n
\r\n \r\n {item.team === 0 &&
\r\n Chưa phân đội - {item?.students?.length}
}\r\n {item.team !== 0 && (\r\n\r\n Đội: {item.team} - {item?.students?.length} | {item?.students?.filter(i => i.status !== StudentStatus.Active)?.length} |{' '}\r\n {item?.students?.filter(i => i.studentClass[0].stayInClass)?.length}\r\n
\r\n )}\r\n\r\n \r\n \r\n {collapse ? \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Đội | \r\nSTT | \r\n \r\n )}\r\nTên Thánh, Họ và Tên | \r\n {/**/}\r\n {/* {item.team !== 0 && viewMode === ViewModes.DiemDanh && (*/}\r\n {/* | */}\r\n Trạng thái | \r\n
|---|---|---|---|---|
| P | */}\r\n {/*KP | */}\r\n {/* */}\r\n {/* )}*/}\r\n {/*
\r\n
\r\n \r\n \r\n )\r\n}\r\n","import React, { Fragment, Suspense } from 'react'\r\nimport { useRecoilValue, useRecoilState } from 'recoil'\r\nimport { Grid, Typography, ButtonGroup, Button } from '@material-ui/core'\r\nimport _ from 'lodash'\r\n\r\nimport { ViewMode } from 'recoils/atoms'\r\nimport { ViewModes } from 'app/enums'\r\nimport { AbsentDialog, ChooseInfoFileDialog, DialerDialog, StudentDialog } from 'components/Dialog'\r\n\r\nimport { StudentsQuery } from './recoil'\r\nimport StudentTeam from './StudentTeam'\r\nimport HeaderAction from './HeaderAction'\r\n\r\nconst ManageStudentsClass = () => {\r\n const lstStudent = useRecoilValue(StudentsQuery)\r\n const [mode, setMode] = useRecoilState(ViewMode)\r\n\r\n const lstNoTeam = lstStudent?.filter(i => i.team === 0)\r\n const lstInClass = lstStudent?.filter(i => i.team !== 0)\r\n const haveStudentNoTeam = _.size(lstNoTeam && lstNoTeam.length > 0 ? lstNoTeam[0].students : []) > 0\r\n\r\n const body = () => {\r\n return (\r\n <>\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Tải thông tin Đoàn sinh
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Cập nhật thông tin Đoàn sinh
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Thêm mới Đoàn sinh từ file
\r\n \r\n {children}\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default SuspenseLoading\r\n","import React from 'react'\r\nimport { useRecoilState, useSetRecoilState } from 'recoil'\r\nimport { ChangeUserPasswordDialogAtom } from './recoil'\r\nimport { Button, CardContent, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Grid, TextField, Typography } from '@material-ui/core'\r\nimport { useTheme } from '@material-ui/core/styles'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\nimport Yup from 'utils/Yup'\r\nimport { useFormik } from 'formik'\r\nimport { loadingState, toastState } from 'recoils/atoms'\r\nimport { doPost } from 'utils/axios'\r\n\r\nexport default function ChangeUserPasswordDialog() {\r\n const theme = useTheme()\r\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'))\r\n\r\n const setLoading = useSetRecoilState(loadingState)\r\n const [toast, setToast] = useRecoilState(toastState)\r\n const [dialog, setDialog] = useRecoilState(ChangeUserPasswordDialogAtom)\r\n const { open, info } = dialog\r\n\r\n const useFormValidationFrom = Yup.object({\r\n NewPassword: Yup.string().required('Không được bỏ trống.').min(6).max(255),\r\n ConfirmPassword: Yup.string()\r\n .oneOf([Yup.ref('NewPassword')], 'Phải giống mật khẩu mới.')\r\n .required('Không được bỏ trống.')\r\n .min(6)\r\n .max(255)\r\n })\r\n\r\n const changePasswordForm = useFormik({\r\n initialValues: { userId: info?.id, email: info?.email, NewPassword: '', ConfirmPassword: '' },\r\n validationSchema: useFormValidationFrom,\r\n validateOnChange: true,\r\n validateOnMount: true,\r\n enableReinitialize: true,\r\n initialErrors: {}\r\n })\r\n\r\n const TextField_Props = (name, label = name, isRequired = false, placeholder = '', maxLength = 255) => {\r\n const { values, errors, touched, handleBlur, handleChange } = changePasswordForm\r\n return {\r\n name,\r\n label,\r\n fullWidth: true,\r\n variant: 'outlined',\r\n error: errors[name] && touched[name],\r\n helperText: errors[name] && touched[name] && errors[name],\r\n InputLabelProps: { shrink: true },\r\n value: values[name],\r\n onBlur: handleBlur,\r\n onChange: handleChange,\r\n required: isRequired,\r\n inputProps: {\r\n maxLength: maxLength\r\n },\r\n placeholder: placeholder\r\n }\r\n }\r\n\r\n const handleCloseDialog = () => {\r\n setDialog({ ...dialog, open: false, info: undefined })\r\n changePasswordForm.resetForm({ values: {} })\r\n }\r\n\r\n const handleChangePassword = async () => {\r\n setLoading(true)\r\n\r\n const newPassword = changePasswordForm.values['NewPassword']\r\n const userId = changePasswordForm.values['userId']\r\n\r\n try {\r\n const res = await doPost(`user/forceChangePassword`, { userId, newPassword })\r\n if (res && res.data.success) {\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'success' })\r\n handleCloseDialog()\r\n } else {\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'error' })\r\n }\r\n } catch (err) {\r\n setToast({ ...toast, open: true, message: err.message, type: 'error' })\r\n } finally {\r\n setLoading(false)\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { useTheme } from '@material-ui/core/styles'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\nimport { Button, CardContent, Dialog, DialogActions, DialogContent, DialogTitle, Divider, FormControl, FormControlLabel, FormGroup, Grid, TextField } from '@material-ui/core'\r\nimport { useRecoilState, useSetRecoilState } from 'recoil'\r\nimport { loadingState, toastState } from 'recoils/atoms'\r\nimport { ChangeUserStatusDialogAtom } from './recoil'\r\nimport Yup from 'utils/Yup'\r\nimport { useFormik } from 'formik'\r\nimport { doPost } from 'utils/axios'\r\nimport sessionHelper from 'utils/sessionHelper'\r\nimport StyledRadio from 'components/UI/StyledRadio'\r\nimport { UserStatus } from 'app/enums'\r\n\r\nexport default function ChangeUserStatusDialog() {\r\n const theme = useTheme()\r\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'))\r\n\r\n const setLoading = useSetRecoilState(loadingState)\r\n const [toast, setToast] = useRecoilState(toastState)\r\n const [dialog, setDialog] = useRecoilState(ChangeUserStatusDialogAtom)\r\n const { open, info } = dialog\r\n\r\n const useFormValidationFrom = Yup.object()\r\n\r\n const changeStatusForm = useFormik({\r\n initialValues: { id: info?.id, status: info?.status, note: info?.note },\r\n validationSchema: useFormValidationFrom,\r\n validateOnChange: true,\r\n validateOnMount: true,\r\n enableReinitialize: true,\r\n initialErrors: {}\r\n })\r\n\r\n const TextField_Props = (name, label = name, isRequired = false, placeholder = '', maxLength = 255) => {\r\n const { values, errors, touched, handleBlur, handleChange } = changeStatusForm\r\n return {\r\n name,\r\n label,\r\n fullWidth: true,\r\n variant: 'outlined',\r\n error: errors[name] && touched[name],\r\n helperText: errors[name] && touched[name] && errors[name],\r\n InputLabelProps: { shrink: true },\r\n value: values[name],\r\n onBlur: handleBlur,\r\n onChange: handleChange,\r\n required: isRequired,\r\n inputProps: {\r\n maxLength: maxLength\r\n },\r\n placeholder: placeholder\r\n }\r\n }\r\n\r\n const handleCloseDialog = () => {\r\n setDialog({ ...dialog, open: false, info: undefined })\r\n changeStatusForm.resetForm({ values: {} })\r\n }\r\n\r\n const handleChangeStatus = async () => {\r\n setLoading(true)\r\n\r\n const values = changeStatusForm.values\r\n const updatedBy = sessionHelper().fullName\r\n\r\n try {\r\n const res = await doPost(`user/statusUpdate`, { ...values, updatedBy })\r\n if (res && res.data.success) {\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'success' })\r\n handleCloseDialog()\r\n } else {\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'error' })\r\n }\r\n } catch (err) {\r\n setToast({ ...toast, open: true, message: err.message, type: 'error' })\r\n } finally {\r\n setLoading(false)\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { useTheme } from '@material-ui/core/styles'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\nimport { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'\r\nimport { loadingState, toastState } from 'recoils/atoms'\r\nimport {\r\n Button,\r\n CardContent,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n Divider,\r\n FormControl,\r\n FormControlLabel,\r\n FormGroup,\r\n FormLabel,\r\n Grid,\r\n InputAdornment,\r\n MenuItem,\r\n TextField\r\n} from '@material-ui/core'\r\nimport { GroupQuery, HolyNameQuery } from 'recoils/selectors'\r\nimport { useFormik } from 'formik'\r\nimport { UserInfoDialogAtom } from './recoil'\r\nimport Yup from 'utils/Yup'\r\nimport { AutocompleteTextField, KeyboardDateField, ShortTextField } from '../Controls'\r\n\r\nimport { Roles } from 'app/enums'\r\nimport StyledCheckbox from 'components/UI/StyledCheckbox'\r\nimport StyledRadio from 'components/UI/StyledRadio'\r\nimport { KeyboardDatePicker } from '@material-ui/pickers'\r\nimport moment from 'moment/moment'\r\nimport { doPost } from 'utils/axios'\r\nimport _ from 'lodash'\r\n\r\nimport sessionHelper from 'utils/sessionHelper'\r\n\r\nexport default function UserInfoDialog({ reloadUserList }) {\r\n const theme = useTheme()\r\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'))\r\n\r\n const setLoading = useSetRecoilState(loadingState)\r\n const [toast, setToast] = useRecoilState(toastState)\r\n const [dialog, setDialog] = useRecoilState(UserInfoDialogAtom)\r\n const { open, info } = dialog\r\n\r\n const holyNames = useRecoilValue(HolyNameQuery)\r\n const groups = useRecoilValue(GroupQuery)\r\n\r\n const useFormValidationFrom = Yup.object({})\r\n\r\n const userForm = useFormik({\r\n initialValues: { ...info, assignment: { ...info?.assignment, oldGroupName: info?.assignment.groupName } },\r\n validationSchema: useFormValidationFrom,\r\n validateOnChange: true,\r\n validateOnMount: true,\r\n enableReinitialize: true\r\n })\r\n\r\n const handleCloseDialog = () => {\r\n setDialog({ ...dialog, open: false })\r\n userForm.resetForm()\r\n }\r\n\r\n const handleChangeUserInfo = async () => {\r\n setLoading(true)\r\n const val = userForm.values\r\n\r\n try {\r\n const res = await doPost(`user/update`, {\r\n ...val,\r\n assignment: {\r\n ...val.assignment,\r\n ScholasticId: sessionHelper().scholasticId,\r\n ModifiedBy: sessionHelper().fullName\r\n }\r\n })\r\n if (res && res.data.success) {\r\n setLoading(false)\r\n handleCloseDialog()\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'success' })\r\n reloadUserList()\r\n }\r\n } catch (err) {\r\n setToast({ ...toast, open: true, message: err.message, type: 'error' })\r\n }\r\n }\r\n\r\n const handleCheckLevel = e => {\r\n const val = Number(e.target.value)\r\n if (val) {\r\n let newData = []\r\n if (val === Roles.DuTruong) {\r\n newData = [...userForm.values['role'].filter(id => id !== Roles.HuynhTruong), val]\r\n } else {\r\n newData = [...userForm.values['role'].filter(id => id !== Roles.DuTruong), val]\r\n }\r\n\r\n userForm.setFieldValue('role', newData)\r\n }\r\n }\r\n\r\n const handleCheckRole = e => {\r\n const val = Number(e.target.value)\r\n if (val) {\r\n const roleExist = userForm.values['role'].includes(val)\r\n\r\n let newData = []\r\n if (roleExist) {\r\n newData = [...userForm.values['role'].filter(id => id !== val)]\r\n } else {\r\n newData = [...userForm.values['role'], val]\r\n }\r\n\r\n userForm.setFieldValue('role', newData)\r\n }\r\n }\r\n\r\n const checkIncludesRole = (current, role) => {\r\n if (current && current.length > 0) {\r\n return current.includes(role)\r\n }\r\n return false\r\n }\r\n\r\n const DatePicker_Props = (name, label, format) => {\r\n const { values, errors, touched, handleBlur, handleChange } = userForm\r\n return {\r\n name,\r\n label,\r\n fullWidth: true,\r\n inputVariant: 'outlined',\r\n error: _.get(errors, name) && _.get(touched, name),\r\n helperText: _.get(errors, name) && _.get(touched, name) && _.get(errors, name),\r\n value: _.get(values, name) ?? null,\r\n InputLabelProps: { shrink: true },\r\n format: format,\r\n autoOk: true,\r\n onBlur: handleBlur,\r\n onChange: handleChange,\r\n KeyboardButtonProps: {\r\n 'aria-label': 'change date'\r\n }\r\n }\r\n }\r\n\r\n const TextField_Props = (name, label) => {\r\n const { values, errors, touched, handleBlur, handleChange } = userForm\r\n return {\r\n name,\r\n label,\r\n fullWidth: true,\r\n variant: 'outlined',\r\n error: _.get(errors, name) && _.get(touched, name),\r\n helperText: _.get(errors, name) && _.get(touched, name) && _.get(errors, name),\r\n value: _.get(values, name) ?? null,\r\n InputLabelProps: { shrink: true },\r\n onBlur: handleBlur,\r\n onChange: handleChange\r\n }\r\n }\r\n\r\n const handleChangeDate = (date, name, isCheckFuture) => {\r\n if (isCheckFuture && moment(date).isBefore(new Date())) {\r\n userForm.setFieldValue(name, date)\r\n } else {\r\n userForm.setFieldValue(name, date)\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { useTheme } from '@material-ui/core/styles'\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery'\r\nimport { Dialog, DialogTitle, Divider, DialogContent, Button, DialogActions, CardContent, Grid } from '@material-ui/core'\r\nimport { useRecoilState, useSetRecoilState } from 'recoil'\r\nimport { NewUserDialogAtom } from './recoil'\r\nimport Yup from 'utils/Yup'\r\nimport { useFormik } from 'formik'\r\nimport { ShortTextField } from '../Controls'\r\nimport { loadingState, toastState } from 'recoils/atoms'\r\nimport { doPost } from 'utils/axios'\r\n\r\nexport default function NewUserDialog({ reloadUserList }) {\r\n const theme = useTheme()\r\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'))\r\n\r\n const [dialog, setDialog] = useRecoilState(NewUserDialogAtom)\r\n const { open } = dialog\r\n\r\n const setLoading = useSetRecoilState(loadingState)\r\n const [toast, setToast] = useRecoilState(toastState)\r\n\r\n const registerFormValidationFrom = Yup.object({\r\n email: Yup.string().required('Không được bỏ trống').max(255).email('Email không đúng định dạng'),\r\n firstName: Yup.string().required('Không được bỏ trống').max(150),\r\n lastName: Yup.string().required('Không được bỏ trống').max(100)\r\n })\r\n\r\n const registerForm = useFormik({\r\n initialValues: {},\r\n validationSchema: registerFormValidationFrom,\r\n validateOnChange: true,\r\n validateOnMount: true,\r\n enableReinitialize: true\r\n })\r\n\r\n const handleCloseDialog = () => {\r\n setDialog({ ...dialog, open: false })\r\n registerForm.resetForm()\r\n }\r\n\r\n const handleCreateUser = async () => {\r\n setLoading(true)\r\n\r\n const val = registerForm.values\r\n try {\r\n const res = await doPost(`user/create`, val)\r\n if (res && res.data.success) {\r\n setLoading(false)\r\n handleCloseDialog()\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'success' })\r\n reloadUserList()\r\n } else {\r\n setLoading(false)\r\n setToast({ ...toast, open: true, message: res.data.message, type: 'error' })\r\n }\r\n } catch (err) {\r\n setToast({ ...toast, open: true, message: err.message, type: 'error' })\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { Checkbox } from '@material-ui/core'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport clsx from 'clsx'\r\n\r\nconst useStyles = makeStyles({\r\n root: {\r\n '&:hover': {\r\n backgroundColor: 'transparent'\r\n }\r\n },\r\n icon: {\r\n borderRadius: 3,\r\n width: 16,\r\n height: 16,\r\n boxShadow: 'inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)',\r\n backgroundColor: '#f5f8fa',\r\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))',\r\n '$root.Mui-focusVisible &': {\r\n outline: '2px auto rgba(19,124,189,.6)',\r\n outlineOffset: 2\r\n },\r\n 'input:hover ~ &': {\r\n backgroundColor: '#ebf1f5'\r\n },\r\n 'input:disabled ~ &': {\r\n boxShadow: 'none',\r\n background: 'rgba(206,217,224,.5)'\r\n }\r\n },\r\n checkedIcon: {\r\n backgroundColor: '#137cbd',\r\n backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',\r\n '&:before': {\r\n display: 'block',\r\n width: 16,\r\n height: 16,\r\n backgroundImage:\r\n \"url(\\\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath\" +\r\n \" fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 \" +\r\n \"1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E\\\")\",\r\n content: '\"\"'\r\n },\r\n 'input:hover ~ &': {\r\n backgroundColor: '#106ba3'\r\n }\r\n }\r\n})\r\n\r\nconst StyledCheckbox = props => {\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n 
\r\n
\r\n Đợi chúng tôi xử lý dữ liệu.
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n
|---|
| \r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n
|---|
| \r\n | \r\n
\r\n \r\n {btnText}\r\n \r\n {loading &&
\r\n