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
+22 -20
View File
@@ -43,28 +43,30 @@ const RepAgent = (props) => {
return ( return (
<> <>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<h2 className="govuk-heading-m ">
{t(
"myrepresentations:representation-from-an-agent-heading"
)}
</h2>
<div className="govuk-form-group"> <div className="govuk-form-group">
<label {typeof formObj.representationForm.values
className="govuk-label govuk-body-m"
htmlFor="representationType"
>
{t("myrepresentations:kind-of-rep-label")}
</label>
{typeof props.representationType == "undefined" ||
typeof formObj.representationForm.values
.representationType == "undefined" ? ( .representationType == "undefined" ? (
<Field <>
name="representationType" <h2 className="govuk-heading-m ">
component={RenderPickList} {t(
datafieldname="representationType" "myrepresentations:representation-from-an-agent-heading"
optionsArr={appellantApplicantRepresentationArr} )}
/> </h2>
<label
className="govuk-label govuk-body-m"
htmlFor="representationType"
>
{t("myrepresentations:kind-of-rep-label")}
</label>
<Field
name="representationType"
component={RenderPickList}
datafieldname="representationType"
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
+21 -20
View File
@@ -45,27 +45,28 @@ const RepAppellant = (props) => {
<> <>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-form-group"> <div className="govuk-form-group">
<h2 className="govuk-heading-m "> {typeof formObj.representationForm.values
{t(
"myrepresentations:representation-from-an-appellant-heading"
)}
</h2>
<label
className="govuk-label govuk-body-m"
htmlFor="representationType"
>
{t("myrepresentations:kind-of-rep-label")}
</label>
{typeof props.representationType == "undefined" ||
typeof formObj.representationForm.values
.representationType == "undefined" ? ( .representationType == "undefined" ? (
<Field <>
name="representationType" <h2 className="govuk-heading-m ">
component={RenderPickList} {t(
datafieldname="representationType" "myrepresentations:representation-from-an-appellant-heading"
optionsArr={appellantApplicantRepresentationArr} )}
/> </h2>
<label
className="govuk-label govuk-body-m"
htmlFor="representationType"
>
{t("myrepresentations:kind-of-rep-label")}
</label>
<Field
name="representationType"
component={RenderPickList}
datafieldname="representationType"
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
+56 -41
View File
@@ -227,49 +227,64 @@ let RepLPA = (props) => {
return ( return (
<> <>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<h2 className="govuk-heading-m "> <div className="govuk-form-group">
{typeof props.representationType != "undefined" {typeof formObj.representationForm.values
? props.representationType == "Questionnaire" .representationType == "undefined" ? (
? locale == "cy" <>
? "Holiadur" <h2 className="govuk-heading-m ">
: props.representationType {typeof props.representationType != "undefined"
: props.representationType ? props.representationType ==
: locale == "cy" "Questionnaire"
? "Cynrychioliadau" ? locale == "cy"
: "Representation"}{" "} ? "Holiadur"
{locale == "cy" ? "o ACLI am a" : "from an LPA for a"}{" "} : props.representationType
{locale == "cy" : props.representationType
? jsonpath( : locale == "cy"
'$..[?(@.attributevalue=="' + ? "Cynrychioliadau"
currentView.caseReference.appealType + : "Representation"}{" "}
'")].value_cy', {locale == "cy"
transLookup ? "o ACLI am a"
) : "from an LPA for a"}{" "}
: getFormCollectionByID( {locale == "cy"
currentView.caseReference.appealType ? jsonpath(
).value} '$..[?(@.attributevalue=="' +
</h2> currentView.caseReference
.appealType +
'")].value_cy',
transLookup
)
: getFormCollectionByID(
currentView.caseReference.appealType
).value}
</h2>
{typeof props.representationType == "undefined" && ( <label
<div className="govuk-form-group"> className="govuk-label govuk-body-m"
<label htmlFor="representationType"
className="govuk-label govuk-body-m" >
htmlFor="representationType" {t(
> "myrepresentations:representation-from-an-agent-heading"
{t( )}
"myrepresentations:representation-from-an-agent-heading" ?
)} </label>
? <Field
id="representationType"
name="representationType"
component={RenderPickList}
datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr}
/>
</>
) : (
<label className="govuk-label govuk-body-m">
Representation Type:{" "}
{
formObj.representationForm.values
.representationType
}{" "}
</label> </label>
<Field )}
id="representationType" </div>
name="representationType"
component={RenderPickList}
datafieldname="representationType"
optionsArr={appellantApplicantRepresentationArr}
/>
</div>
)}
</div> </div>
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="govuk-form-group"> <div className="govuk-form-group">
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
+445 -443
View File
@@ -9,487 +9,489 @@ 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-column-full"> <div className="govuk-grid-row govuk-!-margin-top-9">
<div className="govuk-form-group"> <div className="govuk-grid-column-full">
<label className="govuk-label-s " htmlFor="sort"> <div className="govuk-form-group">
{t("dnsCommon:result-list-show-label")}{" "} <label className="govuk-label-s " htmlFor="showNo">
<select {t("dnsCommon:result-list-show-label")}{" "}
className="govuk-select" <select
id="showNo" className="govuk-select"
name="showNo" id="showNo"
> name="showNo"
<option value="1">10</option> >
<option value="1">25</option> <option value="1">10</option>
<option value="1">50</option> <option value="1">25</option>
<option value="1">100</option> <option value="1">50</option>
</select>{" "} <option value="1">100</option>
{t("dnsCommon:result-list-entries-label")} </select>{" "}
</label> {t("dnsCommon:result-list-entries-label")}
</label>
</div>
</div> </div>
</div> </div>
</div> <div className="govuk-grid-row">
<div className="govuk-grid-row"> <div className="govuk-grid-column-full">
<div className="govuk-grid-column-full"> <p className="govuk-body-s">
<p className="govuk-body-s"> {t("dnsCommon:result-list-showing-label", {
{t("dnsCommon:result-list-showing-label", { recordIndex: "1",
recordIndex: "1", pagingIndex: "10",
pagingIndex: "10", totalRecords: "55",
totalRecords: "55", })}
})} </p>
</p> </div>
</div> </div>
</div> <div className="govuk-grid-row ">
<div className="govuk-grid-row "> <div className="govuk-grid-column-full">
<div className="govuk-grid-column-full"> <dl className="govuk-summary-list govuk-!-margin-bottom-0 results">
<dl className="govuk-summary-list govuk-!-margin-bottom-0 results"> <div className="govuk-summary-list__row results-headings">
<div className="govuk-summary-list__row results-headings"> <dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
<dd className="govuk-summary-list__key govuk-!-font-size-16 results_wider ">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-application"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-type"
)}
</dd>
<dd className="govuk-summary-list__key govuk-!-font-size-16">
{t(
"dnsApplications:result-list-heading-label-status"
)}
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-reference" "dnsApplications:result-list-heading-label-reference"
)} )}
: </dd>
</span> <dd className="govuk-summary-list__key govuk-!-font-size-16">
CAS-00009-W8N6W4 {t(
</dd> "dnsApplications:result-list-heading-label-application"
<dd className="govuk-summary-list__value govuk-!-font-size-16"> )}
<Link href="/dns/application-view"> </dd>
<dd className="govuk-summary-list__key govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>TWA - Morlais Demonstration Zone
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-developer"
)} )}
: </dd>
</span> <dd className="govuk-summary-list__key govuk-!-font-size-16">
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-type" "dnsApplications:result-list-heading-label-type"
)} )}
: </dd>
</span> <dd className="govuk-summary-list__key govuk-!-font-size-16">
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t( {t(
"dnsApplications:result-list-heading-label-status" "dnsApplications:result-list-heading-label-status"
)} )}
: </dd>
</span> </div>
Recommendation <div className="govuk-summary-list__row">
</dd> <dd className="govuk-summary-list__value govuk-!-font-size-16 ">
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<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-reference"
)} )}
:{" "} :
</span>TWA - Morlais Demonstration Zone </span>
</Link> CAS-00009-W8N6W4
</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"> <Link href="/dns/application-view">
{t( <span className="results-visually-hidden">
"dnsApplications:result-list-heading-label-developer" {t(
)} "dnsApplications:result-list-heading-label-application"
: )}
</span> :{" "}
Menter Mon </span>
</dd> TWA - Morlais Demonstration Zone
<dd className="govuk-summary-list__value govuk-!-font-size-16"> </Link>
<span className="results-visually-hidden"> </dd>
{t( <dd className="govuk-summary-list__value govuk-!-font-size-16">
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<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-developer"
)} )}
:{" "} :
</span>TWA - Morlais Demonstration Zone </span>
</Link> Menter Mon
</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(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<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-type"
)} )}
:{" "} :
</span>TWA - Morlais Demonstration Zone </span>
</Link> Energy
</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(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<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-status"
)} )}
:{" "} :
</span>TWA - Morlais Demonstration Zone </span>
</Link> Recommendation
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> </div>
<span className="results-visually-hidden"> <div className="govuk-summary-list__row">
{t( <dd className="govuk-summary-list__value govuk-!-font-size-16 ">
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<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-reference"
)} )}
:{" "} :
</span>TWA - Morlais Demonstration Zone </span>
</Link> CAS-00009-W8N6W4
</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"> <Link href="/dns/application-view">
{t( <span className="results-visually-hidden">
"dnsApplications:result-list-heading-label-developer" {t(
)} "dnsApplications:result-list-heading-label-application"
: )}
</span> :{" "}
Menter Mon </span>
</dd> TWA - Morlais Demonstration Zone
<dd className="govuk-summary-list__value govuk-!-font-size-16"> </Link>
<span className="results-visually-hidden"> </dd>
{t( <dd className="govuk-summary-list__value govuk-!-font-size-16">
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<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-developer"
)} )}
:{" "} :
</span>TWA - Morlais Demonstration Zone </span>
</Link> Menter Mon
</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(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<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-type"
)} )}
:{" "} :
</span>TWA - Morlais Demonstration Zone </span>
</Link> Energy
</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(
"dnsApplications:result-list-heading-label-developer" "dnsApplications:result-list-heading-label-status"
)} )}
: :
</span> </span>
Menter Mon Recommendation
</dd> </dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> </div>
<span className="results-visually-hidden"> <div className="govuk-summary-list__row">
{t( <dd className="govuk-summary-list__value govuk-!-font-size-16 ">
"dnsApplications:result-list-heading-label-type" <span className="results-visually-hidden">
)} {t(
: "dnsApplications:result-list-heading-label-reference"
</span> )}
Energy :
</dd> </span>
<dd className="govuk-summary-list__value govuk-!-font-size-16"> CAS-00009-W8N6W4
<span className="results-visually-hidden"> </dd>
{t( <dd className="govuk-summary-list__value govuk-!-font-size-16">
"dnsApplications:result-list-heading-label-status" <Link href="/dns/application-view">
)} <span className="results-visually-hidden">
: {t(
</span> "dnsApplications:result-list-heading-label-application"
Recommendation )}
</dd> :{" "}
</div> </span>
</dl> TWA - Morlais Demonstration Zone
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-16 ">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-reference"
)}
:
</span>
CAS-00009-W8N6W4
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<Link href="/dns/application-view">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-application"
)}
:{" "}
</span>
TWA - Morlais Demonstration Zone
</Link>
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-developer"
)}
:
</span>
Menter Mon
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-type"
)}
:
</span>
Energy
</dd>
<dd className="govuk-summary-list__value govuk-!-font-size-16">
<span className="results-visually-hidden">
{t(
"dnsApplications:result-list-heading-label-status"
)}
:
</span>
Recommendation
</dd>
</div>
</dl>
</div>
</div> </div>
</div> <div className="govuk-grid-row ">
<div className="govuk-grid-row "> <div className="govuk-grid-column-full">
<div className="govuk-grid-column-full"> <p>
<p> {t("dnsCommon:result-list-previous-label")}{" "}
{t("dnsCommon:result-list-previous-label")}{" "} <span>1</span>{" "}
<span>1</span>{" "} <span>
<span> <Link href="#">2</Link>
<Link href="#">2</Link> </span>{" "}
</span>{" "} <span>
<span> <Link href="#">3</Link>
<Link href="#">3</Link> </span>{" "}
</span>{" "} <span>
<span> <Link href="#">4</Link>
<Link href="#">4</Link> </span>{" "}
</span>{" "} <span>
<span> <Link href="#">5</Link>
<Link href="#">5</Link> </span>{" "}
</span>{" "} <Link href="#" legacyBehavior>
<Link href="#" legacyBehavior> {t("dnsCommon:result-list-next-label")}
{t("dnsCommon:result-list-next-label")} </Link>
</Link> </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;
}
}