latest
This commit is contained in:
parent
165c91d1d0
commit
2b0e3b11be
4
.env
4
.env
|
|
@ -1,4 +1,4 @@
|
|||
# VITE_REACT_APP_BACKEND_URL="https://sandbox.exampaper.vidh.ai"
|
||||
# VTE_REACT_APP_BACKEND_URL="http://localhost:9999"I
|
||||
#VITE_REACT_APP_BACKEND_URL="https://sandbox.exampaper.vidh.ai"
|
||||
METABASE_BASE_URL="http://metabase.usln.in/public/question/d8774923-09bb-4cd9-903b-559d417e12cf"
|
||||
VITE_REACT_APP_BACKEND_URL="https://api.exampaper.vidh.ai"
|
||||
# VITE_REACT_APP_BACKEND_URL="http://localhost:9999"
|
||||
|
|
|
|||
|
|
@ -1,13 +1,29 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import { Box, Button, Card, CardContent, Typography, CircularProgress } from '@mui/material';
|
||||
import { Layout, theme, Pagination } from 'antd';
|
||||
import React, { useEffect, useState } from "react";
|
||||
import {
|
||||
Box,
|
||||
Button,
|
||||
Card,
|
||||
CardContent,
|
||||
Typography,
|
||||
CircularProgress,
|
||||
} from "@mui/material";
|
||||
import { Layout, theme, Pagination } from "antd";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
|
||||
import HomeIcon from "@mui/icons-material/Home";
|
||||
import QueryExecutorCard from './QueryExecutorCard';
|
||||
import { updatePartCErrorList, updatePartCErrorData, updateSelectedError, updateSelectedJson } from '../redux/actions/actions';
|
||||
import { useSelector, useDispatch } from 'react-redux';
|
||||
import SystemNumberDialog from './SystemNumberDialog';
|
||||
import QueryExecutorCard from "./QueryExecutorCard";
|
||||
import {
|
||||
updatePartCErrorList,
|
||||
updatePartCErrorData,
|
||||
updateSelectedError,
|
||||
updateSelectedJson,
|
||||
} from "../redux/actions/actions";
|
||||
import { useSelector, useDispatch } from "react-redux";
|
||||
import SystemNumberDialog from "./SystemNumberDialog";
|
||||
import InputLabel from "@mui/material/InputLabel";
|
||||
import MenuItem from "@mui/material/MenuItem";
|
||||
import FormControl from "@mui/material/FormControl";
|
||||
import Select from "@mui/material/Select";
|
||||
|
||||
const { Content, Header } = Layout;
|
||||
|
||||
|
|
@ -22,20 +38,29 @@ function AnomalyPartC() {
|
|||
const [totalPages, setTotalPages] = useState(1);
|
||||
const [showSystemNoContainer, setShowSystemNoContainer] = useState(false);
|
||||
const [selectedIndex, setSelectedIndex] = useState(null);
|
||||
const [selectedDegreeType, setSelectedDegreeType] = useState("0");
|
||||
const degreeTypes = [
|
||||
{ type: "UG", type_code: "0" },
|
||||
{ type: "PG", type_code: "2" },
|
||||
];
|
||||
|
||||
const handleDegreeTypeChange = (e) => {
|
||||
console.log("Value ===== ", e.target.value);
|
||||
setSelectedDegreeType(e.target.value);
|
||||
};
|
||||
const {
|
||||
token: { colorBgContainer, borderRadiusLG },
|
||||
} = theme.useToken();
|
||||
const navigate = useNavigate();
|
||||
const dispatch = useDispatch();
|
||||
const evErrorsList = useSelector((state) => state?.partCErrorList);
|
||||
console.log("evErrorsList = ", evErrorsList)
|
||||
console.log("evErrorsList = ", evErrorsList);
|
||||
|
||||
const evErrorsData = useSelector((state) => state?.partCErrorData);
|
||||
console.log("evErrorData: ", evErrorsData)
|
||||
console.log("evErrorData: ", evErrorsData);
|
||||
|
||||
const reduxSystemNo = useSelector((state) => state?.systemNumber);
|
||||
console.log("systemno: ", reduxSystemNo)
|
||||
console.log("systemno: ", reduxSystemNo);
|
||||
|
||||
// const selectedError = useSelector((state) => state?.selectedError);
|
||||
// console.log("selectedError: ", selectedError)
|
||||
|
|
@ -44,50 +69,53 @@ function AnomalyPartC() {
|
|||
// console.log("selectedErrorData: ", selectedErrorData)
|
||||
|
||||
const selectedErrorJson = useSelector((state) => state?.selectedErrorJson);
|
||||
console.log("selectedErrorJson: ", selectedErrorJson)
|
||||
|
||||
|
||||
console.log("selectedErrorJson: ", selectedErrorJson);
|
||||
|
||||
useEffect(() => {
|
||||
if(!reduxSystemNo){
|
||||
setShowSystemNoContainer(true)
|
||||
}else{
|
||||
if(evErrorsList.length > 0){
|
||||
setAnomalyData(evErrorsList)
|
||||
}else{
|
||||
if (!reduxSystemNo) {
|
||||
setShowSystemNoContainer(true);
|
||||
} else {
|
||||
if (evErrorsList.length > 0) {
|
||||
setAnomalyData(evErrorsList);
|
||||
} else {
|
||||
fetchAnomalyData();
|
||||
}
|
||||
}
|
||||
|
||||
}, [reduxSystemNo]);
|
||||
|
||||
useEffect(() => {
|
||||
if(!reduxSystemNo){
|
||||
setShowSystemNoContainer(true)
|
||||
}else{
|
||||
if( evErrorsData.length>0){
|
||||
setEvErrors(evErrorsData)
|
||||
if (!reduxSystemNo) {
|
||||
setShowSystemNoContainer(true);
|
||||
} else {
|
||||
if (evErrorsData.length > 0) {
|
||||
setEvErrors(evErrorsData);
|
||||
}
|
||||
if (error && errorReason) {
|
||||
fetchAnomalyRecords(reduxSystemNo);
|
||||
}
|
||||
}
|
||||
|
||||
}, [error, errorReason]);
|
||||
|
||||
useEffect(() => {
|
||||
if (evErrors && evErrors.length > 0) {
|
||||
console.log("len = ", evErrors.length)
|
||||
console.log("len = ", evErrors.length);
|
||||
const tp = Math.ceil(evErrors.length / 10);
|
||||
console.log("tp = ", tp)
|
||||
console.log("tp = ", tp);
|
||||
setTotalPages(tp);
|
||||
}
|
||||
}, [evErrors]);
|
||||
|
||||
useEffect(() => {
|
||||
dispatch(updatePartCErrorData([]));
|
||||
setAnomalyData([]);
|
||||
setEvErrors([]);
|
||||
fetchAnomalyData();
|
||||
}, [selectedDegreeType]);
|
||||
|
||||
const updateSystemReservationStatus = async (systemRecords) => {
|
||||
const payload = {
|
||||
systemRecords,
|
||||
sysNo:reduxSystemNo
|
||||
sysNo: reduxSystemNo,
|
||||
};
|
||||
try {
|
||||
fetch(
|
||||
|
|
@ -115,7 +143,9 @@ function AnomalyPartC() {
|
|||
setIsLoading(true);
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${import.meta.env.VITE_REACT_APP_BACKEND_URL}/getpartcEv`,
|
||||
`${
|
||||
import.meta.env.VITE_REACT_APP_BACKEND_URL
|
||||
}/getpartcEv?degreeType=${selectedDegreeType}`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
|
|
@ -125,8 +155,7 @@ function AnomalyPartC() {
|
|||
);
|
||||
const responseData = await response.json();
|
||||
setAnomalyData(responseData.data);
|
||||
dispatch(updatePartCErrorList(responseData.data))
|
||||
|
||||
dispatch(updatePartCErrorList(responseData.data));
|
||||
} catch (error) {
|
||||
console.error("Error fetching data: ", error);
|
||||
} finally {
|
||||
|
|
@ -144,7 +173,8 @@ function AnomalyPartC() {
|
|||
body: JSON.stringify({
|
||||
error,
|
||||
error_reason: errorReason,
|
||||
sysno: reduxSystemNo
|
||||
sysno: reduxSystemNo,
|
||||
degreeType: selectedDegreeType,
|
||||
}),
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
|
|
@ -152,23 +182,21 @@ function AnomalyPartC() {
|
|||
}
|
||||
);
|
||||
const responseData = await response.json();
|
||||
var systemRecords = responseData?.data
|
||||
console.log("System record ====== ",responseData.systemRecord)
|
||||
if(!responseData.systemRecord){
|
||||
systemRecords = getRecordsBySystemId(
|
||||
responseData?.data,
|
||||
reduxSystemNo
|
||||
);
|
||||
var systemRecords = responseData?.data;
|
||||
console.log("System record ====== ", responseData.systemRecord);
|
||||
if (!responseData.systemRecord) {
|
||||
systemRecords = getRecordsBySystemId(responseData?.data, reduxSystemNo);
|
||||
}
|
||||
updateSystemReservationStatus(systemRecords);
|
||||
console.log("System records : ", systemRecords);
|
||||
|
||||
setEvErrors(systemRecords);
|
||||
dispatch(updatePartCErrorData(systemRecords))
|
||||
} catch (error) {
|
||||
console.error("Error fetching data: ", error);
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
dispatch(updatePartCErrorData(systemRecords));
|
||||
|
||||
updateSystemReservationStatus(systemRecords);
|
||||
} catch (error) {
|
||||
setIsLoading(false);
|
||||
console.error("Error fetching data: ", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -188,11 +216,11 @@ function AnomalyPartC() {
|
|||
setErrorReason(errorReason);
|
||||
setCurrentPage(1);
|
||||
setSelectedIndex(index);
|
||||
let tmp = {}
|
||||
tmp["error"] = error
|
||||
tmp["error_reason"] = errorReason
|
||||
console.log("tmp = ", tmp)
|
||||
dispatch(updateSelectedJson(tmp))
|
||||
let tmp = {};
|
||||
tmp["error"] = error;
|
||||
tmp["error_reason"] = errorReason;
|
||||
console.log("tmp = ", tmp);
|
||||
dispatch(updateSelectedJson(tmp));
|
||||
};
|
||||
|
||||
const handlePageChange = (page) => {
|
||||
|
|
@ -215,10 +243,9 @@ function AnomalyPartC() {
|
|||
const handleSystemNoChange = () => {
|
||||
console.log("System No Change is called");
|
||||
setShowSystemNoContainer(true);
|
||||
dispatch(updateSelectedJson({}))
|
||||
dispatch(updateSelectedJson({}));
|
||||
// dispatch(updatePartCErrorList([]))
|
||||
dispatch(updatePartCErrorData([]))
|
||||
|
||||
dispatch(updatePartCErrorData([]));
|
||||
};
|
||||
|
||||
return (
|
||||
|
|
@ -251,24 +278,60 @@ function AnomalyPartC() {
|
|||
</Box>
|
||||
</Box>
|
||||
</Header>
|
||||
<Content style={{ padding: '24px', backgroundColor: "#5078f2", backgroundImage: "linear-gradient(315deg, #5078f2 0%, #efe9f4 74%)" }}>
|
||||
<Content
|
||||
style={{
|
||||
padding: "24px",
|
||||
backgroundColor: "#5078f2",
|
||||
backgroundImage: "linear-gradient(315deg, #5078f2 0%, #efe9f4 74%)",
|
||||
}}
|
||||
>
|
||||
{isLoading ? (
|
||||
<Box display="flex" justifyContent="center" alignItems="center" height="100%">
|
||||
<Box
|
||||
display="flex"
|
||||
justifyContent="center"
|
||||
alignItems="center"
|
||||
height="100%"
|
||||
>
|
||||
<CircularProgress />
|
||||
</Box>
|
||||
) : (
|
||||
<>
|
||||
{anomalyData && anomalyData.map((item, index) => (
|
||||
<Box className="w-25 d-flex flex-column align-items-start">
|
||||
<h6>Degree Type</h6>
|
||||
<FormControl fullWidth>
|
||||
<Select
|
||||
className="bg-white"
|
||||
value={selectedDegreeType}
|
||||
onChange={handleDegreeTypeChange}
|
||||
>
|
||||
{degreeTypes.map((degree) => (
|
||||
<MenuItem key={degree.type_code} value={degree.type_code}>
|
||||
{degree.type}
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
</FormControl>
|
||||
</Box>
|
||||
{anomalyData &&
|
||||
anomalyData.map((item, index) => (
|
||||
<Card
|
||||
onClick={() => handleClick(item.error, item.error_reason, index)}
|
||||
onClick={() =>
|
||||
handleClick(item.error, item.error_reason, index)
|
||||
}
|
||||
key={index}
|
||||
style={{ margin: '16px', borderRadius: borderRadiusLG,
|
||||
alignItems: 'flex-start', textAlign: 'start', cursor: 'pointer',
|
||||
color:"white",
|
||||
backgroundColor: selectedIndex === index ? '#3f51b5' : '#537895',
|
||||
backgroundImage: selectedIndex === index ?
|
||||
'linear-gradient(315deg, #70a1ff 0%, #c2c0c0 74%);' :
|
||||
'linear-gradient(315deg, #537895 0%, #09203f 74%)'
|
||||
style={{
|
||||
margin: "16px",
|
||||
borderRadius: borderRadiusLG,
|
||||
alignItems: "flex-start",
|
||||
textAlign: "start",
|
||||
cursor: "pointer",
|
||||
color: "white",
|
||||
backgroundColor:
|
||||
selectedIndex === index ? "#3f51b5" : "#537895",
|
||||
backgroundImage:
|
||||
selectedIndex === index
|
||||
? "linear-gradient(315deg, #70a1ff 0%, #c2c0c0 74%);"
|
||||
: "linear-gradient(315deg, #537895 0%, #09203f 74%)",
|
||||
}}
|
||||
>
|
||||
<CardContent>
|
||||
|
|
@ -277,9 +340,9 @@ function AnomalyPartC() {
|
|||
Code: {item.error}
|
||||
</Typography>
|
||||
)}
|
||||
{item['count(*)'] && (
|
||||
{item["count(*)"] && (
|
||||
<Typography id="2" variant="body2" color="whitesmoke">
|
||||
Count: {item['count(*)']}
|
||||
Count: {item["count(*)"]}
|
||||
</Typography>
|
||||
)}
|
||||
{item.error_reason && (
|
||||
|
|
@ -290,9 +353,13 @@ function AnomalyPartC() {
|
|||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
{evErrors && evErrors.length > 0 &&(
|
||||
{evErrors && evErrors.length > 0 && (
|
||||
<>
|
||||
<Box display="flex" justifyContent="center" marginBottom="16px">
|
||||
<Box
|
||||
display="flex"
|
||||
justifyContent="center"
|
||||
marginBottom="16px"
|
||||
>
|
||||
<Pagination
|
||||
current={currentPage}
|
||||
total={totalPages * 10}
|
||||
|
|
@ -300,7 +367,12 @@ function AnomalyPartC() {
|
|||
/>
|
||||
</Box>
|
||||
{isLoading2 ? (
|
||||
<Box display="flex" justifyContent="center" alignItems="center" height="100%">
|
||||
<Box
|
||||
display="flex"
|
||||
justifyContent="center"
|
||||
alignItems="center"
|
||||
height="100%"
|
||||
>
|
||||
<CircularProgress />
|
||||
</Box>
|
||||
) : (
|
||||
|
|
|
|||
Loading…
Reference in New Issue