icleafreportui 0.1.0 → 0.1.2

package/src/components/Header.jsx

@@ -1,192 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { FaPowerOff } from "react-icons/fa";
-import { MdFiberManualRecord, MdLogout, MdOutlineLockReset } from "react-icons/md";
-import { IoIosList, IoIosSettings } from "react-icons/io";
-import { GiHamburgerMenu } from "react-icons/gi";
-import Popover from '@mui/material/Popover';
-import { Link, useLocation } from 'react-router-dom';
-import "./Header.css"
-import { MdKeyboardArrowDown, MdAssignment } from "react-icons/md";
-import { RiHome5Fill, RiLogoutCircleRLine, RiMenuFoldLine } from "react-icons/ri";
-import { HiBookmarkSquare, HiOutlineUser } from "react-icons/hi2";
-import { TbDeviceMobileFilled } from "react-icons/tb";
-import { IoBookOutline, IoCalendar, IoCalendarOutline, IoCartOutline, IoLanguage, IoLibraryOutline, IoLogOutOutline, IoPencilOutline, IoPersonCircleOutline, IoPersonOutline, IoSettingsOutline, IoShuffle, IoShuffleOutline } from "react-icons/io5";
-import { TfiMenuAlt } from "react-icons/tfi";
-import { RotatingLines } from 'react-loader-spinner';
-import { Drawer } from 'antd'; // Import Drawer from antd
-import './Header.css';
-import { BiSolidBookContent, BiSolidUserPin } from "react-icons/bi";
-import { FaCheck, FaCircleInfo } from "react-icons/fa6";
-import { PiExamFill, PiShuffleAngularBold } from "react-icons/pi";
-import { RiRedPacketLine } from "react-icons/ri";
-import { MdMenuBook, MdKeyboardArrowRight, MdCorporateFare } from "react-icons/md";
-import { IoGameControllerSharp } from "react-icons/io5";
-import commonImagePathUrlPrefix, { logo } from './imagePathUrl';
-
-const Header = () => {
-  const navigate = useNavigate()
-  const [show, setShow] = useState(false);
-  const location = useLocation();
-  const [activeMenuItem, setActiveMenuItem] = useState(location.pathname);
-  const [isSideMenu, setSideMenu] = useState("");
-  const [userChooseLan, setUserChooseLan] = useState("en")
-
-  const [drawerVisible, setDrawerVisible] = useState(false);
-  const [userEmail] = useState(localStorage.getItem("email"));
-  const [userName] = useState(localStorage.getItem("fName") + " " + localStorage.getItem("lName"))
-  const roleId = localStorage.getItem("roleId")
-  const [manageContentSubMenuOpen, setManageContentSubMenuOpen] = useState(false);
-  const [manageExamSubMenuOpen, setManageExamSubMenuOpen] = useState(false);
-  const [managePackSubMenuOpen, setManagePackSubMenuOpen] = useState(false);
-  const [manageUserSubMenuOpen, setManageUserSubMenuOpen] = useState(false);
-  const [manageCorporateSubMenuOpen, setManageCorporateSubMenuOpen] = useState(false);
-  const [manageControlSubMenuOpen, setManageControlSubMenuOpen] = useState(false);
-
-  const [usernames, setUserNames] = useState("");
-  const [userimg, setUserImg] = useState("");
-  const [availableCredit, setAvailableCredit] = useState("");
-  const [buyCredit, setbuyCredit] = useState("");
-  const [storageB, setStroageB] = useState("");
-  const [storagelimit, setStorageLimit] = useState("");
-  const [buy, setbuy] = useState('')
-  const [totalbuy, settotalbuy] = useState('')
-
-
-  const token = localStorage.getItem("token");
-  const headers = {
-    Authorization: `Bearer ${token}`,
-  };
-  const name = localStorage.getItem("fName")
-  const [showAlert, setShowAlert] = useState(false);
-  const [alertMessage, setAlertMessage] = useState('');
-  const userImage = localStorage.getItem("profileImg");
-  const [userNameEvaluator] = useState(localStorage.getItem("userName"));
-
-  useEffect(() => {
-    if (localStorage.getItem("consentChkFlg") === "false") {
-      // navigate("/myProfile")
-    } else {
-      // setShowAlert(false);
-    }
-  }, []);
-
-
-
-
-
-
-
-  const handlesidebar = () => {
-    if (window.innerWidth < 1001) {
-      // If the screen width is less than 800px, toggle the drawer visibility
-      setDrawerVisible(!drawerVisible);
-    } else {
-      // If the screen width is 800px or more, toggle the 'mini-sidebar' class
-      document.body.classList.toggle('mini-sidebar');
-    }
-  }
-
-
-
-
-
-
-  const handleOutsideClick = (e) => {
-    const dropdownMenu = document.querySelector(".user-menu");
-    const mobileDropdownMenu = document.querySelector(".mobile-user-menu");
-    const mobileSideMenu = document.querySelector("#mobile_btn");
-
-    if (
-      dropdownMenu &&
-      !dropdownMenu.contains(e.target) &&
-      !mobileDropdownMenu?.contains(e.target) &&
-      !mobileSideMenu?.contains(e.target)
-    ) {
-      setShow(false);
-      // setMobileshow(false);
-      // setShow1(false);
-      document.body.classList.remove("slide-nav");
-    }
-  };
-  // useEffect(() => {
-
-  // }, []);
-  useEffect(() => {
-    window.scrollTo(0, 0);
-    document.addEventListener("click", handleOutsideClick);
-
-    return () => {
-      document.removeEventListener("click", handleOutsideClick);
-    };
-  }, []);
-
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [anchorLang, setAnchorLang] = useState(null);
-
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-
-
-  const handleLangClick = (event) => {
-    setAnchorLang(event.currentTarget);
-  };
-
-  const handleLangClose = () => {
-    setAnchorLang(null);
-  };
-
-  const open = Boolean(anchorEl);
-  const open1 = Boolean(anchorLang);
-  const id = open ? 'simple-popover' : undefined;
-  const lang_id = open1 ? 'lang-simple-popover' : undefined;
-
-
-
-  const handleChange = (value) => {
-    window.location.reload()
-
-    setUserChooseLan(value);
-  };
-
-  const handleLogout = () => {
-    localStorage.clear(); // Clear all local storage
-    // navigate('/login'); // Navigate to login page
-    window.location.reload();
-  };
-
-
-  return (
-    <div className='header_whole_container'>
-      <div style={{ display: "flex", alignItems: "center" }}>
-        {/* <div>
-          <RiMenuFoldLine
-            cursor="pointer"
-            onClick={handlesidebar}
-            size={30}
-            className='header1-toggle-icon'
-            tabIndex={0}
-            onKeyDown={(event) => {
-              if (event.key === 'Enter') {
-                handlesidebar()
-              }
-            }}
-          />
-        </div> */}
-      </div>
-      <div className='acc_conf_main' onClick={handleLogout}>
-            <FaPowerOff tabIndex={0}
-              size={30} aria-describedby={id} variant="contained"  className="account-mnu-icon" />
-          </div>
-      {/* <button onClick={handleLogout}>
-        Logout</button> */}
-    </div>
-  );
-};
-
-export default Header;

