icleafreportui 0.1.0 → 0.1.2

package/src/App.js

@@ -1,37 +0,0 @@
-import React, { useState } from 'react';
-import Login from './Login';
-import Report from './Reports/Report';
-import { HashRouter, Route, Routes } from 'react-router-dom';
-import CourseReport from './Reports/CourseReport';
-import ExamReport from './Reports/ExamReport';
-import ExamPackReport from './Reports/ExamPackReport';
-import { TenantProvider } from './context/TenantProvider';  // 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 (
-    <TenantProvider config={config}> 
-      <div className="App">
-        <HashRouter>
-          <Routes>
-            <Route path="/" element={userToken != null ? <Report /> : <Login />} />
-            <Route path="/login" element={userToken != null ? <Report /> : <Login />} />
-            <Route path="/report" element={<Report />} />
-            <Route path="/coursereport" element={<CourseReport />} />
-            <Route path="/examReport" element={<ExamReport />} />
-            <Route path="/examPackReport" element={<ExamPackReport />} />
-          </Routes>
-        </HashRouter>
-      </div>
-    </TenantProvider>
-  );
-};
-
-export default App;

package/src/Login.js

@@ -1,159 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import axios from 'axios';
-import { useHistory, useNavigate } from 'react-router-dom'; // Correct import statement for useHistory
-import { logo, youngMan } from './components/imagePathUrl';
-import { RiMailLine, RiLockLine, RiEyeOffLine } from 'react-icons/ri';
-import { AiOutlineEyeInvisible, AiOutlineEye } from 'react-icons/ai';
-import 'bootstrap/dist/css/bootstrap.css';
-import './login.css';
-import { Alert, Button, Snackbar } from '@mui/material';
-
-const Login = () => {
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
-  const [showPassword, setShowPassword] = useState(false);
-  const [error, setError] = useState('');
-  const [openAlert, setOpenAlert] = useState(false);
-  const navigate = 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.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 (
-    <>
-      <div className="row page_container">
-        <div className="col-6 login_container1">
-          <img className='login_img' src={youngMan} />
-        </div>
-        <div className="col-6 login_container2_bg">
-          <div className='login_form_container'>
-            <div className='logo_container'>
-              <img className='logo_img' src={logo} alt="Login logo Image" />
-            </div>
-            <text className="welcome_text">Welcome</text>
-            <form onSubmit={handleLogin}>
-              <label className='login_label'>Username</label>
-              <div className='input_contanier'>
-                <div className="input_icons">
-                  <RiMailLine />
-                </div>
-                <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")
-                  }}
-                />
-              </div>
-              <label className='login_label'>Password</label>
-              <div className='input_contanier'>
-                <div className="input_icons">
-                  <RiLockLine />
-                </div>
-                <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 ? <AiOutlineEye onClick={() => togglePasswordVisibility()} className="eye-icon_login" /> : <AiOutlineEyeInvisible onClick={() => togglePasswordVisibility()} className="eye-icon_login" />}
-              </div>
-              <div className='login_btn_container'>
-                <Button variant="contained" style={{ width: "100%", marginTop: "15px", padding: "10px" }} type="submit">Login</Button>
-              </div>
-            </form>
-          </div>
-        </div>
-
-        <Snackbar
-          open={openAlert}
-          autoHideDuration={6000}
-          onClose={() => setOpenAlert(false)}
-          anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
-        >
-          <Alert onClose={() => setOpenAlert(false)} severity="info" sx={{ width: '30%' }}>
-            {error}
-          </Alert>
-        </Snackbar>
-      </div>
-    </>
-  );
-};
-
-export default Login;

package/src/Reports/CourseReport.js

