kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-03-04 14:49:27 -06:00
parent d27e5b8f6f
commit 15ee9bf1ef
3 changed files with 46 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.js
View File

@@ -101,7 +101,7 @@ function App() {
/> />
<Route <Route
exact exact
path="/documents/?:documentId/?:documentType/?:caseId" path="/documents/:docId?/:docType?"
element={ element={
<PrivateRoute> <PrivateRoute>
<DocumentListPage perPage={10} /> <DocumentListPage perPage={10} />

4
src/Components/Case/CaseDetailsPage.js
View File

@@ -38,8 +38,8 @@ const CaseDetailsPage = () => {
const handleNavigate = (docId, caseId) => { const handleNavigate = (docId, caseId) => {
//documentId, responseGenerations, caseId, documentType //documentId, responseGenerations, caseId, documentType
let documentType = "interrogatories"; let documentType = "interrogatories";
const documentId = docId;
navigate(`/documents/${documentId}/${documentType}/${caseId}`); navigate(`/documents/${docId}/${documentType}/${caseId}`);
}; };
const handleNavEdit = (documentId, reqType, caseId) => { const handleNavEdit = (documentId, reqType, caseId) => {

116
src/Components/Document/DocumentListPage.js
View File

@@ -22,7 +22,7 @@ import "../../styles/doclist-page.scss";
const DocumentListPage = ({ perPage }) => { const DocumentListPage = ({ perPage }) => {
const size = window.innerWidth < 440; const size = window.innerWidth < 440;
const { documentId, documentType, caseId } = useParams(); const { docId, documentType, caseId } = useParams();
const [isMobile, setIsMobile] = useState(size); const [isMobile, setIsMobile] = useState(size);
const { appState } = useContext(AppContext); const { appState } = useContext(AppContext);
const count = useRef(null); const count = useRef(null);
@@ -33,7 +33,6 @@ const DocumentListPage = ({ perPage }) => {
const [allResponseDocs, setAllResponseDocs] = useState(null); const [allResponseDocs, setAllResponseDocs] = useState(null);
const [allRequestDocs, setAllRequestDocs] = useState(null); const [allRequestDocs, setAllRequestDocs] = useState(null);
const [totalPages, setTotalPages] = useState(1); const [totalPages, setTotalPages] = useState(1);
const [docId, setDocId] = useState(documentId);
const { group } = appState; const { group } = appState;
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
const [order, setOrder] = useState("parentCaseName"); const [order, setOrder] = useState("parentCaseName");
@@ -43,6 +42,7 @@ const DocumentListPage = ({ perPage }) => {
const [selectedDocumentType, setSelectedDocumentType] = useState(); const [selectedDocumentType, setSelectedDocumentType] = useState();
const [showModal, setShowModal] = useState(false); const [showModal, setShowModal] = useState(false);
const [verbValue, setVerbValue] = useState(1); const [verbValue, setVerbValue] = useState(1);
const apiUrl = const apiUrl =
process.env.NODE_ENV === "development" process.env.NODE_ENV === "development"
? process.env.REACT_APP_API_DEV ? process.env.REACT_APP_API_DEV
@@ -61,36 +61,17 @@ const DocumentListPage = ({ perPage }) => {
}; };
}, []); }, []);
async function generateResponsesCombined() { async function generateResponses(docId) {
if (!docId) { /*
if (responsesCreated > 0) {
return; return;
} }
const docType = String(documentType); */
const isRequests = false; console.log("docId in generate responses", docId);
//const docType = String(documentType);
try { //TODO: remove isRequests var
fetch(
`${apiUrl}/genResponseFromArrayCombined/${docId}/${docType}/${isRequests}`,
{
method: "GET",
}
)
.then(function (response) {
return response.json();
})
.catch((err) => console.log(err));
} catch (err) {
console.log("err", err);
}
}
async function generateResponses() {
if (!docId) {
return;
}
const docId = String(documentId);
const docType = String(documentType);
const isRequests = false; const isRequests = false;
const docType = "interrogatories";
try { try {
fetch( fetch(
`${apiUrl}/genResponseFromArray/${docId}/${docType}/${isRequests}`, `${apiUrl}/genResponseFromArray/${docId}/${docType}/${isRequests}`,
@@ -101,7 +82,6 @@ const DocumentListPage = ({ perPage }) => {
.then(function (response) { .then(function (response) {
return response.json(); return response.json();
}) })
.catch((err) => console.log(err)); .catch((err) => console.log(err));
} catch (err) { } catch (err) {
console.log("err", err); console.log("err", err);
@@ -109,22 +89,13 @@ const DocumentListPage = ({ perPage }) => {
} }
useEffect(() => { useEffect(() => {
if (!documentId || !documentType) { if (!documentId) {
return; return;
} }
if (documentType == "combined-numbered") { console.log("useEffect fired in doc list to gen responses");
try { generateResponses(documentId).then((response) => {
const res = generateResponsesCombined(documentId, documentType); console.log("response", response);
} catch (err) { });
console.log(err);
}
} else {
try {
const res = generateResponses(documentId, documentType);
} catch (err) {
console.log(err);
}
}
}, [documentId]); }, [documentId]);
function getRequests() { function getRequests() {
@@ -298,18 +269,22 @@ const DocumentListPage = ({ perPage }) => {
{allResponseDocs === null && allRequestDocs === null ? ( {allResponseDocs === null && allRequestDocs === null ? (
<div>Loading...</div> <div>Loading...</div>
) : null} ) : null}
<div className="document-list-upper-wrapper"> {allRequestDocs != null && allRequestDocs.length > 0 ? (
<div className="list-upper-left">Discovery Request Documents</div> <div className="document-list-upper-wrapper">
<div className="list-upper-right"> <div className="list-upper-left">Discovery Request Documents</div>
<div className="d-flex justify-content-end mb-3"> <div className="list-upper-right">
<SelectDropdown <div className="d-flex justify-content-end mb-3">
dropDownOptions={dropDownOptions} <SelectDropdown
titleText="Sort documents" dropDownOptions={dropDownOptions}
handleSelect={setOrder} titleText="Sort documents"
/> handleSelect={setOrder}
/>
</div>
</div> </div>
</div> </div>
</div> ) : (
<></>
)}
<div className="document-list-lower-wrapper"> <div className="document-list-lower-wrapper">
{allRequestDocs?.length > 0 ? ( {allRequestDocs?.length > 0 ? (
allRequestDocs allRequestDocs
@@ -335,18 +310,22 @@ const DocumentListPage = ({ perPage }) => {
<></> <></>
)} )}
</div> </div>
<div className="document-list-upper-wrapper"> {allResponseDocs != null && allResponseDocs.length > 0 ? (
<div className="list-upper-left">Discovery Response Documents</div> <div className="document-list-upper-wrapper">
<div className="list-upper-right"> <div className="list-upper-left">Discovery Response Documents</div>
<div className="d-flex justify-content-end mb-3"> <div className="list-upper-right">
<SelectDropdown <div className="d-flex justify-content-end mb-3">
dropDownOptions={dropDownOptions} <SelectDropdown
titleText="Sort documents" dropDownOptions={dropDownOptions}
handleSelect={setOrder} titleText="Sort documents"
/> handleSelect={setOrder}
/>
</div>
</div> </div>
</div> </div>
</div> ) : (
<></>
)}
<div className="document-list-lower-wrapper"> <div className="document-list-lower-wrapper">
{allResponseDocs?.length > 0 ? ( {allResponseDocs?.length > 0 ? (
allResponseDocs allResponseDocs
@@ -474,15 +453,6 @@ export default DocumentListPage;
</div> </div>
) : null} ) : null}
<div className="toggle-outer"> <div className="toggle-outer">
<div className="toggle-header"> Response Verbosity</div> <div className="toggle-header"> Response Verbosity</div>
<div className="toggle-box"> <div className="toggle-box">