icleafreportui 0.1.0 → 0.1.2

package/dist/App.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Login = _interopRequireDefault(require("./Login"));
+var _Report = _interopRequireDefault(require("./Reports/Report"));
+var _reactRouterDom = require("react-router-dom");
+var _CourseReport = _interopRequireDefault(require("./Reports/CourseReport"));
+var _ExamReport = _interopRequireDefault(require("./Reports/ExamReport"));
+var _ExamPackReport = _interopRequireDefault(require("./Reports/ExamPackReport"));
+var _TenantProvider = require("./context/TenantProvider");
+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; }
+// ADD THIS
+
+const App = () => {
+  const userToken = localStorage.getItem("token");
+
+  // Configuration for API calls
+  const config = {
+    baseURL: process.env.REACT_APP_BASE_URL || 'http://192.168.2.203:8080/icleafreport',
+    tenantToken: 'tn_852cf0d3242a11f19d84005056575b50' // Your test token
+  };
+  return /*#__PURE__*/_react.default.createElement(_TenantProvider.TenantProvider, {
+    config: config
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "App"
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.HashRouter, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Routes, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/",
+    element: userToken != null ? /*#__PURE__*/_react.default.createElement(_Report.default, null) : /*#__PURE__*/_react.default.createElement(_Login.default, null)
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/login",
+    element: userToken != null ? /*#__PURE__*/_react.default.createElement(_Report.default, null) : /*#__PURE__*/_react.default.createElement(_Login.default, null)
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/report",
+    element: /*#__PURE__*/_react.default.createElement(_Report.default, null)
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/coursereport",
+    element: /*#__PURE__*/_react.default.createElement(_CourseReport.default, null)
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/examReport",
+    element: /*#__PURE__*/_react.default.createElement(_ExamReport.default, null)
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/examPackReport",
+    element: /*#__PURE__*/_react.default.createElement(_ExamPackReport.default, null)
+  })))));
+};
+var _default = exports.default = App;

package/dist/Login.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _axios = _interopRequireDefault(require("axios"));
+var _reactRouterDom = require("react-router-dom");
+var _imagePathUrl = require("./components/imagePathUrl");
+var _ri = require("react-icons/ri");
+var _ai = require("react-icons/ai");
+require("bootstrap/dist/css/bootstrap.css");
+require("./login.css");
+var _material = require("@mui/material");
+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; }
+// Correct import statement for useHistory
+
+const Login = () => {
+  const [username, setUsername] = (0, _react.useState)('');
+  const [password, setPassword] = (0, _react.useState)('');
+  const [showPassword, setShowPassword] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
+  const [openAlert, setOpenAlert] = (0, _react.useState)(false);
+  const navigate = (0, _reactRouterDom.useNavigate)(); // Initialize useHistory
+
+  // const getSubDomain = () => {
+  //   const hostname = window.location.hostname;
+  //   const parts = hostname.split('.');
+  //   if (parts.length > 2) {
+  //     return parts [0];
+  //   }
+  // }
+
+  const getSubDomain = () => {
+    const hostname = window.location.hostname;
+    console.log("Hostname:", hostname); // debug
+
+    // For localhost without subdomain
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      return "icleaf";
+    }
+    const parts = hostname.split('.');
+    if (parts.length > 2) {
+      return parts[0]; // Returns subdomain
+    }
+
+    // If no subdomain found
+    return "icleaf";
+  };
+  const baseURL = process.env.REACT_APP_BASE_URL;
+  const handleLogin = async e => {
+    e.preventDefault();
+    const subdomain = getSubDomain();
+    try {
+      // const response = await axios.get(`${baseURL}` + "api/login?userName=" + username + "&password=" + password);
+      const response = await _axios.default.get(`${baseURL}api/login?userName=${username}&password=${password}&subdomain=${subdomain}`);
+      console.log(response, "response");
+      if (response.data) {
+        var res = response.data;
+        if (res == "User Not Found") {
+          setError(res);
+          setOpenAlert(true);
+        } else if (res == "UserName or Password cannot be empty") {
+          setError(res);
+          setOpenAlert(true);
+        } else {
+          localStorage.setItem("token", response.data);
+          localStorage.setItem("subdomain", subdomain);
+          navigate('/Report');
+        }
+      }
+    } catch (error) {
+      setError('User Not Found');
+      setOpenAlert(true);
+    }
+  };
+  const togglePasswordVisibility = () => {
+    setShowPassword(!showPassword);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "row page_container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-6 login_container1"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: "login_img",
+    src: _imagePathUrl.youngMan
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col-6 login_container2_bg"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "login_form_container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "logo_container"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: "logo_img",
+    src: _imagePathUrl.logo,
+    alt: "Login logo Image"
+  })), /*#__PURE__*/_react.default.createElement("text", {
+    className: "welcome_text"
+  }, "Welcome"), /*#__PURE__*/_react.default.createElement("form", {
+    onSubmit: handleLogin
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    className: "login_label"
+  }, "Username"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "input_contanier"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "input_icons"
+  }, /*#__PURE__*/_react.default.createElement(_ri.RiMailLine, null)), /*#__PURE__*/_react.default.createElement("input", {
+    type: "username",
+    id: "username",
+    name: "username",
+    className: "input_box",
+    placeholder: "Username"
+    // onBlur={(e) => validateForm(e.target.value, language.enterUsername, "userName")}
+    ,
+    value: username,
+    onChange: e => {
+      setUsername(e.target.value);
+      // validateForm(e.target.value, language.enterUsername, "userName")
+    }
+  })), /*#__PURE__*/_react.default.createElement("label", {
+    className: "login_label"
+  }, "Password"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "input_contanier"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "input_icons"
+  }, /*#__PURE__*/_react.default.createElement(_ri.RiLockLine, null)), /*#__PURE__*/_react.default.createElement("input", {
+    type: showPassword ? "text" : "password",
+    id: "password",
+    name: "password",
+    className: "input_box"
+    // onBlur={(e) => validateForm(e.target.value, language.enterPass, "password")}
+    ,
+    placeholder: "Password",
+    value: password,
+    onChange: e => {
+      setPassword(e.target.value);
+      // validateForm(e.target.value, language.enterPass, "password")
+    },
+    style: {
+      userSelect: "none"
+    }
+  }), showPassword ? /*#__PURE__*/_react.default.createElement(_ai.AiOutlineEye, {
+    onClick: () => togglePasswordVisibility(),
+    className: "eye-icon_login"
+  }) : /*#__PURE__*/_react.default.createElement(_ai.AiOutlineEyeInvisible, {
+    onClick: () => togglePasswordVisibility(),
+    className: "eye-icon_login"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "login_btn_container"
+  }, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    variant: "contained",
+    style: {
+      width: "100%",
+      marginTop: "15px",
+      padding: "10px"
+    },
+    type: "submit"
+  }, "Login"))))), /*#__PURE__*/_react.default.createElement(_material.Snackbar, {
+    open: openAlert,
+    autoHideDuration: 6000,
+    onClose: () => setOpenAlert(false),
+    anchorOrigin: {
+      vertical: 'top',
+      horizontal: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Alert, {
+    onClose: () => setOpenAlert(false),
+    severity: "info",
+    sx: {
+      width: '30%'
+    }
+  }, error))));
+};
+var _default = exports.default = Login;

