robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added in documents for case and onlu published

Browse Source
This commit is contained in:
robbond
2021-09-24 15:31:08 +01:00
parent a8df1d1746
commit 287da16b8a
11 changed files with 905 additions and 548 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/case/documents.js
+132 -47
View File
@@ -1,65 +1,150 @@
import Link from "next/link";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";
import jsonpath from "jsonpath";
export default function CaseSummary() {
const DocumentDetails = (props) => {
let { t } = useTranslation();
const {
incidentid,
caseReference,
searchResultsObj,
searchDetailsObj,
documentDetailsObj,
documentHistoryObj,
} = props;
const router = useRouter();
const { locale } = router;
var documentDetailsArr = documentDetailsObj || [];
console.log(documentDetailsObj);
console.log(documentDetailsArr);
const DocumentView = (documentDetailsArr) => {
return (
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 govuk-!-padding-left-2">
{t("case:documents-name-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("case:documents-doc-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("case:documents-date-published-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("case:documents-size-label")}
</dd>
</div>
{documentDetailsArr.map((item, key) => {
console.log(key);
let detailsObj = jsonpath.query(
documentDetailsObj[key],
"$..value[?(@._pinswg_documentids_value=='" +
incidentid +
"')]"
);
detailsObj = detailsObj[0];
if (typeof detailsObj != "undefined") {
var documentHistoryArr = documentHistoryObj || [];
return documentHistoryArr.map((historyItem, key) => {
let historyObj = jsonpath.query(
documentHistoryObj[key],
"$..value[?(@._pinswg_documentid_value=='" +
detailsObj.pinswg_documentid +
"')]"
);
return (
<div
className="govuk-summary-list__row"
key={key}
>
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
{t(
"case:documents-name-label"
)}
:
</span>
{_.has(historyObj[key], [
"_pinswg_documentid_value@OData.Community.Display.V1.FormattedValue",
])
? historyObj[key][
"_pinswg_documentid_value@OData.Community.Display.V1.FormattedValue"
]
: ""}
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
{t("case:documents-doc-type-label")}
:
</span>
{
detailsObj[
"pinswg_isharedocumentlocations@OData.Community.Display.V1.FormattedValue"
]
}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
{t(
"case:documents-date-published-label"
)}
:
</span>
{_.has(historyObj[key], [
"pinswg_publisheddate@OData.Community.Display.V1.FormattedValue",
])
? historyObj[key][
"pinswg_publisheddate@OData.Community.Display.V1.FormattedValue"
]
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
{t("case:documents-size-label")}:
</span>
92
</dd>
</div>
);
});
}
})}
</dl>
);
};
return (
<div>
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h2>Documents</h2>
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 govuk-!-padding-left-2">
{t("case:documents-name-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("case:documents-doc-type-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("case:documents-date-published-label")}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("case:documents-size-label")}
</dd>
{console.log(documentDetailsObj)}
{documentDetailsArr.length > 0 ? (
DocumentView(documentDetailsArr)
) : (
<div className="govuk-grid-row">
<div className="govuk-grid-column-two-thirds">
<h3>There are no documents for this appeal</h3>
</div>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/case">
<a>
<span className="results-visually-hidden">
{t("case:documents-name-label")}:
</span>
3272770 Appeal Decision.pdf
</a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
{t("case:documents-doc-type-label")}:
</span>
Outcome / Decision
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
{t("case:documents-date-published-label")}:
</span>
15/06/2021
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
{t("case:documents-size-label")}:
</span>
92
</dd>
</div>
</dl>
)}
</div>
</div>
</div>
);
}
};
export default DocumentDetails;