{
fontWeight: 'bold',
padding: '4px 8px',
cursor: 'default',
- }}>{file.type.toUpperCase()}
+ }}>{file["Doc Type"].toUpperCase()}
{file.name}
+ maxWidth: '50px',
+ overflow: 'hidden',
+ textOverflow: 'ellipsis',
+ }}>
+ {fileName? fileName.substring(0, 10) : fileName }
+
{
};
+const fetchAllRequests = async (filterDateRange, filterSubsidiaries, filterReviewState, filterIncludeTests, page=1, page_size=20) => {
+ const startDate = (filterDateRange && filterDateRange[0]) ? filterDateRange[0].format('YYYY-MM-DD'): '';
+ const endDate = (filterDateRange && filterDateRange[1]) ? filterDateRange[1].format('YYYY-MM-DD'): '';
+ let filterStr = "";
+ filterStr += `page=${page}&page_size=${page_size}&`;
+ if (filterSubsidiaries) {
+ filterStr += `subsidiary=${filterSubsidiaries}&`;
+ }
+ if (filterReviewState) {
+ filterStr += `is_reviewed=${filterReviewState}&`;
+ }
+ if (filterIncludeTests) {
+ filterStr += `includes_tests=${filterIncludeTests}&`;
+ }
+ if (startDate && endDate) {
+ filterStr += `start_date=${startDate}&end_date=${endDate}&`;
+ }
+ const token = localStorage.getItem('sbt-token') || '';
+ const data = await fetch(`${baseURL}/ctel/request_list/?${filterStr}`, {
+ method: 'GET',
+ headers: {
+ "Authorization": `${JSON.parse(token)}`
+ }
+ })
+ .then(async (res) => {
+ const data = await res.json();
+ return data;
+ });
+ return data;
+};
+
+const fetchRequest = async (id) => {
+ const token = localStorage.getItem('sbt-token') || '';
+ const response = await fetch(`${baseURL}/ctel/request/${id}/`, {
+ method: 'GET',
+ headers: {
+ "Authorization": `${JSON.parse(token)}`
+ }
+ });
+ return await (await response.json()).subscription_requests[0];
+};
+
const ReviewPage = () => {
const [fullscreen, setFullscreen] = useState(false);
const [isModalOpen, setIsModalOpen] = useState(false);
@@ -198,9 +235,86 @@ const ReviewPage = () => {
const selectFileByIndex = (index) => {
setSelectedFileId(index);
};
- const [filterDateRange, setFilterDateRange] = useState(null);
- const [filterSubsidiaries, setFilterSubsidiaries] = useState('');
- const [filterReviewState, setFilterReviewState] = useState('');
+
+ // Default date range: 1 month ago to today
+ const [filterDateRange, setFilterDateRange] = useState([
+ moment().subtract(1,'month'),
+ moment(),
+ ]);
+
+ const [filterSubsidiaries, setFilterSubsidiaries] = useState('ALL');
+ const [filterReviewState, setFilterReviewState] = useState('all');
+ const [filterIncludeTests, setFilterIncludesTests] = useState('true');
+ const [requests, setRequests] = useState([]);
+ const [currentRequest, setCurrentRequest] = useState(null);
+ const [currentRequestIndex, setCurrentRequestIndex] = useState(1);
+ const [hasNextRequest, setHasNextRequest] = useState(true);
+ const [totalPages, setTotalPages] = useState(0);
+
+ const gotoNextRequest = () => {
+ const nextRequestIndex = currentRequestIndex + 1;
+ setCurrentRequestIndex(nextRequestIndex);
+ fetchAllRequests(filterDateRange, filterSubsidiaries, filterReviewState, filterIncludeTests, nextRequestIndex, 2).then((data) => {
+ setRequests(data?.subscription_requests);
+ setHasNextRequest(data?.subscription_requests.length > 1);
+ setTotalPages(data?.page?.total_pages);
+ const requestData = fetchRequest(data?.subscription_requests[0].RequestID);
+ requestData.then(async (data) => {
+ console.log(data)
+ if (data) setCurrentRequest(data);
+ });
+ });
+ };
+
+ const gotoPreviousRequest = () => {
+ if (currentRequestIndex === 1) {
+ return;
+ }
+ const previousRequestIndex = currentRequestIndex - 1;
+ setCurrentRequestIndex(previousRequestIndex);
+ fetchAllRequests(filterDateRange, filterSubsidiaries, filterReviewState, filterIncludeTests, previousRequestIndex, 2).then((data) => {
+ setRequests(data?.subscription_requests);
+ setHasNextRequest(data?.subscription_requests.length > 1);
+ setTotalPages(data?.page?.total_pages);
+ const requestData = fetchRequest(data?.subscription_requests[0].RequestID);
+ requestData.then(async (data) => {
+ console.log(data)
+ if (data) setCurrentRequest(data);
+ });
+ });
+ };
+
+
+ const reloadFilters = () => {
+ setCurrentRequestIndex(1);
+ fetchAllRequests(filterDateRange, filterSubsidiaries, filterReviewState, filterIncludeTests, currentRequestIndex, 2).then((data) => {
+ setTotalPages(data?.page?.total_pages);
+ setRequests(data?.subscription_requests);
+ setHasNextRequest(data?.subscription_requests.length > 1);
+ const firstRequest = fetchRequest(data?.subscription_requests[0].RequestID);
+ firstRequest.then(async (data) => {
+ console.log(firstRequest)
+ if (data) setCurrentRequest(data);
+ });
+ });
+
+ };
+
+ useEffect(() => {
+ setCurrentRequestIndex(1);
+ fetchAllRequests(filterDateRange, filterSubsidiaries, filterReviewState, filterIncludeTests, currentRequestIndex, 2).then((data) => {
+ setTotalPages(data?.page?.total_pages);
+ setRequests(data?.subscription_requests);
+ setHasNextRequest(data?.subscription_requests.length > 1);
+ const firstRequest = fetchRequest(data?.subscription_requests[0].RequestID);
+ firstRequest.then(async (data) => {
+ console.log(firstRequest)
+ if (data) setCurrentRequest(data);
+ });
+ });
+ }, []);
+
+ const fileURL = currentRequest ? baseURL + currentRequest["Files"][selectedFileId]["File URL"].replace("http://be-ctel-sbt:9000/api", "") : "dummy.pdf";
return (
{
width: '100%',
height: '100%',
maxWidth: '100%',
- minHeight: '60%',
- maxHeight: '60%',
+ minHeight: '70%',
+ maxHeight: '70%',
display: 'flex',
padding: '8px',
}}>
@@ -249,10 +363,10 @@ const ReviewPage = () => {
style={{
color: "#333",
padding: 10,
- fontWeight: 'bold'
+ fontWeight: 'bold'
}}
- >Files ({fileList.length})
- {fileList.map((file, index) => (
+ >Files ({currentRequest?.Files?.length})
+ {currentRequest?.Files.map((file, index) => (
{
setSelectedFileId(index);
@@ -267,7 +381,7 @@ const ReviewPage = () => {
}}>
{
}} />
-
+
-
+
-
- Request Review
-
-
-
-
-
+ {totalPages ? ("Request: " + currentRequestIndex + "/" + totalPages) : "No Request. Adjust your search criteria to see more results."}
+
+ "} />
+
+
+
{/*
} color="warning" style={{ padding: "4px 16px", marginLeft: 8 }}>
@@ -330,6 +459,7 @@ const ReviewPage = () => {
onOk={
() => {
setIsModalOpen(false);
+ reloadFilters();
}
}
onCancel={
@@ -359,40 +489,42 @@ const ReviewPage = () => {
{
- console.log(value);
setFilterDateRange(value);
}}
style={{ width: 200 }}
/>
-
-
+
+ value={filterSubsidiaries}
+ defaultValue={filterSubsidiaries}
+ onChange={setFilterSubsidiaries}
+ />
+
+
{
message: 'Please select review status',
},
]}
+ >
+
+
+
-
-