package/dist/Reports/CourseReport.js

@@ -0,0 +1,243 @@
+"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");
+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 CourseReport() {
+  const [token, setToken] = (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 [reportTypes] = (0, _react.useState)(['Summary', 'Daywise']);
+  const [selectedReportType, setSelectedReportType] = (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 baseURL = process.env.REACT_APP_BASE_URL;
+  (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([]);
+    if (newValue) {
+      fetchCourses(newValue.subjectId);
+    }
+  };
+  const handleCourseChange = (event, newValue) => {
+    setSelectedCourse(newValue);
+  };
+  const handleReportTypeChange = (event, newValue) => {
+    setSelectedReportType(newValue);
+  };
+  const handleDownload = async () => {
+    setLoading(true);
+    try {
+      let url;
+      if (selectedReportType === 'Summary') {
+        url = `${baseURL}api/downloadUserCorpCourseExcel?corpCourseId=${selectedCourse.id}`;
+      } else if (selectedReportType === 'Daywise') {
+        url = `${baseURL}api/downloadUserCorpCourseExcelDayWise?corpCourseId=${selectedCourse.id}`;
+      }
+      const response = await _axios.default.get(url, {
+        responseType: 'blob',
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+      const contentDisposition = response.headers['content-disposition'];
+      const text = await response.data.text();
+      if (text.includes('Course not configured')) {
+        setAlertMessage('Course not configured.');
+        setAlertOpen(true);
+      } else {
+        const filename = 'course_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) {
+      console.error('Error downloading course report:', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  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"
+    }
+  }, "Course 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: "ddlReportType",
+    options: reportTypes,
+    getOptionLabel: option => option,
+    value: selectedReportType,
+    onChange: handleReportTypeChange,
+    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
+      label: "Report Type"
+    }))
+  })))), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      mt: 3,
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Button, {
+    variant: "contained",
+    color: "primary",
+    onClick: handleDownload,
+    disabled: !selectedSubject || !selectedCourse || !selectedReportType || loading,
+    sx: {
+      width: 'auto',
+      backgroundColor: '#3f51b5',
+      '&:hover': {
+        backgroundColor: '#303f9f'
+      }
+    }
+  }, loading ? 'Downloading...' : 'Download Report'), loading && /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
+    size: 24,
+    sx: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      marginTop: '-12px',
+      marginLeft: '-12px'
+    }
+  })))), /*#__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))));
+}
+var _default = exports.default = CourseReport;