package/src/components/Loader.jsx

@@ -1,23 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Modal } from 'react-bootstrap';
-import { RotatingLines } from 'react-loader-spinner'
-
-
-function Loader({ visible }) {
-    const [value, setValue] = useState(visible);
-
-
-    return (
-        <Modal onShow={true} style={{ background: "transperent" }}>
-            <RotatingLines
-                strokeColor="grey"
-                strokeWidth="5"
-                animationDuration="0.75"
-                width="96"
-                visible={true}
-            />
-        </Modal>
-    )
-
-}
-export default Loader;

package/src/components/imagePathUrl.jsx

@@ -1,11 +0,0 @@
-export default "https://groupnpay.com/iccloud";
-export const elearnImagePathUrlPrefix = "https://groupnpay.com/iccloud/qhubresources/elearn";
-// export const commonImagePathUrlPrefix = "http://64.227.170.125:8080/iccloud";
-// export const elearnImagePathUrlPrefix = "http://64.227.170.125:8080/iccloud/qhubresources/elearn";
-// export const commonImagePathUrlPrefix = "http://139.59.64.128:8080/iccloud";
-// export const elearnImagePathUrlPrefix = "http://139.59.64.128:8080/iccloud/qhubresources/elearn";
-// export const commonImagePathUrlPrefix = "http://192.168.3.155:8080/icleaf";
-// export const elearnImagePathUrlPrefix = "http://192.168.3.155:8080/icleaf/qhubresources/elearn";
-export const logo = process.env.PUBLIC_URL + '/images/icleaf_logo.png';
-export const youngMan = process.env.PUBLIC_URL + '/images/young-man-studying-library-using-laptop-1.png';
-export const baseName = "/icleaf/#"