@@ -1,209 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import axios from 'axios';
-import { Autocomplete, FormControl, Button, Grid, Box, Typography, Paper, Snackbar, Alert, CircularProgress, TextField } from '@mui/material';
-import { useNavigate } from 'react-router-dom';
-import Header from '../components/Header';
-import Sidebar from '../components/sidebar';
-import '../App.css';
-
-function CourseReport() {
-  const [token, setToken] = useState(localStorage.getItem("token"));
-  const navigate = useNavigate();
-  const [subjects, setSubjects] = useState([]);
-  const [courses, setCourses] = useState([]);
-  const [selectedSubject, setSelectedSubject] = useState(null);
-  const [selectedCourse, setSelectedCourse] = useState(null);
-  const [reportTypes] = useState(['Summary', 'Daywise']);
-  const [selectedReportType, setSelectedReportType] = useState(null);
-  const [alertMessage, setAlertMessage] = useState('');
-  const [loading, setLoading] = useState(false);
-  const [alertOpen, setAlertOpen] = useState(false);
-
-  const baseURL = process.env.REACT_APP_BASE_URL
-
-  useEffect(() => {
-    if (token == null) {
-      navigate("/login");
-    } else {
-      fetchAllSubjects();
-    }
-  }, []);
-
-  const fetchAllSubjects = async () => {
-    try {
-      const response = await axios({
-        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 axios({
-        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.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 (
-    <div>
-      <Header />
-      <Sidebar />
-      <div style={{ padding: "100px 0px 0px 100px", marginLeft: "140px" }}>
-        <Box sx={{ maxWidth: 800, mx: 'auto', my: 4, p: 3, backgroundColor: '#f5f5f5', borderRadius: 2 }}>
-          <Paper elevation={6} sx={{ p: 5, textAlign: 'center', backgroundColor: '#fff' }}>
-            <Typography variant="h4" component="h1" gutterBottom sx={{ color: '#3f51b5', marginBottom: "20px" }}>
-              Course Report
-            </Typography>
-            <Grid container spacing={2} justifyContent="center">
-              <Grid item xs={12} sm={4}>
-                <FormControl fullWidth>
-                  <Autocomplete
-                    id="ddlSubject"
-                    options={subjects}
-                    getOptionLabel={(option) => option.subjectName}
-                    value={selectedSubject}
-                    onChange={handleSubjectChange}
-                    renderInput={(params) => <TextField {...params} label="Subject" />}
-                  />
-                </FormControl>
-              </Grid>
-
-              <Grid item xs={12} sm={4}>
-                <FormControl fullWidth>
-                  <Autocomplete
-                    id="ddlCourse"
-                    options={courses}
-                    getOptionLabel={(option) => option.courseName}
-                    value={selectedCourse}
-                    onChange={handleCourseChange}
-                    renderInput={(params) => <TextField {...params} label="Course" />}
-                  />
-                </FormControl>
-              </Grid>
-
-              <Grid item xs={12} sm={4}>
-                <FormControl fullWidth>
-                  <Autocomplete
-                    id="ddlReportType"
-                    options={reportTypes}
-                    getOptionLabel={(option) => option}
-                    value={selectedReportType}
-                    onChange={handleReportTypeChange}
-                    renderInput={(params) => <TextField {...params} label="Report Type" />}
-                  />
-                </FormControl>
-              </Grid>
-            </Grid>
-
-            <Box sx={{ mt: 3, position: 'relative' }}>
-              <Button
-                variant="contained"
-                color="primary"
-                onClick={handleDownload}
-                disabled={!selectedSubject || !selectedCourse || !selectedReportType || loading}
-                sx={{ width: 'auto', backgroundColor: '#3f51b5', '&:hover': { backgroundColor: '#303f9f' } }}
-              >
-                {loading ? 'Downloading...' : 'Download Report'}
-              </Button>
-              {loading && (
-                <CircularProgress
-                  size={24}
-                  sx={{
-                    position: 'absolute',
-                    top: '50%',
-                    left: '50%',
-                    marginTop: '-12px',
-                    marginLeft: '-12px',
-                  }}
-                />
-              )}
-            </Box>
-          </Paper>
-        </Box>
-
-        <Snackbar
-          open={alertOpen}
-          autoHideDuration={6000}
-          onClose={() => setAlertOpen(false)}
-          anchorOrigin={{ vertical: 'top', horizontal: 'center' }}
-        >
-          <Alert onClose={() => setAlertOpen(false)} severity="info" sx={{ width: '100%' }}>
-            {alertMessage}
-          </Alert>
-        </Snackbar>
-      </div>
-    </div>
-  );
-}
-
-export default CourseReport;