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

Merge branch 'Development' into 7375-sort-by-columns

Browse Source
This commit is contained in:
robbond
2022-01-31 12:17:35 +00:00
parent 9d55adb26d 8537793b7e
commit 3cecafc380
11 changed files with 568 additions and 513 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/case/documents.js
+114 -103
View File
@@ -75,115 +75,130 @@ const DocumentDetails = (props) => {
{t("case:documents-size-label")} {t("case:documents-size-label")}
</dd> */} </dd> */}
</div> </div>
{showSpinnerState == true ? (
<div className="govuk-summary-list__row">
<div className="govuk-!-margin-top-4 govuk-!-margin-bottom-4 govuk-!-font-weight-bold govuk-!-font-size-20 ">
{t("common:spinner-fetching-data")}
<img
className="data-loading-icon"
src="/assets/images/loading.gif"
alt={
router.locale == "cy"
? "Nôl data"
: "Fetching data"
}
/>
</div>
</div>
) : (
documentDetailsArr.map((item) => {
let detailsObj = jsonpath.query(
item,
"$..[?(@._pinswg_documentids_value=='" +
incidentid +
"')]"
);
detailsObj = item;
{documentDetailsArr.map((item) => { if (typeof detailsObj != "undefined") {
let detailsObj = jsonpath.query( var documentHistoryArr =
item, documentHistoryObj || [];
"$..[?(@._pinswg_documentids_value=='" + return documentHistoryArr.map(
incidentid + (historyItem, key) => {
"')]" let historyObj = jsonpath.query(
); documentHistoryObj[key],
detailsObj = item; "$..value[?(@._pinswg_documentid_value=='" +
detailsObj.pinswg_documentid +
"')]"
);
if (typeof detailsObj != "undefined") { historyObj = historyObj[0];
var documentHistoryArr = documentHistoryObj || []; return !_.isEmpty(historyObj) ? (
return documentHistoryArr.map( <div
(historyItem, key) => { className="govuk-summary-list__row"
let historyObj = jsonpath.query( key={key}
documentHistoryObj[key], >
"$..value[?(@._pinswg_documentid_value=='" + <dd className="govuk-summary-list__value govuk-!-font-size-16 ">
detailsObj.pinswg_documentid + <a
"')]" href={
); detailsObj.pinswg_hashlink
}
historyObj = historyObj[0]; >
return !_.isEmpty(historyObj) ? ( <span className="results-visually-hidden">
<div {t(
className="govuk-summary-list__row" "case:documents-name-label"
key={key} )}
> :
<dd className="govuk-summary-list__value govuk-!-font-size-16 "> </span>
<a {_.has(historyObj, [
href={ "_pinswg_documentid_value@OData.Community.Display.V1.FormattedValue",
detailsObj.pinswg_hashlink ])
} ? historyObj[
> "_pinswg_documentid_value@OData.Community.Display.V1.FormattedValue"
]
: ""}
</a>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"case:documents-name-label" "case:documents-doc-type-label"
)} )}
: :
</span> </span>
{router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
detailsObj[
"pinswg_isharedocumentlocations@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: detailsObj[
"pinswg_isharedocumentlocations@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-no-date-entered-label"
)}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"case:documents-date-published-label"
)}
:
</span>
{_.has(historyObj, [ {_.has(historyObj, [
"_pinswg_documentid_value@OData.Community.Display.V1.FormattedValue", "pinswg_publisheddate@OData.Community.Display.V1.FormattedValue",
]) ])
? historyObj[ ? formatDates(
"_pinswg_documentid_value@OData.Community.Display.V1.FormattedValue" historyObj.pinswg_publisheddate
] )
: ""} : ""}
</a> </dd>
</dd> {/* <dd className="govuk-summary-list__value govuk-!-font-size-16">
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"case:documents-doc-type-label"
)}
:
</span>
{router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
detailsObj[
"pinswg_isharedocumentlocations@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: detailsObj[
"pinswg_isharedocumentlocations@OData.Community.Display.V1.FormattedValue"
] ||
t(
"case:summary-no-date-entered-label"
)}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"case:documents-date-published-label"
)}
:
</span>
{_.has(historyObj, [
"pinswg_publisheddate@OData.Community.Display.V1.FormattedValue",
])
? formatDates(
historyObj[
"pinswg_publisheddate@OData.Community.Display.V1.FormattedValue"
]
)
: ""}
</dd>
{/* <dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t("case:documents-size-label")}: {t("case:documents-size-label")}:
</span> </span>
92 92
</dd> */} </dd> */}
</div> </div>
) : ( ) : (
"" ""
); );
} }
); );
} }
})} })
)}
</dl> </dl>
<PaginationControl <PaginationControl
currentPage={currentPage} currentPage={currentPage}
searchResultsObj={documentDetailsObj} searchResultsObj={documentDetailsObj}
// spinnerState={spinnerState} spinnerState={spinnerState}
getDocumentResults={getDocumentResults} getDocumentResults={getDocumentResults}
/> />
</> </>
@@ -203,7 +218,6 @@ const DocumentDetails = (props) => {
(result) => { (result) => {
setDocumentHistory(result); setDocumentHistory(result);
setDocumentSearchState(true); setDocumentSearchState(true);
return result; return result;
} }
); );
@@ -238,16 +252,13 @@ const DocumentDetails = (props) => {
const getDocumentResults = (pageNumber) => { const getDocumentResults = (pageNumber) => {
getSearchDocumentDetailsPaged(incidentid, pageNumber) getSearchDocumentDetailsPaged(incidentid, pageNumber)
.then((data) => { .then((data) => data)
//console.log(data);
setDocumentDetails(data);
return data;
})
.then((data) => { .then((data) => {
//console.log("getting details", data); //console.log("getting details", data);
setDocumentDetails(data);
return getDocumentHistory(data.value).then((data) => { return getDocumentHistory(data.value).then((data) => {
setDocumentHistory(data); setDocumentHistory(data);
//setShowSpinnerState(false); setShowSpinnerState(false);
}); });
}); });
}; };
@@ -325,13 +336,13 @@ const DocumentDetails = (props) => {
) )
: pagesCount; : pagesCount;
//const [showSpinnerState, setShowSpinnerState] = useState(false); const [showSpinnerState, setShowSpinnerState] = useState(false);
// let spinnerState = () => { let spinnerState = () => {
// showSpinnerState == true showSpinnerState == true
// ? setShowSpinnerState(false) ? setShowSpinnerState(false)
// : setShowSpinnerState(true); : setShowSpinnerState(true);
// }; };
const [showDocumentSearchState, setDocumentSearchState] = useState(false); const [showDocumentSearchState, setDocumentSearchState] = useState(false);
components/case/pagination.js
+5 -5
View File
@@ -81,8 +81,8 @@ const PaginationControl = (props) => {
<span <span
className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem leftTextButton" className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem leftTextButton"
onClick={() => { onClick={() => {
// spinnerState(), spinnerState(),
getDocumentResults(currentPage - 1); getDocumentResults(currentPage - 1);
}} }}
> >
{t("common:previous-link-button")} {t("common:previous-link-button")}
@@ -114,7 +114,7 @@ const PaginationControl = (props) => {
className="govuk-body govuk-link govuk-!-padding-2 govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem" className="govuk-body govuk-link govuk-!-padding-2 govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem"
key={i} key={i}
onClick={() => { onClick={() => {
// spinnerState(); spinnerState();
console.log(i + 1); console.log(i + 1);
getDocumentResults(i + 1); getDocumentResults(i + 1);
}} }}
@@ -129,8 +129,8 @@ const PaginationControl = (props) => {
<span <span
className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem rightTextButton" className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem rightTextButton"
onClick={() => { onClick={() => {
// spinnerState(), spinnerState(),
getDocumentResults(currentPage + 1); getDocumentResults(currentPage + 1);
}} }}
> >
{t("common:next-link-button")} {t("common:next-link-button")}
components/search/dnssearchresults.js
+170 -154
View File
@@ -38,13 +38,13 @@ const DNSSearchResults = (props) => {
var resultsArr = searchResultsObj.value || []; var resultsArr = searchResultsObj.value || [];
//const [showSpinnerState, setShowSpinnerState] = useState(false); const [showSpinnerState, setShowSpinnerState] = useState(false);
// let spinnerState = () => { let spinnerState = () => {
// showSpinnerState == true showSpinnerState == true
// ? setShowSpinnerState(false) ? setShowSpinnerState(false)
// : setShowSpinnerState(true); : setShowSpinnerState(true);
// }; };
const ResultsView = (resultsArr) => { const ResultsView = (resultsArr) => {
return ( return (
@@ -70,163 +70,180 @@ const DNSSearchResults = (props) => {
</dd> </dd>
</div> </div>
{resultsArr.map((item, key) => { {showSpinnerState == true ? (
let detailsObj = jsonpath.query( <div className="govuk-summary-list__row">
searchDetailsObj, <div className="govuk-!-margin-top-9 govuk-!-margin-bottom-9 govuk-!-font-weight-bold govuk-!-font-size-20 ">
"$..value[?(@.pinswg_name=='" + {t("common:spinner-fetching-data")}
item.title + <img
"')]" className="data-loading-icon"
); src="/assets/images/loading.gif"
detailsObj = detailsObj[0]; alt={
router.locale == "cy"
? "Nôl data"
: "Fetching data"
}
/>
</div>
</div>
) : (
resultsArr.map((item, key) => {
let detailsObj = jsonpath.query(
searchDetailsObj,
"$..value[?(@.pinswg_name=='" +
item.title +
"')]"
);
detailsObj = detailsObj[0];
return ( return (
<div <div
className="govuk-summary-list__row" className="govuk-summary-list__row"
key={key} key={key}
> >
<dd className="govuk-summary-list__value govuk-!-font-size-16 "> <dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<Link <Link
href={ href={
router.locale == "cy" router.locale == "cy"
? "/manyliondns" ? "/manyliondns"
: "/dnsdetails" : "/dnsdetails"
} }
>
<a
className="govuk-link--no-underline"
onClick={() => {
setCurrentReference({
"currentReference":
item.title,
"currentType":
"searchResultsObj",
"incidentid":
item.incidentid,
"appealType":
item.pinswg_appealcasetype,
});
}}
> >
<span className="results-visually-hidden"> <a
{t( className="govuk-link--no-underline"
"search:searchresults-case-reference-label" onClick={() => {
)} setCurrentReference({
: "currentReference":
</span> item.title,
{item.title} "currentType":
</a> "searchResultsObj",
</Link> "incidentid":
</dd> item.incidentid,
<dd className="govuk-summary-list__value govuk-!-font-size-16"> "appealType":
<span className="results-visually-hidden"> item.pinswg_appealcasetype,
{t( });
"search:searchresults-site-address-label" }}
)} >
: <span className="results-visually-hidden">
</span> {t(
{_.has( "search:searchresults-case-reference-label"
detailsObj, )}
"pinswg_siteaddressline1" :
) </span>
? detailsObj.pinswg_siteaddressline1 {item.title}
: ""} </a>
<br /> </Link>
{_.has( </dd>
detailsObj, <dd className="govuk-summary-list__value govuk-!-font-size-16">
"pinswg_siteaddressline1" <span className="results-visually-hidden">
) {t(
? detailsObj.pinswg_siteaddressline2 "search:searchresults-site-address-label"
: ""} )}
<br /> :
{_.has( </span>
detailsObj, {_.has(
"pinswg_siteaddressline1" detailsObj,
) "pinswg_siteaddressline1"
? detailsObj.pinswg_siteaddresstown )
: ""} ? detailsObj.pinswg_siteaddressline1
<br /> : ""}
{_.has( <br />
detailsObj, {_.has(
"pinswg_siteaddressline1" detailsObj,
) "pinswg_siteaddressline1"
? detailsObj.pinswg_siteaddresscounty )
: ""} ? detailsObj.pinswg_siteaddressline2
<br /> : ""}
{_.has( <br />
detailsObj, {_.has(
"pinswg_siteaddressline1" detailsObj,
) "pinswg_siteaddressline1"
? detailsObj.pinswg_siteaddresspostcode )
: ""} ? detailsObj.pinswg_siteaddresstown
</dd> : ""}
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <br />
<span className="results-visually-hidden"> {_.has(
{t( detailsObj,
"search:searchresults-applicant-label" "pinswg_siteaddressline1"
)} )
: ? detailsObj.pinswg_siteaddresscounty
</span> : ""}
{_.has(detailsObj, [ <br />
"_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue", {_.has(
]) detailsObj,
? detailsObj[ "pinswg_siteaddressline1"
"_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue" )
] ? detailsObj.pinswg_siteaddresspostcode
: ""} : ""}
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-authority-label" "search:searchresults-applicant-label"
)} )}
: :
</span> </span>
{_.has(detailsObj, [ {_.has(detailsObj, [
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue", "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue",
]) ])
? router.locale == "cy" ? detailsObj[
"_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue"
]
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-authority-label"
)}
:
</span>
{_.has(detailsObj, [
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue",
])
? router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
detailsObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: detailsObj[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || "N/A"
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-status-label"
)}
:
</span>
{router.locale == "cy"
? jsonpath.query( ? jsonpath.query(
transLookup, transLookup,
'$..[?(@.value=="' + '$..[?(@.value=="' +
detailsObj[ item[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] + ] +
'")].value_cy' '")].value_cy'
) )
: detailsObj[ : item[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "statuscode@OData.Community.Display.V1.FormattedValue"
] || "N/A" ] || "N/A"}
: ""} </dd>
</dd> </div>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> );
<span className="results-visually-hidden"> })
{t( )}
"search:searchresults-status-label"
)}
:
</span>
{router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
item[
"statuscode@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: item[
"statuscode@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
</dd>
</div>
);
})}
</dl> </dl>
<PaginationControl <PaginationControl
currentPage={currentPage} currentPage={currentPage}
searchResultsObj={searchResultsObj} searchResultsObj={searchResultsObj}
// spinnerState={spinnerState} spinnerState={spinnerState}
getSearchPageResults={getSearchPageResults} getSearchPageResults={getSearchPageResults}
/> />
</div> </div>
@@ -260,14 +277,13 @@ const DNSSearchResults = (props) => {
getBasicDNSSearchPaged(pageNumber) getBasicDNSSearchPaged(pageNumber)
.then((data) => { .then((data) => {
setSearchResults(data);
return data; return data;
}) })
.then((data) => { .then((data) => {
//console.log("getting details", data); setSearchResults(data);
return getSearchDetailsPaged(data).then((data) => { return getSearchDetailsPaged(data).then((data) => {
setSearchDetails(data); setSearchDetails(data);
//setShowSpinnerState(false); setShowSpinnerState(false);
}); });
}); });
}; };
components/search/pagination.js
+6 -14
View File
@@ -9,7 +9,7 @@ const PaginationControl = (props) => {
searchString, searchString,
searchResultsObj, searchResultsObj,
currentPage, currentPage,
// spinnerState, spinnerState,
getSearchPageResults, getSearchPageResults,
} = props; } = props;
let { t } = useTranslation(); let { t } = useTranslation();
@@ -83,12 +83,8 @@ const PaginationControl = (props) => {
<span <span
className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem leftTextButton" className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem leftTextButton"
onClick={() => { onClick={() => {
// spinnerState(), spinnerState(),
getSearchPageResults( getSearchPageResults(currentPage - 1);
currentPage - 1,
orderBy,
fieldSort
);
}} }}
> >
{t("common:previous-link-button")} {t("common:previous-link-button")}
@@ -120,7 +116,7 @@ const PaginationControl = (props) => {
className="govuk-body govuk-link govuk-!-padding-2 govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem" className="govuk-body govuk-link govuk-!-padding-2 govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem"
key={i} key={i}
onClick={() => { onClick={() => {
// spinnerState(); spinnerState();
console.log(i + 1); console.log(i + 1);
getSearchPageResults( getSearchPageResults(
i + 1, i + 1,
@@ -139,12 +135,8 @@ const PaginationControl = (props) => {
<span <span
className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem rightTextButton" className="govuk-body govuk-link govuk-!-font-weight-bold govuk-link--no-underline activePaginationItem rightTextButton"
onClick={() => { onClick={() => {
// spinnerState(), spinnerState(),
getSearchPageResults( getSearchPageResults(currentPage + 1);
currentPage + 1,
orderBy,
fieldSort
);
}} }}
> >
{t("common:next-link-button")} {t("common:next-link-button")}
components/search/searchresults.js
+262 -236
View File
@@ -66,13 +66,13 @@ const SearchResults = (props) => {
var resultsArr = searchResultsObj.value || []; var resultsArr = searchResultsObj.value || [];
// const [showSpinnerState, setShowSpinnerState] = useState(false); const [showSpinnerState, setShowSpinnerState] = useState(false);
// let spinnerState = () => { let spinnerState = () => {
// showSpinnerState == true showSpinnerState == true
// ? setShowSpinnerState(false) ? setShowSpinnerState(false)
// : setShowSpinnerState(true); : setShowSpinnerState(true);
// }; };
const cookies = parseCookies(); const cookies = parseCookies();
@@ -222,251 +222,280 @@ const SearchResults = (props) => {
<dd className="govuk-summary-list__key govuk-!-font-size-16 govuk-summary-list__action"></dd> <dd className="govuk-summary-list__key govuk-!-font-size-16 govuk-summary-list__action"></dd>
)} )}
</div> </div>
{showSpinnerState == true ? (
{resultsArr.map((item, key) => { <div className="govuk-summary-list__row">
let detailsObj = jsonpath.query( <div className="govuk-!-margin-top-9 govuk-!-margin-bottom-9 govuk-!-font-weight-bold govuk-!-font-size-20 ">
searchDetailsObj, {t("common:spinner-fetching-data")}
"$..value[?(@.pinswg_name=='" + item.title + "')]" <img
); className="data-loading-icon"
detailsObj = detailsObj[0]; src="/assets/images/loading.gif"
return ( alt={
<div className="govuk-summary-list__row" key={key}> router.locale == "cy"
<dd className="govuk-summary-list__value govuk-!-font-size-16 "> ? "Nôl data"
<Link : "Fetching data"
href={ }
router.locale == "cy" />
? myportal == true </div>
? "/fymhorth/achos" </div>
: "/achos" ) : (
: myportal == true resultsArr.map((item, key) => {
? "/myportal/case" let detailsObj = jsonpath.query(
: "/case" searchDetailsObj,
} "$..value[?(@.pinswg_name=='" +
> item.title +
<a "')]"
className="govuk-link--no-underline" );
onClick={() => { detailsObj = detailsObj[0];
setCurrentReference({ return (
"currentReference": <div
item.title, className="govuk-summary-list__row"
"currentType": key={key}
"searchResultsObj", >
"incidentid": <dd className="govuk-summary-list__value govuk-!-font-size-16 ">
item.incidentid, <Link
"appealType": href={
item.pinswg_appealcasetype, router.locale == "cy"
}); ? myportal == true
}} ? "/fymhorth/achos"
: "/achos"
: myportal == true
? "/myportal/case"
: "/case"
}
> >
<span className="results-visually-hidden"> <a
{t( className="govuk-link--no-underline"
"search:searchresults-case-reference-label" onClick={() => {
)} setCurrentReference({
: "currentReference":
</span> item.title,
{item.title} "currentType":
</a> "searchResultsObj",
</Link> "incidentid":
</dd> item.incidentid,
<dd className="govuk-summary-list__value govuk-!-font-size-16"> "appealType":
<span className="results-visually-hidden"> item.pinswg_appealcasetype,
{t( });
"search:searchresults-site-address-label" }}
)} >
: <span className="results-visually-hidden">
</span> {t(
{_.has( "search:searchresults-case-reference-label"
detailsObj, )}
"pinswg_siteaddressline1" :
) </span>
? detailsObj.pinswg_siteaddressline1 {item.title}
: ""} </a>
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-site-address-label"
)}
:
</span>
{_.has(
detailsObj,
"pinswg_siteaddressline1"
)
? detailsObj.pinswg_siteaddressline1
: ""}
{/* {detailsObj.pinswg_siteaddressline1 != {/* {detailsObj.pinswg_siteaddressline1 !=
null && <br />} */} null && <br />} */}
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_siteaddressline1" "pinswg_siteaddressline1"
) && ) &&
detailsObj.pinswg_siteaddressline1 != detailsObj.pinswg_siteaddressline1 !=
null && <br />} null && <br />}
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_siteaddressline1" "pinswg_siteaddressline1"
) )
? detailsObj.pinswg_siteaddressline2 ? detailsObj.pinswg_siteaddressline2
: ""} : ""}
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_siteaddressline2" "pinswg_siteaddressline2"
) && ) &&
detailsObj.pinswg_siteaddressline2 != detailsObj.pinswg_siteaddressline2 !=
null && <br />} null && <br />}
{_.has(detailsObj, "pinswg_siteaddresstown") {_.has(
? detailsObj.pinswg_siteaddresstown detailsObj,
: ""} "pinswg_siteaddresstown"
{_.has( )
detailsObj, ? detailsObj.pinswg_siteaddresstown
"pinswg_siteaddresstown" : ""}
) && {_.has(
detailsObj.pinswg_siteaddresstown != detailsObj,
null && <br />} "pinswg_siteaddresstown"
) &&
detailsObj.pinswg_siteaddresstown !=
null && <br />}
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_siteaddresscounty" "pinswg_siteaddresscounty"
) )
? detailsObj.pinswg_siteaddresscounty ? detailsObj.pinswg_siteaddresscounty
: ""} : ""}
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_siteaddresscounty" "pinswg_siteaddresscounty"
) && ) &&
detailsObj.pinswg_siteaddresscounty != detailsObj.pinswg_siteaddresscounty !=
null && <br />} null && <br />}
{_.has( {_.has(
detailsObj, detailsObj,
"pinswg_siteaddresspostcode" "pinswg_siteaddresspostcode"
) )
? detailsObj.pinswg_siteaddresspostcode ? detailsObj.pinswg_siteaddresspostcode
: ""} : ""}
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-applicant-label" "search:searchresults-applicant-label"
)} )}
: :
</span> </span>
{_.has(detailsObj, [ {_.has(detailsObj, [
"_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue", "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue",
]) ])
? detailsObj[ ? detailsObj[
"_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue" "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue"
] ]
: ""} : ""}
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"search:searchresults-authority-label" "search:searchresults-authority-label"
)} )}
: :
</span> </span>
{_.has(item, [ {_.has(item, [
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue", "_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue",
]) ])
? router.locale == "cy" ? router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
item[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: item[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue"
] || "N/A"
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-case-type-label"
)}
:
</span>
{router.locale == "cy"
? jsonpath.query( ? jsonpath.query(
transLookup, transLookup,
'$..[?(@.value=="' + '$..[?(@.value=="' +
item[ item[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] + ] +
'")].value_cy' '")].value_cy'
) )
: item[ : item[
"_pinswg_associatedlpa_value@OData.Community.Display.V1.FormattedValue" "pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || "N/A" ] || "N/A"}
: ""}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"search:searchresults-case-type-label"
)}
:
</span>
{router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
item[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: item[
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t("search:searchresults-status-label")}
:
</span>
{router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
item[
"statuscode@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: item[
"statuscode@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
</dd>
{myportal == true && (
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-summary-list__action">
{isWatchedCase(item.incidentid).length >
0 ==
true ? (
<span
className="govuk-summary-list__actionLink watched_link"
onClick={() => {
deleteItem(
isWatchedCase(
item.incidentid
)[0].pinswg_watchlistid,
"watchedCases"
);
alert(
"You have stopped watching case " +
item.title
);
}}
title="Stop watching this case"
>
&minus;
</span>
) : (
<span
className="govuk-summary-list__actionLink"
onClick={() => {
selectWatchedCase(
cookies.pinsUser,
item.incidentid,
item.pinswg_appealcasetype
);
alert(
"You are watching case " +
item.title
);
}}
title="Watch this case"
>
+
</span>
)}
</dd> </dd>
)} <dd className="govuk-summary-list__value govuk-!-font-size-16">
</div> <span className="results-visually-hidden">
); {t(
})} "search:searchresults-status-label"
)}
:
</span>
{router.locale == "cy"
? jsonpath.query(
transLookup,
'$..[?(@.value=="' +
item[
"statuscode@OData.Community.Display.V1.FormattedValue"
] +
'")].value_cy'
)
: item[
"statuscode@OData.Community.Display.V1.FormattedValue"
] || "N/A"}
</dd>
{myportal == true && (
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-summary-list__action">
{isWatchedCase(item.incidentid)
.length >
0 ==
true ? (
<span
className="govuk-summary-list__actionLink watched_link"
onClick={() => {
deleteItem(
isWatchedCase(
item.incidentid
)[0]
.pinswg_watchlistid,
"watchedCases"
);
alert(
"You have stopped watching case " +
item.title
);
}}
title="Stop watching this case"
>
&minus;
</span>
) : (
<span
className="govuk-summary-list__actionLink"
onClick={() => {
selectWatchedCase(
cookies.pinsUser,
item.incidentid,
item.pinswg_appealcasetype
);
alert(
"You are watching case " +
item.title
);
}}
title="Watch this case"
>
+
</span>
)}
</dd>
)}
</div>
);
})
)}
</dl> </dl>
<PaginationControl <PaginationControl
currentPage={currentPage} currentPage={currentPage}
searchResultsObj={searchResultsObj} searchResultsObj={searchResultsObj}
orderBy={orderByState} orderBy={orderByState}
fieldSort={fieldSortState} fieldSort={fieldSortState}
// spinnerState={spinnerState} spinnerState={spinnerState}
getSearchPageResults={getSearchPageResults} getSearchPageResults={getSearchPageResults}
/> />
</> </>
@@ -505,16 +534,13 @@ const SearchResults = (props) => {
); );
getAdvancedSearchPaged(searchoObj, pageNumber) getAdvancedSearchPaged(searchoObj, pageNumber)
.then((data) => { .then((data) => data)
//console.log(data);
setSearchResults(data);
return data;
})
.then((data) => { .then((data) => {
//console.log("getting details", data); //console.log("getting details", data);
setSearchResults(data);
return getSearchDetailsPaged(data).then((data) => { return getSearchDetailsPaged(data).then((data) => {
setSearchDetails(data); setSearchDetails(data);
//setShowSpinnerState(false); setShowSpinnerState(false);
}); });
}); });
} else { } else {
@@ -528,7 +554,7 @@ const SearchResults = (props) => {
//console.log("getting details", data); //console.log("getting details", data);
return getSearchDetailsPaged(data).then((data) => { return getSearchDetailsPaged(data).then((data) => {
setSearchDetails(data); setSearchDetails(data);
//setShowSpinnerState(false); setShowSpinnerState(false);
}); });
}); });
} }
locales/cy/common.json
+1
View File
@@ -46,6 +46,7 @@
"breadcrumb-case-reference": "Cyfeirnod Achos", "breadcrumb-case-reference": "Cyfeirnod Achos",
"spinner-loading": "Llwytho...", "spinner-loading": "Llwytho...",
"spinner-searching": "Chwilio...", "spinner-searching": "Chwilio...",
"spinner-fetching-data": "Nôl data",
"logged-out-title": "Rydych chi wedi allgofnodi", "logged-out-title": "Rydych chi wedi allgofnodi",
"logged-out-link": "Dychwelwch i'r porth Gwaith Achos Cynllunio", "logged-out-link": "Dychwelwch i'r porth Gwaith Achos Cynllunio",
"404-not-found-title": "404 - heb ei ddarganfod", "404-not-found-title": "404 - heb ei ddarganfod",
locales/en/common.json
+1
View File
@@ -46,6 +46,7 @@
"breadcrumb-case-reference": "Case Reference", "breadcrumb-case-reference": "Case Reference",
"spinner-loading": "Loading...", "spinner-loading": "Loading...",
"spinner-searching": "Searching...", "spinner-searching": "Searching...",
"spinner-fetching-data": "Fetching data",
"logged-out-title": "You have been logged out", "logged-out-title": "You have been logged out",
"logged-out-link": "Return to Planning Casework portal", "logged-out-link": "Return to Planning Casework portal",
"404-not-found-title": "404 - not found", "404-not-found-title": "404 - not found",
pages/api/endpoint/getbasicsearchdetails_api.js
+1 -1
View File
@@ -34,7 +34,7 @@ export default async function ApiProxy(req, res) {
queryUrl = queryUrl + getSelectQuery(appealTypeName); queryUrl = queryUrl + getSelectQuery(appealTypeName);
//console.log("query: ", queryUrl, "<<<<end query"); console.log("query: ", queryUrl, "<<<<end query");
return axios return axios
.get( .get(
pages/myportal/advancedsearchresults.js
+2
View File
@@ -20,6 +20,7 @@ import {
setSearchDetails, setSearchDetails,
setSearchResults, setSearchResults,
} from "../../store/searchOutput/action"; } from "../../store/searchOutput/action";
import { setSearch } from "../../store/search/action";
import { wrapper } from "../../store/store"; import { wrapper } from "../../store/store";
import { import {
setWatchedCases, setWatchedCases,
@@ -88,6 +89,7 @@ export const getServerSideProps = wrapper.getServerSideProps(
store.dispatch(setSearchDetails(searchDetailsObj)); store.dispatch(setSearchDetails(searchDetailsObj));
store.dispatch(setWatchedCases(watchedCases)); store.dispatch(setWatchedCases(watchedCases));
store.dispatch(setWatchedCasesDetails(watchedCasesDetails)); store.dispatch(setWatchedCasesDetails(watchedCasesDetails));
store.dispatch(setSearch(Object.entries(query)));
} }
); );
public/assets/images/loading.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

styles/sass/welshgov/_application.scss
+6
View File
@@ -1857,3 +1857,9 @@ fade {
border-top-left-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px);
} }
.data-loading-icon {
position: relative;
top: 10px;
left: 10px;
}