package/src/components/sidebar.jsx

@@ -1,81 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Link, useLocation } from 'react-router-dom';
-import { BiSolidBookContent } from "react-icons/bi";
-import { logo } from './imagePathUrl';
-import "./sidebar.css";
-
-const Sidebar = () => {
-  const location = useLocation();
-  const [activeMenuItem, setActiveMenuItem] = useState(location.pathname);
-  const [drawerVisible, setDrawerVisible] = useState(window.innerWidth <= 1001);
-
-  const handleResize = () => {
-    setDrawerVisible(window.innerWidth < 1001);
-  };
-
-  useEffect(() => {
-    window.addEventListener('resize', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-
-  const handleDrawerClose = () => {
-    setDrawerVisible(false);
-  };
-
-  return (
-    <div className={`sidebar`}>
-      <div className='header_logo_container'>
-        <img src={logo} className='header_logo_img' alt="Your Image" />
-      </div>
-      <div className="sidebar-inner">
-        <div id="sidebar-menu" className="sidebar-menu">
-          <ul>
-            <li>
-              <Link className={activeMenuItem === "/Report" ? "activeExamLi" : "inactiveExamLi"} to="/Report">
-                <i className='icon_background'>
-                  <BiSolidBookContent className="manage_content_icon" />
-                </i>
-                <span>Exam Report</span>
-              </Link>
-            </li>
-            <li>
-              <Link className={activeMenuItem === "/CourseReport" ? "activeExamLi" : "inactiveExamLi"} to="/CourseReport">
-                <i className='icon_background'>
-                  <BiSolidBookContent className="manage_content_icon" />
-                </i>
-                <span>Course Report</span>
-              </Link>
-            </li>
-            <li>
-              <Link className={activeMenuItem === "/examReport" ? "activeExamLi" : "inactiveExamLi"} to="/examReport">
-                <i className='icon_background'>
-                  <BiSolidBookContent className="manage_content_icon" />
-                </i>
-                <span>Exam Questions Report</span>
-              </Link>
-            </li>
-            <li>
-              <Link className={activeMenuItem === "/examPackReport" ? "activeExamLi" : "inactiveExamLi"} to="/examPackReport">
-                <i className='icon_background'>
-                  <BiSolidBookContent className="manage_content_icon" />
-                </i>
-                <span>Exam Pack Report</span>
-              </Link>
-            </li>
-          </ul>
-        </div>
-      </div>
-
-      <div className='comp-info-main'>
-        <div>
-          <div>Copyright © 2021 ICLeaF. All Rights Reserved</div>
-          <div>Powered by <Link target='_blank' to='https://infocareerindia.com/'>Infocareer Pvt Ltd.</Link></div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Sidebar;

package/src/context/TenantProvider.jsx

@@ -1,22 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import TenantApiClient from '../api/client';
-
-const TenantContext = createContext();
-
-export const TenantProvider = ({ children, config }) => {
-    const apiClient = new TenantApiClient(config);
-    
-    return (
-        <TenantContext.Provider value={{ apiClient, config }}>
-            {children}
-        </TenantContext.Provider>
-    );
-};
-
-export const useTenant = () => {
-    const context = useContext(TenantContext);
-    if (!context) {
-        throw new Error('useTenant must be used within TenantProvider');
-    }
-    return context;
-};

package/src/index.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import './theme.css'
-import reportWebVitals from './reportWebVitals';
-import { StyledEngineProvider } from '@mui/material/styles';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  <React.StrictMode>
-    <StyledEngineProvider injectFirst>
-      <App />
-    </StyledEngineProvider>
-  </React.StrictMode>
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

package/src/package.js

@@ -1,10 +0,0 @@
-// Export components for npm package
-
-export { default as Report } from './components/Report';
-export { default as Dashboard } from './components/Dashboard';
-export { default as Header } from './components/Header';
-export { default as Sidebar } from './components/sidebar';
-export { default as Loader } from './components/Loader';
-
-// Export image config
-export { default as imageBaseUrl, elearnImagePathUrlPrefix, logo, youngMan, baseName } from './components/imagePathUrl';

package/src/reportWebVitals.js

@@ -1,13 +0,0 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;

package/src/setupTests.js

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';