icleafreportui 0.1.1 → 0.1.2

package/dist/Reports/ExamPackReport.js

@@ -0,0 +1,559 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _axios = _interopRequireDefault(require("axios"));
+var _material = require("@mui/material");
+var _reactRouterDom = require("react-router-dom");
+var _Header = _interopRequireDefault(require("../components/Header"));
+var _sidebar = _interopRequireDefault(require("../components/sidebar"));
+require("../App.css");
+var _Backdrop = _interopRequireDefault(require("@mui/material/Backdrop"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _FileDownloadOutlined = _interopRequireDefault(require("@mui/icons-material/FileDownloadOutlined"));
+var _SearchOutlined = _interopRequireDefault(require("@mui/icons-material/SearchOutlined"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ExamPackReport() {
+  const [token] = (0, _react.useState)(localStorage.getItem("token"));
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const [subjects, setSubjects] = (0, _react.useState)([]);
+  const [courses, setCourses] = (0, _react.useState)([]);
+  const [selectedSubject, setSelectedSubject] = (0, _react.useState)(null);
+  const [selectedCourse, setSelectedCourse] = (0, _react.useState)(null);
+  const [alertMessage, setAlertMessage] = (0, _react.useState)('');
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [alertOpen, setAlertOpen] = (0, _react.useState)(false);
+  const reportType = [{
+    value: "Batch Wise",
+    label: "Batch Wise"
+  }, {
+    value: "User Wise",
+    label: "User Wise"
+  }];
+  const [selectedReportType, setSelectedReportType] = (0, _react.useState)(null);
+  const [columns, setColumns] = (0, _react.useState)(null);
+  const [rows, setRows] = (0, _react.useState)([]);
+  const [tableShow, setTableShow] = (0, _react.useState)(false);
+  const [multiLoading, setMultiLoading] = (0, _react.useState)(false);
+  const [userSelect, setUserSelect] = (0, _react.useState)(false);
+  const [selectedUserList, setSelectedUserList] = (0, _react.useState)([]);
+  const baseURL = process.env.REACT_APP_BASE_URL;
+  const [tableKey, setTableKey] = (0, _react.useState)(0);
+  const [searchQuery, setSearchQuery] = (0, _react.useState)("");
+  const filteredRows = userSelect ? rows.filter(row => {
+    const searchTerms = searchQuery.split(',').map(term => term.trim().toLowerCase()).filter(term => term.length > 0);
+    if (searchTerms.length === 0) return true;
+    const email = row.userName.toLowerCase();
+    const localPart = email.split('@')[0];
+    return searchTerms.some(term => {
+      if (term.includes('@')) {
+        // Exact full email match
+        return email === term;
+      } else {
+        // Match with the part before @
+        return localPart.includes(term);
+      }
+    });
+  }) : rows;
+  const batchListColumns = [{
+    field: 'sno',
+    headerName: 'S.No',
+    width: 60,
+    sortable: false,
+    renderCell: params => params.api.getAllRowIds().indexOf(params.id) + 1
+  }, {
+    field: 'batchName',
+    headerName: 'Batch Name',
+    width: 230
+  }, {
+    field: 'batchStatus',
+    headerName: 'Status',
+    width: 170,
+    renderCell: params => {
+      const isActive = params.value; // Assuming it's a boolean (true/false)
+      return /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          color: isActive ? 'green' : 'red',
+          fontWeight: 'bold'
+        }
+      }, isActive ? 'Active' : 'Inactive');
+    }
+  }, {
+    field: 'dailyProgressMail',
+    headerName: 'Daily Progress Mail',
+    width: 130,
+    renderCell: params => {
+      const isActive = params.value;
+      return /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          color: isActive ? 'green' : 'red',
+          fontWeight: 'bold'
+        }
+      }, isActive ? 'Active' : 'Inactive');
+    }
+  }, {
+    field: "report",
+    headerName: "Report",
+    sortable: false,
+    width: 70,
+    renderCell: params => /*#__PURE__*/_react.default.createElement(_FileDownloadOutlined.default, {
+      onClick: () => handleDownloadBatchReport(params.row),
+      fontSize: "small",
+      style: {
+        cursor: "pointer"
+      }
+    })
+  }];
+  const userListColumns = [{
+    field: 'sno',
+    headerName: 'S.No',
+    width: 60,
+    sortable: false,
+    renderCell: params => params.api.getAllRowIds().indexOf(params.id) + 1
+  }, {
+    field: 'userName',
+    headerName: 'User Name',
+    width: 280
+  }, {
+    field: 'userRoleType',
+    headerName: 'Role Type',
+    width: 200,
+    renderCell: params => {
+      const isActive = params.value;
+      return /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          color: isActive ? 'green' : 'red',
+          fontWeight: 'bold'
+        }
+      }, isActive ? 'User' : '');
+    }
+  }, {
+    field: "report",
+    headerName: "Report",
+    sortable: false,
+    width: 70,
+    renderCell: params => /*#__PURE__*/_react.default.createElement(_FileDownloadOutlined.default, {
+      onClick: () => handleDownloadSingleUserReport(params.row),
+      fontSize: "small",
+      style: {
+        cursor: "pointer"
+      }
+    })
+  }];
+  (0, _react.useEffect)(() => {
+    if (token == null) {
+      navigate("/login");
+    } else {
+      fetchAllSubjects();
+    }
+  }, []);
+  const fetchAllSubjects = async () => {
+    try {
+      const response = await (0, _axios.default)({
+        method: "get",
+        url: `${baseURL}api/showAllSubjects`,
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      setSubjects(response.data);
+    } catch (error) {
+      console.error('Error fetching subjects:', error);
+    }
+  };
+  const fetchCourses = async subjectId => {
+    try {
+      const response = await (0, _axios.default)({
+        method: "get",
+        params: {
+          subjectId
+        },
+        url: `${baseURL}api/getCoursesBySubject`,
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      setCourses(response.data);
+    } catch (error) {
+      console.error('Error fetching courses:', error);
+    }
+  };
+  const handleSubjectChange = (event, newValue) => {
+    setSelectedSubject(newValue);
+    setSelectedCourse(null);
+    setCourses([]);
+    setSelectedReportType(null);
+    setTableShow(false);
+    setRows([]);
+    setColumns([]);
+    if (newValue?.subjectId) {
+      fetchCourses(newValue.subjectId);
+    }
+  };
+  const handleCourseChange = (event, newValue) => {
+    setSelectedCourse(newValue);
+    setTableKey(prevKey => prevKey + 1);
+    fetchReportData(newValue?.id, selectedReportType?.value);
+  };
+  const handleReportTypeChange = (event, newValue) => {
+    setSelectedReportType(newValue);
+    setTableKey(prevKey => prevKey + 1);
+    fetchReportData(selectedCourse?.id, newValue?.value);
+  };
+  const fetchReportData = (courseId, reportType) => {
+    if (!selectedSubject?.subjectId || !courseId) return;
+    const apiMap = {
+      "Batch Wise": getBatchWiseList,
+      "User Wise": getUserWiseList
+    };
+    apiMap[reportType]?.(courseId);
+  };
+  const getBatchWiseList = async () => {
+    setLoading(true);
+    try {
+      const response = await _axios.default.get(`${baseURL}api/getCorpCourseBatches?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      if (response.status === 200) {
+        setUserSelect(false);
+        setRows(response.data.corpCourseBatches);
+        setColumns(batchListColumns);
+        setTableShow(true);
+      }
+      console.log(response.data, "Batch Wise");
+    } catch (error) {
+      setAlertOpen(true);
+      setAlertMessage(error.response.data.error);
+      setTableShow(false);
+      setRows([]);
+      setColumns([]);
+      console.error("Error fetching batch-wise data:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getUserWiseList = async () => {
+    setLoading(true);
+    try {
+      const response = await _axios.default.get(`${baseURL}api/getCorpCourseUsers?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      if (response.status === 200) {
+        setRows(response.data.users);
+        setColumns(userListColumns);
+        setTableShow(true);
+        setUserSelect(true);
+      }
+      console.log(response.data, "User Wise");
+    } catch (error) {
+      setAlertOpen(true);
+      setAlertMessage(error.response.data.error);
+      setTableShow(false);
+      setRows([]);
+      setColumns([]);
+      console.error("Error fetching batch-wise data:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleRowSelection = newSelection => {
+    setSelectedUserList(newSelection);
+  };
+  const handleDownloadBatchReport = async item => {
+    setLoading(true);
+    try {
+      let url;
+      url = `${baseURL}api/downloadCourseAndBatchWiseReport?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}&batchId=${item.id}`;
+      const response = await _axios.default.post(url, {}, {
+        responseType: 'blob',
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      const text = await response.data.text();
+      if (text.includes('Course not configured')) {
+        setAlertMessage('Course not configured.');
+        setAlertOpen(true);
+      } else {
+        const filename = `${item.batchName}_Batch_Report.xlsx`;
+        const blob = new Blob([response.data], {
+          type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+        });
+        const blobUrl = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = blobUrl;
+        link.setAttribute('download', filename);
+        document.body.appendChild(link);
+        link.click();
+        link.parentNode.removeChild(link);
+        URL.revokeObjectURL(blobUrl);
+      }
+    } catch (error) {
+      setAlertOpen(true);
+      setAlertMessage(error.response.data.error);
+      console.error('Error downloading course report:', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleDownloadSingleUserReport = async item => {
+    setLoading(true);
+    try {
+      let url;
+      url = `${baseURL}api/downloadExamPackReportByCourse?userId=${item.id}&corpCourseId=${selectedCourse.id}&subjectId=${selectedSubject.subjectId}`;
+      const response = await _axios.default.get(url, {
+        responseType: 'blob',
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      const text = await response.data.text();
+      if (text.includes('Course not configured')) {
+        setAlertMessage('Course not configured.');
+        setAlertOpen(true);
+      } else {
+        const filename = `${item.userName}_Pack_Report.xlsx`;
+        const blob = new Blob([response.data], {
+          type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+        });
+        const blobUrl = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = blobUrl;
+        link.setAttribute('download', filename);
+        document.body.appendChild(link);
+        link.click();
+        link.parentNode.removeChild(link);
+        URL.revokeObjectURL(blobUrl);
+      }
+    } catch (error) {
+      setAlertOpen(true);
+      setAlertMessage(error.response.data.error);
+      console.error('Error downloading course report:', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSummeryDownload = async () => {
+    setMultiLoading(true);
+    const selectedRowIds = rows.filter(row => selectedUserList.includes(row.id)).map(row => row.id);
+    try {
+      let url;
+      url = `${baseURL}api/downloadExamPacksAndUserIdsReport?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`;
+      const response = await _axios.default.post(url, {
+        userIds: selectedRowIds
+      }, {
+        responseType: 'blob',
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      const text = await response.data.text();
+      if (text.includes('Course not configured')) {
+        setAlertMessage('Course not configured.');
+        setAlertOpen(true);
+      } else {
+        const filename = 'User_Exam_Pack_Report.xlsx';
+        const blob = new Blob([response.data], {
+          type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+        });
+        const blobUrl = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = blobUrl;
+        link.setAttribute('download', filename);
+        document.body.appendChild(link);
+        link.click();
+        link.parentNode.removeChild(link);
+        URL.revokeObjectURL(blobUrl);
+      }
+    } catch (error) {
+      setAlertOpen(true);
+      setAlertMessage(error.response.data.error);
+      console.error('Error downloading course report:', error);
+    } finally {
+      setMultiLoading(false);
+    }
+  };
+  const paginationModel = {
+    page: 0,
+    pageSize: 5
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_sidebar.default, null), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: "100px 0px 0px 100px",
+      marginLeft: "140px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      maxWidth: 800,
+      mx: 'auto',
+      my: 4,
+      p: 3,
+      backgroundColor: '#f5f5f5',
+      borderRadius: 2
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Paper, {
+    elevation: 6,
+    sx: {
+      p: 5,
+      textAlign: 'center',
+      backgroundColor: '#fff'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    variant: "h4",
+    component: "h1",
+    gutterBottom: true,
+    sx: {
+      color: '#3f51b5',
+      marginBottom: "20px"
+    }
+  }, "Exam Pack Report"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    container: true,
+    spacing: 2,
+    justifyContent: "center"
+  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    sm: 4
+  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    fullWidth: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
+    id: "ddlSubject",
+    options: subjects,
+    getOptionLabel: option => option.subjectName,
+    value: selectedSubject,
+    onChange: handleSubjectChange,
+    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
+      label: "Subject"
+    }))
+  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    sm: 4
+  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    fullWidth: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
+    id: "ddlCourse",
+    options: courses,
+    getOptionLabel: option => option.courseName,
+    value: selectedCourse,
+    onChange: handleCourseChange,
+    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
+      label: "Course"
+    }))
+  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    sm: 4
+  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
+    fullWidth: true
+  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
+    id: "checkboxes-tags-demo",
+    options: reportType,
+    getOptionLabel: option => option.label,
+    value: selectedReportType,
+    onChange: handleReportTypeChange,
+    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
+      label: "Report Type"
+    }))
+  })))), tableShow && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      display: "flex",
+      justifyContent: "flex-end",
+      width: "100%",
+      margin: "20px 0px"
+    }
+  }, userSelect && /*#__PURE__*/_react.default.createElement(_material.Button, {
+    variant: "contained",
+    color: "primary",
+    onClick: handleSummeryDownload,
+    disabled: selectedUserList.length <= 1,
+    sx: {
+      width: 'auto',
+      backgroundColor: '#3f51b5',
+      '&:hover': {
+        backgroundColor: '#303f9f'
+      }
+    }
+  }, multiLoading ? 'Downloading...' : 'Download Report')), /*#__PURE__*/_react.default.createElement(_material.Paper, {
+    sx: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "end",
+      alignItems: "center",
+      height: "100%",
+      padding: "10px 5px"
+    }
+  }, userSelect && /*#__PURE__*/_react.default.createElement(_material.TextField, {
+    label: "Search",
+    variant: "outlined",
+    size: "small",
+    sx: {
+      mb: 2
+    },
+    value: searchQuery,
+    onChange: e => setSearchQuery(e.target.value),
+    InputProps: {
+      endAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
+        position: "start"
+      }, /*#__PURE__*/_react.default.createElement(_SearchOutlined.default, null))
+    }
+  })), /*#__PURE__*/_react.default.createElement(_xDataGrid.DataGrid, {
+    key: tableKey,
+    rows: userSelect ? filteredRows : rows,
+    columns: columns,
+    initialState: {
+      pagination: {
+        paginationModel
+      }
+    },
+    pageSizeOptions: [5, 10, 50, 100],
+    checkboxSelection: userSelect,
+    disableRowSelectionOnClick: true,
+    onRowSelectionModelChange: handleRowSelection,
+    sx: {
+      border: 0,
+      "& .MuiTablePagination-selectLabel": {
+        margin: "unset"
+      },
+      "& .MuiTablePagination-displayedRows": {
+        margin: "unset"
+      }
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_material.Snackbar, {
+    open: alertOpen,
+    autoHideDuration: 6000,
+    onClose: () => setAlertOpen(false),
+    anchorOrigin: {
+      vertical: 'top',
+      horizontal: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Alert, {
+    onClose: () => setAlertOpen(false),
+    severity: "info",
+    sx: {
+      width: '100%'
+    }
+  }, alertMessage)), /*#__PURE__*/_react.default.createElement(_Backdrop.default, {
+    sx: theme => ({
+      color: '#fff',
+      zIndex: theme.zIndex.drawer + 1
+    }),
+    open: loading || multiLoading
+  }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
+    color: "inherit"
+  }))));
+}
+var _default = exports.default = ExamPackReport;