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

accessibility amends for lpa reps

Browse Source
This commit is contained in:
robbond
2024-02-20 13:26:07 +00:00
parent c98e05d549
commit 7dbc978f00
17 changed files with 609 additions and 580 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/case/documents.js
+6 -2
View File
@@ -59,7 +59,10 @@ const DocumentDetails = (props) => {
className="govuk-grid-row govuk-!-margin-left-0" className="govuk-grid-row govuk-!-margin-left-0"
> >
<div className="govuk-form-group"> <div className="govuk-form-group">
<label className="govuk-label-s " htmlFor="sort"> <label
className="govuk-label-s "
htmlFor="showDocumentType"
>
{t("case:documents-show-label")} {t("case:documents-show-label")}
<select <select
onChange={(e) => { onChange={(e) => {
@@ -70,6 +73,7 @@ const DocumentDetails = (props) => {
className="govuk-select" className="govuk-select"
id="showDocumentType" id="showDocumentType"
name="showDocumentType" name="showDocumentType"
datafield="showDocumentType"
> >
<option value="all"> <option value="all">
{router.locale == "cy" {router.locale == "cy"
@@ -114,7 +118,7 @@ const DocumentDetails = (props) => {
<div className="govuk-form-group"> <div className="govuk-form-group">
<label <label
className="govuk-label-s " className="govuk-label-s "
htmlFor="sort" htmlFor="showNumberOfRecords"
> >
{t( {t(
"search:searchresults-show-records-label-a" "search:searchresults-show-records-label-a"
components/case/representation/index.js
+2 -2
View File
@@ -708,11 +708,11 @@ let MakeRepresentation = (props) => {
{" "} {" "}
<div className="card"> <div className="card">
<div className="card-body"> <div className="card-body">
<h4 className="govuk-heading-s"> <h2 className="govuk-heading-s">
{t( {t(
"myrepresentations:timetable-title" "myrepresentations:timetable-title"
)} )}
</h4> </h2>
<div className="govuk-summary-list"> <div className="govuk-summary-list">
<div className="govuk-body-s"> <div className="govuk-body-s">
{t( {t(
components/case/representation/representationAgent.js
+6 -4
View File
@@ -43,28 +43,30 @@ const RepAgent = (props) => {
return ( return (
<> <>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-form-group">
{typeof formObj.representationForm.values
.representationType == "undefined" ? (
<>
<h2 className="govuk-heading-m "> <h2 className="govuk-heading-m ">
{t( {t(
"myrepresentations:representation-from-an-agent-heading" "myrepresentations:representation-from-an-agent-heading"
)} )}
</h2> </h2>
<div className="govuk-form-group">
<label <label
className="govuk-label govuk-body-m" className="govuk-label govuk-body-m"
htmlFor="representationType" htmlFor="representationType"
> >
{t("myrepresentations:kind-of-rep-label")} {t("myrepresentations:kind-of-rep-label")}
</label> </label>
{typeof props.representationType == "undefined" ||
typeof formObj.representationForm.values
.representationType == "undefined" ? (
<Field <Field
name="representationType" name="representationType"
component={RenderPickList} component={RenderPickList}
datafieldname="representationType" datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr} optionsArr={appellantApplicantRepresentationArr}
/> />
</>
) : ( ) : (
<label className="govuk-label govuk-body-m"> <label className="govuk-label govuk-body-m">
Representation Type:{" "} Representation Type:{" "}
components/case/representation/representationAppellant.js
+4 -3
View File
@@ -45,6 +45,9 @@ const RepAppellant = (props) => {
<> <>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-form-group"> <div className="govuk-form-group">
{typeof formObj.representationForm.values
.representationType == "undefined" ? (
<>
<h2 className="govuk-heading-m "> <h2 className="govuk-heading-m ">
{t( {t(
"myrepresentations:representation-from-an-appellant-heading" "myrepresentations:representation-from-an-appellant-heading"
@@ -57,15 +60,13 @@ const RepAppellant = (props) => {
{t("myrepresentations:kind-of-rep-label")} {t("myrepresentations:kind-of-rep-label")}
</label> </label>
{typeof props.representationType == "undefined" ||
typeof formObj.representationForm.values
.representationType == "undefined" ? (
<Field <Field
name="representationType" name="representationType"
component={RenderPickList} component={RenderPickList}
datafieldname="representationType" datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr} optionsArr={appellantApplicantRepresentationArr}
/> />
</>
) : ( ) : (
<label className="govuk-label govuk-body-m"> <label className="govuk-label govuk-body-m">
Representation Type:{" "} Representation Type:{" "}
components/case/representation/representationElements.js
+7 -15
View File
@@ -281,7 +281,7 @@ export const RenderCondtionalRadioList = ({
<legend className="govuk-fieldset__legend govuk-fieldset__legend--m"> <legend className="govuk-fieldset__legend govuk-fieldset__legend--m">
<label <label
className="govuk-fieldset__heading govuk-body-m" className="govuk-fieldset__heading govuk-body-m"
id="representationCapacity_label" id={id + "_label"}
> >
{legend} {legend}
</label> </label>
@@ -385,14 +385,6 @@ export const RenderLPACondtionalRadioList = ({
className="govuk-fieldset" className="govuk-fieldset"
aria-describedby={id + "-hint"} aria-describedby={id + "-hint"}
> >
<legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular">
<label
className="govuk-fieldset__heading govuk-body-m"
id={id + "_label"}
>
{label}
</label>
</legend>
{touched && error && ( {touched && error && (
<span <span
id={id + "-error"} id={id + "-error"}
@@ -406,10 +398,7 @@ export const RenderLPACondtionalRadioList = ({
)} )}
<legend className="govuk-fieldset__legend govuk-fieldset__legend--m"> <legend className="govuk-fieldset__legend govuk-fieldset__legend--m">
<label <label className=" govuk-body-m" id={id + "_label"}>
className=" govuk-body-m"
id="representationCapacity_label"
>
{legend} {legend}
</label> </label>
</legend> </legend>
@@ -481,7 +470,9 @@ export const RenderPickList = ({
optionsArr, optionsArr,
meta: { touched, error }, meta: { touched, error },
errorMsg, errorMsg,
...custom
}) => { }) => {
console.log(custom.disabled);
return ( return (
<> <>
<div <div
@@ -507,6 +498,7 @@ export const RenderPickList = ({
className="govuk-select " className="govuk-select "
id={datafieldname} id={datafieldname}
name={datafieldname} name={datafieldname}
disabled={custom.disabled}
> >
<option>Select...</option> <option>Select...</option>
{Object.keys(optionsArr).map((key, index) => { {Object.keys(optionsArr).map((key, index) => {
@@ -699,14 +691,14 @@ export const RenderMultiline = ({
return ( return (
<> <>
<div className="govuk-form-group "> <div className="govuk-form-group ">
<label className="govuk-label" htmlFor={name}> <label className="govuk-label" htmlFor={datafieldname}>
{label} {label}
</label> </label>
{"hint" in custom} {"hint" in custom}
{"hint" in custom && ( {"hint" in custom && (
<div <div
id={name + "-hint"} id={datafieldname + "-hint"}
className="govuk-hint govuk-!-font-size-14" className="govuk-hint govuk-!-font-size-14"
> >
{custom.hint} {custom.hint}
components/case/representation/representationLPA.js
+21 -6
View File
@@ -227,9 +227,14 @@ let RepLPA = (props) => {
return ( return (
<> <>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-form-group">
{typeof formObj.representationForm.values
.representationType == "undefined" ? (
<>
<h2 className="govuk-heading-m "> <h2 className="govuk-heading-m ">
{typeof props.representationType != "undefined" {typeof props.representationType != "undefined"
? props.representationType == "Questionnaire" ? props.representationType ==
"Questionnaire"
? locale == "cy" ? locale == "cy"
? "Holiadur" ? "Holiadur"
: props.representationType : props.representationType
@@ -237,11 +242,14 @@ let RepLPA = (props) => {
: locale == "cy" : locale == "cy"
? "Cynrychioliadau" ? "Cynrychioliadau"
: "Representation"}{" "} : "Representation"}{" "}
{locale == "cy" ? "o ACLI am a" : "from an LPA for a"}{" "} {locale == "cy"
? "o ACLI am a"
: "from an LPA for a"}{" "}
{locale == "cy" {locale == "cy"
? jsonpath( ? jsonpath(
'$..[?(@.attributevalue=="' + '$..[?(@.attributevalue=="' +
currentView.caseReference.appealType + currentView.caseReference
.appealType +
'")].value_cy', '")].value_cy',
transLookup transLookup
) )
@@ -250,8 +258,6 @@ let RepLPA = (props) => {
).value} ).value}
</h2> </h2>
{typeof props.representationType == "undefined" && (
<div className="govuk-form-group">
<label <label
className="govuk-label govuk-body-m" className="govuk-label govuk-body-m"
htmlFor="representationType" htmlFor="representationType"
@@ -268,9 +274,18 @@ let RepLPA = (props) => {
datafieldname="representationType" datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr} optionsArr={appellantApplicantRepresentationArr}
/> />
</div> </>
) : (
<label className="govuk-label govuk-body-m">
Representation Type:{" "}
{
formObj.representationForm.values
.representationType
}{" "}
</label>
)} )}
</div> </div>
</div>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-form-group"> <div className="govuk-form-group">
{typeof props.representationType != "undefined" && {typeof props.representationType != "undefined" &&
components/case/representation/representationProgress/representationProgress_s78.js
+2 -2
View File
@@ -407,7 +407,7 @@ const RepresentationProgress_s78 = (props) => {
aria-controls={ aria-controls={
"step-panel-" + "step-panel-" +
t( t(
"myrepresentations:s78-section-heading-six" "myrepresentations:add-files-label"
) )
.replace(/\s+/g, "-") .replace(/\s+/g, "-")
.toLowerCase() .toLowerCase()
@@ -415,7 +415,7 @@ const RepresentationProgress_s78 = (props) => {
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
"myrepresentations:s78-section-heading-six" "myrepresentations:add-files-label"
)} )}
</span> </span>
</a> </a>
components/case/representation/representationQuestionnaires/representationLPAQuestionnaire_s78.js
+17 -13
View File
@@ -110,9 +110,9 @@ let S78_Questionnaire = (props) => {
className="govuk-fieldset" className="govuk-fieldset"
aria-describedby="commentBox-hint" aria-describedby="commentBox-hint"
> >
<h3 className="govuk-heading-s "> <h2 className="govuk-heading-s ">
{t("myrepresentations:s78-section-heading-one")}{" "} {t("myrepresentations:s78-section-heading-one")}{" "}
</h3> </h2>
<div className="govuk-form-group"> <div className="govuk-form-group">
<div className="govuk-label"> <div className="govuk-label">
1. {t("myrepresentations:s78-section-question-1")}{" "} 1. {t("myrepresentations:s78-section-question-1")}{" "}
@@ -150,6 +150,7 @@ let S78_Questionnaire = (props) => {
<div className="govuk-form-group"> <div className="govuk-form-group">
<Field <Field
datafieldname="procedureType"
label={ label={
"5. " + "5. " +
t("myrepresentations:s78-section-question-5") t("myrepresentations:s78-section-question-5")
@@ -308,19 +309,20 @@ let S78_Questionnaire = (props) => {
className="govuk-fieldset govuk-!-margin-top-9" className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint" aria-describedby="commentBox-hint"
> >
<h3 className="govuk-heading-s "> <h2 className="govuk-heading-s ">
{" "} {" "}
{t("myrepresentations:s78-section-heading-two")}{" "} {t("myrepresentations:s78-section-heading-two")}{" "}
</h3> </h2>
<div className="govuk-form-group"> <div className="govuk-form-group">
<Field <Field
label={ label={
"11. " + "11. " +
t("myrepresentations:s78-section-question-11") t("myrepresentations:s78-section-question-11")
} }
name="LPAcaseFileAndReps" name={"LPAcaseFileAndReps"}
id="LPAcaseFileAndReps" id={"LPAcaseFileAndReps"}
component={RenderMultiline} component={RenderMultiline}
datafieldname={"LPAcaseFileAndReps"}
type="text" type="text"
rows="5" rows="5"
className="govuk-textarea govuk-input--width-30" className="govuk-textarea govuk-input--width-30"
@@ -339,6 +341,7 @@ let S78_Questionnaire = (props) => {
} }
name="LPAldpAndMap" name="LPAldpAndMap"
id="LPAldpAndMap" id="LPAldpAndMap"
datafieldname="LPAldpAndMap"
component={RenderMultiline} component={RenderMultiline}
type="text" type="text"
rows="5" rows="5"
@@ -358,6 +361,7 @@ let S78_Questionnaire = (props) => {
} }
name="LPAlocalGuidance" name="LPAlocalGuidance"
id="LPAlocalGuidance" id="LPAlocalGuidance"
datafieldname="LPAlocalGuidance"
component={RenderMultiline} component={RenderMultiline}
type="text" type="text"
rows="5" rows="5"
@@ -394,9 +398,9 @@ let S78_Questionnaire = (props) => {
className="govuk-fieldset govuk-!-margin-top-9" className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint" aria-describedby="commentBox-hint"
> >
<h3 className="govuk-heading-s "> <h2 className="govuk-heading-s ">
{t("myrepresentations:s78-section-heading-three")} {t("myrepresentations:s78-section-heading-three")}
</h3> </h2>
<Field <Field
label={ label={
"15. " + "15. " +
@@ -615,9 +619,9 @@ let S78_Questionnaire = (props) => {
className="govuk-fieldset govuk-!-margin-top-9" className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint" aria-describedby="commentBox-hint"
> >
<h3 className="govuk-heading-s "> <h2 className="govuk-heading-s ">
{t("myrepresentations:s78-section-heading-four")} {t("myrepresentations:s78-section-heading-four")}
</h3> </h2>
<div className="govuk-form-group govuk-body-m"> <div className="govuk-form-group govuk-body-m">
{"24. " + {"24. " +
t("myrepresentations:s78-section-question-24")} t("myrepresentations:s78-section-question-24")}
@@ -736,9 +740,9 @@ let S78_Questionnaire = (props) => {
className="govuk-fieldset govuk-!-margin-top-9" className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint" aria-describedby="commentBox-hint"
> >
<h3 className="govuk-heading-s "> <h2 className="govuk-heading-s ">
{t("myrepresentations:s78-section-heading-five")} {t("myrepresentations:s78-section-heading-five")}
</h3> </h2>
<div className="govuk-form-group"> <div className="govuk-form-group">
<Field <Field
@@ -958,7 +962,7 @@ let S78_Questionnaire = (props) => {
className="govuk-fieldset govuk-!-margin-top-9" className="govuk-fieldset govuk-!-margin-top-9"
aria-describedby="commentBox-hint" aria-describedby="commentBox-hint"
> >
<h3 className="govuk-heading-s ">Declaration</h3> <h2 className="govuk-heading-s ">Declaration</h2>
<div className="govuk-form-group"> <div className="govuk-form-group">
<Field <Field
className="govuk-input govuk-!-width-one-half" className="govuk-input govuk-!-width-one-half"
components/case/summary.js
+7 -18
View File
@@ -442,7 +442,7 @@ const CaseSummary = (props) => {
0 == 0 ==
true ? ( true ? (
<button <button
className="govuk-link" className="govuk-link watchCase"
onClick={() => { onClick={() => {
confirm( confirm(
t( t(
@@ -475,8 +475,8 @@ const CaseSummary = (props) => {
)}{" "} )}{" "}
</button> </button>
) : ( ) : (
<span <button
className=" govuk-link" className="govuk-link watchCase"
onClick={() => { onClick={() => {
confirm( confirm(
t( t(
@@ -507,24 +507,13 @@ const CaseSummary = (props) => {
{t( {t(
"case:watch-this-case-link" "case:watch-this-case-link"
)} )}
</span> </button>
))} ))}
{!session && ( {!session && (
<span <button
className="govuk-link" className="govuk-link watchCase"
onClick={() => { onClick={() => {
// signIn("email");
// signIn();
// selectWatchedCase(
// cookies.pinsUser,
// item.incidentid,
// item.pinswg_appealcasetype
// );
// alert(
// "Trying to watch case " +
// item.title
// );
confirm( confirm(
"Trying to watch case " + "Trying to watch case " +
props.currentView props.currentView
@@ -546,7 +535,7 @@ const CaseSummary = (props) => {
)} )}
> >
{t("case:watch-this-case-link")} {t("case:watch-this-case-link")}
</span> </button>
)} )}
</div> </div>
</div> </div>
components/dns/applications/applicationTabsDocuments.js
+1 -1
View File
@@ -133,7 +133,7 @@ const ApplicationTabsDocuments = (props) => {
</div> </div>
<div className=" govuk-grid-column-two-thirds govuk-form-group"> <div className=" govuk-grid-column-two-thirds govuk-form-group">
<label className="govuk-label-xs " htmlFor="sort"> <label className="govuk-label-xs " htmlFor="showNo">
Show{" "} Show{" "}
<select <select
className="govuk-select govuk-select-s" className="govuk-select govuk-select-s"
components/dns/applications/applicationsList.js
+21 -19
View File
@@ -9,11 +9,12 @@ const ApplicationList = (props) => {
const router = useRouter(); const router = useRouter();
const { locale } = router; const { locale } = router;
return <> return (
<>
<div className="govuk-grid-row govuk-!-margin-top-9"> <div className="govuk-grid-row govuk-!-margin-top-9">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<div className="govuk-form-group"> <div className="govuk-form-group">
<label className="govuk-label-s " htmlFor="sort"> <label className="govuk-label-s " htmlFor="showNo">
{t("dnsCommon:result-list-show-label")}{" "} {t("dnsCommon:result-list-show-label")}{" "}
<select <select
className="govuk-select" className="govuk-select"
@@ -83,13 +84,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -132,13 +133,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -181,13 +182,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -230,13 +231,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -279,13 +280,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -328,13 +329,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -377,13 +378,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -426,13 +427,13 @@ const ApplicationList = (props) => {
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view"> <Link href="/dns/application-view">
<span className="results-visually-hidden"> <span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-application" "dnsApplications:result-list-heading-label-application"
)} )}
:{" "} :{" "}
</span>TWA - Morlais Demonstration Zone </span>
TWA - Morlais Demonstration Zone
</Link> </Link>
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> <dd className="govuk-summary-list__value govuk-!-font-size-16">
@@ -489,7 +490,8 @@ const ApplicationList = (props) => {
</p> </p>
</div> </div>
</div> </div>
</>; </>
);
}; };
export default ApplicationList; export default ApplicationList;
components/myportal/awaitingsubmissionfromblob.js
+1
View File
@@ -178,6 +178,7 @@ const AwaitingSubmissionFromBlob = (props) => {
</div> </div>
<div className=""> <div className="">
<button <button
title={t("case:do-you-want-to-delete-case-label")}
className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse " className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
onClick={() => { onClick={() => {
confirm( confirm(
components/myportal/topthree.js
+2
View File
@@ -304,6 +304,7 @@ const TopThree = (props) => {
{topThreeType == "watchedCases" && ( {topThreeType == "watchedCases" && (
<div className=""> <div className="">
<button <button
title={t("case:you-have-stopped-watching-label")}
className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse " className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
onClick={() => { onClick={() => {
confirm( confirm(
@@ -325,6 +326,7 @@ const TopThree = (props) => {
{topThreeType == "awaitingSubmission" && ( {topThreeType == "awaitingSubmission" && (
<div className=""> <div className="">
<button <button
title={t("case:do-you-want-to-delete-case-label")}
className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse " className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
onClick={() => { onClick={() => {
confirm( confirm(
components/myportal/topthree_reps.js
-1
View File
@@ -50,7 +50,6 @@ const TopThree = (props) => {
}); });
showTopThreeArr.sort(function compare(a, b) { showTopThreeArr.sort(function compare(a, b) {
console.log(a.createdDate, b.createdDate);
var dateA = new Date(a.createdDate); var dateA = new Date(a.createdDate);
var dateB = new Date(b.createdDate); var dateB = new Date(b.createdDate);
return dateB - dateA; return dateB - dateA;
components/search/dnssearchresults.js
+4 -1
View File
@@ -743,7 +743,10 @@ const DNSSearchResults = (props) => {
{searchResultsObj["@odata.count"] > 5 && ( {searchResultsObj["@odata.count"] > 5 && (
<div id="recordCountSelect" className="govuk-grid-row"> <div id="recordCountSelect" className="govuk-grid-row">
<div className="govuk-form-group"> <div className="govuk-form-group">
<label className="govuk-label-s " htmlFor="sort"> <label
className="govuk-label-s "
htmlFor="showNumberOfRecords"
>
{t("search:searchresults-show-records-label-a")} {t("search:searchresults-show-records-label-a")}
<select <select
onChange={(e) => { onChange={(e) => {
components/search/searchresults.js
+1 -1
View File
@@ -810,7 +810,7 @@ const SearchResults = (props) => {
<div className="govuk-form-group"> <div className="govuk-form-group">
<label <label
className="govuk-label-s " className="govuk-label-s "
htmlFor="sort" htmlFor="showNumberOfRecords"
> >
{t( {t(
"search:searchresults-show-records-label-a" "search:searchresults-show-records-label-a"
styles/sass/welshgov/_application.scss
+15
View File
@@ -2403,3 +2403,18 @@ fade {
} }
.govuk-link.watchCase {
background-color: transparent;
border: none;
cursor: pointer;
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
box-shadow: none;
}
}