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

Merged PR 1083: accessibility amends

Browse Source 
Related work items: #10350, #10445, #10446, #10447, #10448
This commit is contained in:
Robert Bond
2024-02-21 17:22:55 +00:00
parent 401dcbceac dcdda6eb6e
commit 5596c8d570
72 changed files with 1508 additions and 1730 deletions
Download Patch File Download Diff File Expand all files Collapse all files
actions/index.js
+1 -2
View File
@@ -878,8 +878,7 @@ export const getPortalModuleDetails = (appealType, caseReference) => {
export const getPortalModuleDetailsProxy = (appealType, caseReference) => { export const getPortalModuleDetailsProxy = (appealType, caseReference) => {
return axios return axios
.get( .get(
BASE_URL + "/api/endpoint/getportalmoduledetailsproxy_api?appealType=" +
"/api/endpoint/getportalmoduledetailsproxy_api?appealType=" +
appealType + appealType +
"&caseReference=" + "&caseReference=" +
caseReference caseReference
components/account/personaldetails.js
+182 -186
View File
@@ -161,14 +161,11 @@ const RenderPickList = ({
: "govuk-form-group " : "govuk-form-group "
} }
> >
<label className="govuk-label" htmlFor="sort"> <label className="govuk-label" htmlFor={datafieldname}>
{label} {label}
</label> </label>
{touched && error && ( {touched && error && (
<span <span id={name + "-error"} className="govuk-error-message">
id="passport-issued-error"
className="govuk-error-message"
>
<span className="govuk-visually-hidden">Error:</span>{" "} <span className="govuk-visually-hidden">Error:</span>{" "}
{errorMsg} {errorMsg}
</span> </span>
@@ -178,8 +175,8 @@ const RenderPickList = ({
<select <select
{...input} {...input}
className="govuk-select " className="govuk-select "
id={name} id={datafieldname}
name={name} name={datafieldname}
> >
<option>Select...</option> <option>Select...</option>
{Object.keys(optionsArr).map((key, index) => { {Object.keys(optionsArr).map((key, index) => {
@@ -237,189 +234,188 @@ let PersonalDetails = (props) => {
setPersonalDetailsComplete(true); setPersonalDetailsComplete(true);
}; };
return <> return (
{props.accountUpdatedComplete == false ? ( <>
props.personalDetailsComplete == false ? ( {props.accountUpdatedComplete == false ? (
<form onSubmit={handleSubmit(onHandleSubmit)}> props.personalDetailsComplete == false ? (
<fieldset className="govuk-fieldset"> <form onSubmit={handleSubmit(onHandleSubmit)}>
<legend className="govuk-fieldset__legend govuk-fieldset__legend--m"> <fieldset className="govuk-fieldset">
<h2 className="govuk-fieldset__heading"> <legend className="govuk-fieldset__legend govuk-fieldset__legend--m">
{t("account:account-about-you-label")} <h2 className="govuk-fieldset__heading">
</h2> {t("account:account-about-you-label")}
</legend> </h2>
<div className="govuk-form-group "> </legend>
<span className="govuk-label "> <div className="govuk-form-group ">
{t("account:account-role-label")}:{" "} <span className="govuk-label ">
{ {t("account:account-role-label")}:{" "}
props.props.accountDetails {
.accountDetails[ props.props.accountDetails
"pinswg_typeofinvolvement@OData.Community.Display.V1.FormattedValue" .accountDetails[
] "pinswg_typeofinvolvement@OData.Community.Display.V1.FormattedValue"
]
}
</span>
</div>
<Field
name="pinswg_preferredlanguage"
component={RenderPickList}
datafieldname={"pinswg_preferredlanguage"}
optionsArr={["English", "Welsh"]}
className="govuk-input govuk-input--width-20 govuk-radios--inline"
validate={[required]}
label={t(
"account:account-preferred-language-label"
)}
errorMsg="Is required"
/>
<Field
name="firstname"
id="firstname"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
validate={[required]}
label={t("account:account-first-name-label")}
errorMsg="Is required"
/>
<Field
name="lastname"
id="lastname"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
validate={[required]}
label={t("account:account-last-name-label")}
errorMsg="Is required"
/>
<Field
name="emailaddress1"
id="emailaddress1"
component={RenderTextfield}
type="email"
className="govuk-input govuk-input--width-20"
validate={[required, email]}
label={t("account:account-email-address-label")}
disabled
/>
<Field
name="telephone1"
id="telephone1"
component={RenderTextfield}
type="number"
className="govuk-input govuk-input--width-20"
validate={[required, phoneNumber]}
label={t("account:account-telephone-label")}
/>
<Field
name="company"
id="company"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
label={t("account:account-company-group-label")}
errorMsg="Is required"
/>
</fieldset>
<fieldset className="govuk-fieldset">
<legend className="govuk-fieldset__legend govuk-fieldset__legend--m">
<h2 className="govuk-fieldset__heading">
{t("account:account-your-address-label")}
</h2>
</legend>
<Field
name="address1_line1"
id="address1_line1"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
label={t(
"account:account-address-line-1-label"
)}
validate={[required]}
errorMsg="Is required"
/>
<Field
name="address1_line2"
id="address1_line2"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
label={t(
"account:account-address-line-2-label"
)}
errorMsg="Is required"
/>
<Field
name="address1_city"
id="address1_city"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-10"
label={t("account:account-town-city-label")}
validate={[required]}
errorMsg="Is required"
/>
<Field
name="address1_county"
id="address1_county"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-10"
label={t("account:account-county-label")}
validate={[required]}
errorMsg="Is required"
/>
<Field
name="address1_postalcode"
id="address1_postalcode"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-5"
label={t("account:account-postcode-label")}
validate={[required]}
errorMsg="Is required"
/>
</fieldset>
<div className="govuk-button-group">
<button
type="submit"
className="govuk-button"
data-module="govuk-button"
>
{t("common:continue-button")}
</button>
<Link
href={
"/myportal?q=" +
props.props.accountDetails.loggedinUserId
} }
</span> className="govuk-link"
>
{t("common:cancel-link")}
</Link>
</div> </div>
</form>
<Field ) : (
name="pinswg_preferredlanguage" <>
component={RenderPickList} <BuildCheckPersonalDetails
datafieldname="pinswg_preferredlanguage" props={props}
optionsArr={["English", "Welsh"]} setPersonalDetailsComplete={
className="govuk-input govuk-input--width-20 govuk-radios--inline" setPersonalDetailsComplete
validate={[required]}
label={t(
"account:account-preferred-language-label"
)}
errorMsg="Is required"
/>
<Field
name="firstname"
id="firstname"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
validate={[required]}
label={t("account:account-first-name-label")}
errorMsg="Is required"
/>
<Field
name="lastname"
id="lastname"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
validate={[required]}
label={t("account:account-last-name-label")}
errorMsg="Is required"
/>
<Field
name="emailaddress1"
id="emailaddress1"
component={RenderTextfield}
type="email"
className="govuk-input govuk-input--width-20"
validate={[required, email]}
label={t("account:account-email-address-label")}
disabled
/>
<Field
name="telephone1"
id="telephone1"
component={RenderTextfield}
type="number"
className="govuk-input govuk-input--width-20"
validate={[required, phoneNumber]}
label={t("account:account-telephone-label")}
/>
<Field
name="company"
id="company"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
label={t("account:account-company-group-label")}
errorMsg="Is required"
/>
</fieldset>
<fieldset className="govuk-fieldset">
<legend className="govuk-fieldset__legend govuk-fieldset__legend--m">
<h2 className="govuk-fieldset__heading">
{t("account:account-your-address-label")}
</h2>
</legend>
<Field
name="address1_line1"
id="address1_line1"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
label={t(
"account:account-address-line-1-label"
)}
validate={[required]}
errorMsg="Is required"
/>
<Field
name="address1_line2"
id="address1_line2"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-20"
label={t(
"account:account-address-line-2-label"
)}
errorMsg="Is required"
/>
<Field
name="address1_city"
id="address1_city"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-10"
label={t("account:account-town-city-label")}
validate={[required]}
errorMsg="Is required"
/>
<Field
name="address1_county"
id="address1_county"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-10"
label={t("account:account-county-label")}
validate={[required]}
errorMsg="Is required"
/>
<Field
name="address1_postalcode"
id="address1_postalcode"
component={RenderTextfield}
type="text"
className="govuk-input govuk-input--width-5"
label={t("account:account-postcode-label")}
validate={[required]}
errorMsg="Is required"
/>
</fieldset>
<div className="govuk-button-group">
<button
type="submit"
className="govuk-button"
data-module="govuk-button"
>
{t("common:continue-button")}
</button>
<Link
href={
"/myportal?q=" +
props.props.accountDetails.loggedinUserId
} }
className="govuk-link"> setAccountUpdatedComplete={
setAccountUpdatedComplete
{t("common:cancel-link")} }
/>
</Link> </>
</div> )
</form>
) : ( ) : (
<> <PersonalDetailsComplete props={props} />
<BuildCheckPersonalDetails )}
props={props} </>
setPersonalDetailsComplete={ );
setPersonalDetailsComplete
}
setAccountUpdatedComplete={
setAccountUpdatedComplete
}
/>
</>
)
) : (
<PersonalDetailsComplete props={props} />
)}
</>;
}; };
const mapStateToProps = (state) => { const mapStateToProps = (state) => {
components/case/documents.js
+5 -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) => {
@@ -114,7 +117,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
+17 -430
View File
@@ -489,6 +489,8 @@ let MakeRepresentation = (props) => {
? router.query.state == "edit" ? router.query.state == "edit"
? props.props.myRepresentations.myRepresentations ? props.props.myRepresentations.myRepresentations
: props.props.searchResultsObj.searchDetailsObj : props.props.searchResultsObj.searchDetailsObj
: props.currentType == "watchedCases"
? props.props.watchedCases.watchedCasesDetails
: props.props.searchResultsObj.searchDetailsObj; : props.props.searchResultsObj.searchDetailsObj;
router.query.hasOwnProperty("state") && router.query.hasOwnProperty("state") &&
@@ -706,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(
@@ -751,436 +753,21 @@ let MakeRepresentation = (props) => {
</div> </div>
</div> </div>
</div> </div>
{ {formObj.hasOwnProperty(
formObj.hasOwnProperty( "representationForm"
) &&
formObj[
"representationForm" "representationForm"
].hasOwnProperty("values") &&
formObj[
"representationForm"
].values.hasOwnProperty(
"representationType"
) && ) &&
formObj[ formObj["representationForm"].values
"representationForm" .representationType ==
].hasOwnProperty("values") && "Questionnaire" &&
formObj[ whichProgress()}
"representationForm"
].values.hasOwnProperty(
"representationType"
) &&
formObj["representationForm"]
.values
.representationType ==
"Questionnaire" &&
whichProgress()
// <nav
// role="navigation"
// aria-labelledby="progress-list"
// className="at-nav"
// >
// <div
// id="step-by-step-navigation"
// data-module="gemstepnav"
// className="app-step-nav app-step-nav--active"
// data-id="e01e924b-9c7c-4c71-8241-66a575c2f61f"
// data-show-text="show"
// data-hide-text="hide"
// data-show-all-text="Show all"
// data-hide-all-text="Hide all"
// >
// <ol className="app-step-nav__steps">
// <li
// className={
// "app-step-nav__step js-step app-step-nav__step--active" +
// (showQuestionnaireSection >=
// 1
// ? " sectionComplete"
// : " sectionIncomplete")
// }
// aria-current="step"
// data-show=""
// id="check-youre-allowed-to-drive"
// >
// <div
// className="app-step-nav__header js-toggle-panel "
// data-position="1"
// >
// <h3 className="app-step-nav__title ">
// <span className="app-step-nav__circle app-step-nav__circle--number">
// <span className="app-step-nav__circle-inner">
// <span className="app-step-nav__circle-background">
// <span className="app-step-nav__circle-step-label govuk-visually-hidden">
// Step
// </span>{" "}
// 1
// <span
// className="app-step-nav__circle-step-colon govuk-visually-hidden"
// aria-hidden="true"
// >
// :
// </span>
// </span>
// </span>
// </span>
// <span className="js-step-title">
// <a
// href="#"
// onClick={() => {
// setShowQuestionnaireSection(
// 1
// );
// }}
// className="app-step-nav__button app-step-nav__button--title js-step-title-button"
// aria-expanded="false"
// aria-controls="step-panel-check-youre-allowed-to-drive-1"
// >
// <span className="js-step-title-text govuk-!-font-size-16">
// {t(
// "myrepresentations:s78-section-heading-one"
// )}
// aaa
// </span>
// </a>
// </span>
// </h3>
// </div>
// </li>
// <li
// className={
// "app-step-nav__step js-step app-step-nav__step--active" +
// (showQuestionnaireSection >=
// 2
// ? " sectionComplete"
// : " sectionIncomplete")
// }
// aria-current="step"
// data-show=""
// id="check-youre-allowed-to-drive"
// >
// <div
// className="app-step-nav__header js-toggle-panel "
// data-position="1"
// >
// <h3 className="app-step-nav__title ">
// <span className="app-step-nav__circle app-step-nav__circle--number">
// <span className="app-step-nav__circle-inner">
// <span className="app-step-nav__circle-background">
// <span className="app-step-nav__circle-step-label govuk-visually-hidden">
// Step
// </span>{" "}
// 2
// <span
// className="app-step-nav__circle-step-colon govuk-visually-hidden"
// aria-hidden="true"
// >
// :
// </span>
// </span>
// </span>
// </span>
// <span className="js-step-title">
// <a
// href="#"
// onClick={() => {
// setShowQuestionnaireSection(
// 2
// );
// }}
// className="app-step-nav__button app-step-nav__button--title js-step-title-button"
// aria-expanded="false"
// aria-controls="step-panel-check-youre-allowed-to-drive-1"
// >
// <span className="js-step-title-text govuk-!-font-size-16">
// {t(
// "myrepresentations:s78-section-heading-two"
// )}
// </span>
// </a>
// </span>
// </h3>
// </div>
// </li>
// <li
// className={
// "app-step-nav__step js-step app-step-nav__step--active" +
// (showQuestionnaireSection >=
// 3
// ? " sectionComplete"
// : " sectionIncomplete")
// }
// aria-current="step"
// data-show=""
// id="check-youre-allowed-to-drive"
// >
// <div
// className="app-step-nav__header js-toggle-panel "
// data-position="1"
// >
// <h3 className="app-step-nav__title ">
// <span className="app-step-nav__circle app-step-nav__circle--number">
// <span className="app-step-nav__circle-inner">
// <span className="app-step-nav__circle-background">
// <span className="app-step-nav__circle-step-label govuk-visually-hidden">
// Step
// </span>{" "}
// 3
// <span
// className="app-step-nav__circle-step-colon govuk-visually-hidden"
// aria-hidden="true"
// >
// :
// </span>
// </span>
// </span>
// </span>
// <span className="js-step-title">
// <a
// href="#"
// onClick={() => {
// setShowQuestionnaireSection(
// 3
// );
// }}
// className="app-step-nav__button app-step-nav__button--title js-step-title-button"
// aria-expanded="false"
// aria-controls="step-panel-check-youre-allowed-to-drive-1"
// >
// <span className="js-step-title-text govuk-!-font-size-16">
// {t(
// "myrepresentations:s78-section-heading-three"
// )}
// </span>
// </a>
// </span>
// </h3>
// </div>
// </li>
// <li
// className={
// "app-step-nav__step js-step app-step-nav__step--active" +
// (showQuestionnaireSection >=
// 4
// ? " sectionComplete"
// : " sectionIncomplete")
// }
// aria-current="step"
// data-show=""
// id="check-youre-allowed-to-drive"
// >
// <div
// className="app-step-nav__header js-toggle-panel "
// data-position="1"
// >
// <h3 className="app-step-nav__title ">
// <span className="app-step-nav__circle app-step-nav__circle--number">
// <span className="app-step-nav__circle-inner">
// <span className="app-step-nav__circle-background">
// <span className="app-step-nav__circle-step-label govuk-visually-hidden">
// Step
// </span>{" "}
// 4
// <span
// className="app-step-nav__circle-step-colon govuk-visually-hidden"
// aria-hidden="true"
// >
// :
// </span>
// </span>
// </span>
// </span>
// <span className="js-step-title">
// <a
// href="#"
// onClick={() => {
// setShowQuestionnaireSection(
// 4
// );
// }}
// className="app-step-nav__button app-step-nav__button--title js-step-title-button"
// aria-expanded="false"
// aria-controls="step-panel-check-youre-allowed-to-drive-1"
// >
// <span className="js-step-title-text govuk-!-font-size-16">
// {t(
// "myrepresentations:s78-section-heading-four"
// )}
// </span>
// </a>
// </span>
// </h3>
// </div>
// </li>
// <li
// className={
// "app-step-nav__step js-step app-step-nav__step--active" +
// (showQuestionnaireSection >=
// 5
// ? " sectionComplete"
// : " sectionIncomplete")
// }
// aria-current="step"
// data-show=""
// id="check-youre-allowed-to-drive"
// >
// <div
// className="app-step-nav__header js-toggle-panel "
// data-position="1"
// >
// <h3 className="app-step-nav__title ">
// <span className="app-step-nav__circle app-step-nav__circle--number">
// <span className="app-step-nav__circle-inner">
// <span className="app-step-nav__circle-background">
// <span className="app-step-nav__circle-step-label govuk-visually-hidden">
// Step
// </span>{" "}
// 5
// <span
// className="app-step-nav__circle-step-colon govuk-visually-hidden"
// aria-hidden="true"
// >
// :
// </span>
// </span>
// </span>
// </span>
// <span className="js-step-title">
// <a
// href="#"
// onClick={() => {
// setShowQuestionnaireSection(
// 5
// );
// }}
// className="app-step-nav__button app-step-nav__button--title js-step-title-button"
// aria-expanded="false"
// aria-controls="step-panel-check-youre-allowed-to-drive-1"
// >
// <span className="js-step-title-text govuk-!-font-size-16">
// {t(
// "myrepresentations:s78-section-heading-five"
// )}
// </span>
// </a>
// </span>
// </h3>
// </div>
// </li>{" "}
// <li
// className={
// "app-step-nav__step js-step app-step-nav__step--active" +
// (showQuestionnaireSection >=
// 6
// ? " sectionComplete"
// : " sectionIncomplete")
// }
// aria-current="step"
// data-show=""
// id="check-youre-allowed-to-drive"
// >
// <div
// className="app-step-nav__header js-toggle-panel "
// data-position="1"
// >
// <h3 className="app-step-nav__title ">
// <span className="app-step-nav__circle app-step-nav__circle--number">
// <span className="app-step-nav__circle-inner">
// <span className="app-step-nav__circle-background">
// <span className="app-step-nav__circle-step-label govuk-visually-hidden">
// Step
// </span>{" "}
// 6
// <span
// className="app-step-nav__circle-step-colon govuk-visually-hidden"
// aria-hidden="true"
// >
// :
// </span>
// </span>
// </span>
// </span>
// <span className="js-step-title">
// <a
// href="#"
// onClick={() => {
// setShowQuestionnaireSection(
// 6
// );
// }}
// className="app-step-nav__button app-step-nav__button--title js-step-title-button"
// aria-expanded="false"
// aria-controls="step-panel-check-youre-allowed-to-drive-1"
// >
// <span className="js-step-title-text govuk-!-font-size-16">
// {t(
// "myrepresentations:add-files-label"
// )}
// </span>
// </a>
// </span>
// </h3>
// </div>
// </li>
// <li
// className={
// "app-step-nav__step js-step app-step-nav__step--active" +
// (showQuestionnaireSection >=
// 7
// ? " sectionComplete"
// : " sectionIncomplete")
// }
// aria-current="step"
// data-show=""
// id="check-youre-allowed-to-drive"
// >
// <div
// className="app-step-nav__header js-toggle-panel "
// data-position="1"
// >
// <h3 className="app-step-nav__title ">
// <span className="app-step-nav__circle app-step-nav__circle--number">
// <span className="app-step-nav__circle-inner">
// <span className="app-step-nav__circle-background">
// <span className="app-step-nav__circle-step-label govuk-visually-hidden">
// Step
// </span>{" "}
// 7
// <span
// className="app-step-nav__circle-step-colon govuk-visually-hidden"
// aria-hidden="true"
// >
// :
// </span>
// </span>
// </span>
// </span>
// <span className="js-step-title">
// <a
// href="#"
// onClick={() => {
// setShowQuestionnaireSection(
// 7
// );
// }}
// className="app-step-nav__button app-step-nav__button--title js-step-title-button"
// aria-expanded="false"
// aria-controls="step-panel-check-youre-allowed-to-drive-1"
// >
// <span className="js-step-title-text govuk-!-font-size-16">
// {t(
// "myrepresentations:s78-section-heading-seven"
// )}
// </span>
// </a>
// </span>
// </h3>
// </div>
// </li>
// </ol>
// </div>
// </nav>
}
</div> </div>
</div> </div>
</> </>
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
+18 -29
View File
@@ -122,6 +122,7 @@ export const RenderRadioListWithText = ({
...custom ...custom
}) => { }) => {
const required = (value) => (value ? undefined : "Required"); const required = (value) => (value ? undefined : "Required");
const router = useRouter();
return ( return (
<> <>
@@ -197,8 +198,9 @@ export const RenderRadioListWithText = ({
"_Comments" "_Comments"
} }
> >
Please give further details for {router.locale == "en"
your this selection ? "Please give further details for this selection"
: "Rhowch fanylion pellach am y dewis hwn"}
</label> </label>
<Field <Field
name={ name={
@@ -281,7 +283,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 +387,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 +400,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 +472,9 @@ export const RenderPickList = ({
optionsArr, optionsArr,
meta: { touched, error }, meta: { touched, error },
errorMsg, errorMsg,
...custom
}) => { }) => {
console.log(custom.disabled);
return ( return (
<> <>
<div <div
@@ -491,14 +484,11 @@ export const RenderPickList = ({
: "govuk-form-group " : "govuk-form-group "
} }
> >
<label className="govuk-label" htmlFor="sort"> <label className="govuk-label" htmlFor={datafieldname}>
{label} {label}
</label> </label>
{touched && error && ( {touched && error && (
<span <span id={name + "-error"} className="govuk-error-message">
id="passport-issued-error"
className="govuk-error-message"
>
<span className="govuk-visually-hidden">Error:</span>{" "} <span className="govuk-visually-hidden">Error:</span>{" "}
{errorMsg} {errorMsg}
</span> </span>
@@ -508,8 +498,9 @@ export const RenderPickList = ({
<select <select
{...input} {...input}
className="govuk-select " className="govuk-select "
id={name} id={datafieldname}
name={name} name={datafieldname}
disabled={custom.disabled}
> >
<option>Select...</option> <option>Select...</option>
{Object.keys(optionsArr).map((key, index) => { {Object.keys(optionsArr).map((key, index) => {
@@ -702,14 +693,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}
@@ -793,11 +784,9 @@ export function MultiLinefield(props) {
return ( return (
<div className="govuk-form-group"> <div className="govuk-form-group">
<h1 className="govuk-label-wrapper"> <label className="govuk-label" htmlFor={props.name}>
<label className="govuk-label" htmlFor={props.name}> {props.label}
{props.label} </label>
</label>
</h1>
<div <div
id={props.name + "-hint"} id={props.name + "-hint"}
className="govuk-hint govuk-!-font-size-14" className="govuk-hint govuk-!-font-size-14"
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_enforcement.js
+100 -23
View File
@@ -38,11 +38,7 @@ const RepresentationProgress_enforcement = (props) => {
} = props; } = props;
return ( return (
<nav <nav role="navigation" aria-label="progress-list" className="at-nav">
role="navigation"
aria-labelledby="progress-list"
className="at-nav"
>
<div <div
id="step-by-step-navigation" id="step-by-step-navigation"
data-module="gemstepnav" data-module="gemstepnav"
@@ -63,7 +59,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-one")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -95,7 +93,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-one"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -116,7 +121,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-two")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -148,7 +155,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-two"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -169,7 +183,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-three")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -201,7 +217,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-three"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -222,7 +245,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-four")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -254,7 +279,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-four"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -275,7 +307,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-five")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -307,7 +341,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-five"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -328,7 +369,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-six")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -360,7 +403,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-six"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -381,7 +431,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-seven")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -413,7 +465,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-seven"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -434,7 +493,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:add-files-label")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -466,7 +527,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:add-files-label"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -487,7 +555,9 @@ const RepresentationProgress_enforcement = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:enf-section-heading-eight")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -519,7 +589,14 @@ const RepresentationProgress_enforcement = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:enf-section-heading-eight"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
components/case/representation/representationProgress/representationProgress_s78.js
+79 -20
View File
@@ -39,11 +39,7 @@ const RepresentationProgress_s78 = (props) => {
} = props; } = props;
return ( return (
<nav <nav role="navigation" aria-label="progress-list" className="at-nav">
role="navigation"
aria-labelledby="progress-list"
className="at-nav"
>
<div <div
id="step-by-step-navigation" id="step-by-step-navigation"
data-module="gemstepnav" data-module="gemstepnav"
@@ -64,7 +60,9 @@ const RepresentationProgress_s78 = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:s78-section-heading-one")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -96,7 +94,14 @@ const RepresentationProgress_s78 = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:s78-section-heading-one"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -117,7 +122,9 @@ const RepresentationProgress_s78 = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:s78-section-heading-two")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -149,7 +156,14 @@ const RepresentationProgress_s78 = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:s78-section-heading-two"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -170,7 +184,9 @@ const RepresentationProgress_s78 = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:s78-section-heading-three")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -202,7 +218,14 @@ const RepresentationProgress_s78 = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:s78-section-heading-three"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -223,7 +246,9 @@ const RepresentationProgress_s78 = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:s78-section-heading-four")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -255,7 +280,14 @@ const RepresentationProgress_s78 = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:s78-section-heading-four"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -276,7 +308,9 @@ const RepresentationProgress_s78 = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:s78-section-heading-five")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -308,11 +342,18 @@ const RepresentationProgress_s78 = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:s78-section-heading-five"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<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-five" "myrepresentations:s78-section-heading-three"
)} )}
</span> </span>
</a> </a>
@@ -329,7 +370,9 @@ const RepresentationProgress_s78 = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:s78-section-heading-six")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -361,7 +404,14 @@ const RepresentationProgress_s78 = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:add-files-label"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
@@ -382,7 +432,9 @@ const RepresentationProgress_s78 = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={t("myrepresentations:s78-section-heading-seven")
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -414,7 +466,14 @@ const RepresentationProgress_s78 = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
t(
"myrepresentations:s78-section-heading-seven"
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{t( {t(
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
+9 -20
View File
@@ -441,8 +441,8 @@ const CaseSummary = (props) => {
).length > ).length >
0 == 0 ==
true ? ( true ? (
<span <button
className="govuk-link" className="govuk-link watchCase"
onClick={() => { onClick={() => {
confirm( confirm(
t( t(
@@ -473,10 +473,10 @@ const CaseSummary = (props) => {
{t( {t(
"case:stop-watching-case-link" "case:stop-watching-case-link"
)}{" "} )}{" "}
</span> </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/case/summaryTypes/pinswg_advertsid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_advertsid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_advertsid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_callinss77id.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_callinss77id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_callinss77id = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_commonlandid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_commonlandid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_commonlandid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_communityinfrastructurelevyid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_compulsorypurchaseordersid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -220,7 +220,7 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_dnsid.js
+2 -2
View File
@@ -111,7 +111,7 @@ const Pinswg_dnsid = (props) => {
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -447,7 +447,7 @@ const Pinswg_dnsid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_electricityactid.js
+2 -2
View File
@@ -51,7 +51,7 @@ const Pinswg_electricityactid = (props) => {
)} )}
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -297,7 +297,7 @@ const Pinswg_electricityactid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_enforcementlistedbuildingconseid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_enforcementnoticeappeals174id.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_environmentalpermittingid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_environmentalpermittingid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_environmentalpermittingid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_harbourrevisionorderid.js
+2 -2
View File
@@ -51,7 +51,7 @@ const Pinswg_harbourrevisionorderid = (props) => {
)} )}
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -276,7 +276,7 @@ const Pinswg_harbourrevisionorderid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_householderappealhasid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_householderappealhasid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -194,7 +194,7 @@ const Pinswg_householderappealhasid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_ldpid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_ldpid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_ldpid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_listedbuildingandconservationrid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_maintenanceoflands217id.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_maintenanceoflands217id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_maintenanceoflands217id = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_miscellaneouscasewordid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_miscellaneouscasewordid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_miscellaneouscasewordid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_nonvalidationid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_nonvalidationid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -152,7 +152,7 @@ const Pinswg_nonvalidationid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_planningappeals78id.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_planningappeals78id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -236,7 +236,7 @@ const Pinswg_planningappeals78id = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_planningconditionss73s79id.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_planningconditionss73s79id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_planningconditionss73s79id = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_planningobligationappeals106id.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_planningobligationappeals106id = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_planningobligationappeals106id = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_rowid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_rowid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_rowid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_transportandworkactid.js
+2 -2
View File
@@ -51,7 +51,7 @@ const Pinswg_transportandworkactid = (props) => {
)} )}
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -128,7 +128,7 @@ const Pinswg_transportandworkactid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
components/case/summaryTypes/pinswg_wayleaveid.js
+2 -2
View File
@@ -13,7 +13,7 @@ const Pinswg_wayleaveid = (props) => {
return ( return (
<div className="govuk-grid-row"> <div className="govuk-grid-row">
<div className="flex-container grid-row govuk-body case"> <div className="flex-container grid-row govuk-body case">
<div className="card" id="casescomment-card"> <div className="card" id="case-details-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h2 className="govuk-heading-m govuk-!-margin-bottom-7"> <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_wayleaveid = (props) => {
</div> </div>
</div> </div>
</div> </div>
<div className="card" id="casescomment-card"> <div className="card" id="key-dates-card">
<div className="card-body"> <div className="card-body">
<div className="govuk-grid-column-full"> <div className="govuk-grid-column-full">
<h3 className="govuk-heading-m govuk-!-margin-bottom-7"> <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
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/elements/index.js
+13 -20
View File
@@ -251,11 +251,10 @@ export function MultiLinefield(props) {
{parentField != false ? ( {parentField != false ? (
showIfHasParentShowValue && ( showIfHasParentShowValue && (
<div> <div>
<h1 className="govuk-label-wrapper"> <label className="govuk-label" htmlFor={props.name}>
<label className="govuk-label" htmlFor={props.name}> {FieldsTranslations(props.label)}
{FieldsTranslations(props.label)} </label>
</label>
</h1>
<div <div
id={props.name + "-hint"} id={props.name + "-hint"}
className="govuk-hint govuk-!-font-size-14" className="govuk-hint govuk-!-font-size-14"
@@ -277,11 +276,9 @@ export function MultiLinefield(props) {
) )
) : ( ) : (
<div className="govuk-form-group"> <div className="govuk-form-group">
<h1 className="govuk-label-wrapper"> <label className="govuk-label" htmlFor={props.name}>
<label className="govuk-label" htmlFor={props.name}> {FieldsTranslations(props.label)}
{FieldsTranslations(props.label)} </label>
</label>
</h1>
<div <div
id={props.name + "-hint"} id={props.name + "-hint"}
className="govuk-hint govuk-!-font-size-14" className="govuk-hint govuk-!-font-size-14"
@@ -390,11 +387,9 @@ export function RichMultiLinefield(props) {
{parentField != false ? ( {parentField != false ? (
showIfHasParentShowValue && ( showIfHasParentShowValue && (
<div> <div>
<h1 className="govuk-label-wrapper"> <label className="govuk-label" htmlFor={props.name}>
<label className="govuk-label" htmlFor={props.name}> {FieldsTranslations(props.label)}
{FieldsTranslations(props.label)} </label>
</label>
</h1>
<div <div
id={props.name + "-hint"} id={props.name + "-hint"}
className="govuk-hint govuk-!-font-size-14" className="govuk-hint govuk-!-font-size-14"
@@ -416,11 +411,9 @@ export function RichMultiLinefield(props) {
) )
) : ( ) : (
<div className="govuk-form-group"> <div className="govuk-form-group">
<h1 className="govuk-label-wrapper"> <label className="govuk-label" htmlFor={props.name}>
<label className="govuk-label" htmlFor={props.name}> {FieldsTranslations(props.label)}
{FieldsTranslations(props.label)} </label>
</label>
</h1>
<div <div
id={props.name + "-hint"} id={props.name + "-hint"}
className="govuk-hint govuk-!-font-size-14" className="govuk-hint govuk-!-font-size-14"
components/footer.js
+211 -207
View File
@@ -13,7 +13,10 @@ export default function Footer(props) {
const linksBlock = Object.keys(linksArr).map((key) => ( const linksBlock = Object.keys(linksArr).map((key) => (
<li className="govuk-footer__inline-list-item" key={key}> <li className="govuk-footer__inline-list-item" key={key}>
<Link href={linksArr[key].path || "/"} className="govuk-footer__link"> <Link
href={linksArr[key].path || "/"}
className="govuk-footer__link"
>
{linksArr[key].title} {linksArr[key].title}
</Link> </Link>
</li> </li>
@@ -34,214 +37,214 @@ export default function Footer(props) {
" " + " " +
t("common:gov-wales-label").toLowerCase(); t("common:gov-wales-label").toLowerCase();
return <> return (
<div className="sharebar" id="sharebar"> <>
<div className="sharebar__components container-fluid"> <div
<div className="main__sharebar"> className="sharebar"
<div id="sharebar"
className={ role="complementary"
showShareState aria-label="Share this page"
? "block-share active" >
: "block-share" <div className="sharebar__components container-fluid">
} <div className="main__sharebar">
> <div
<button
id="sharePage"
aria-controls="sharePageLinks"
aria-expanded="true"
onClick={() => {
shareState();
}}
>
{t("common:social-bar-share-link")}
</button>
<ul
className={ className={
showShareState showShareState
? "block-share active" ? "block-share active"
: "block-share" : "block-share"
} }
id="sharePageLinks"
aria-labelledby="sharePage"
> >
<li> <button
<a id="sharePage"
href={ aria-controls="sharePageLinks"
"https://twitter.com/intent/tweet?url=" + aria-expanded="true"
shareBodyStr onClick={() => {
} shareState();
className="twitter" }}
> >
<span className="vo_hidden"> {t("common:social-bar-share-link")}
{t( </button>
"common:social-bar-share-via-link" <ul
)}{" "} className={
</span> showShareState
Twitter ? "block-share active"
</a> : "block-share"
</li> }
<li> id="sharePageLinks"
<a aria-labelledby="sharePage"
href={ >
"https://www.facebook.com/sharer/sharer.php?u=" + <li>
shareBodyStr
}
className="facebook"
>
<span className="vo_hidden">
Share this page via{" "}
</span>
Facebook
</a>
</li>
<li>
<a
href={
"mailto:?body=" +
shareBodyStr +
"&subject=" +
shareSubjectStr
} //</li>https%3A//gov.wales/&amp;subject=Shared%20from%20gov.wales"
className="email"
>
<span className="vo_hidden">
Share this page via{" "}
</span>
Email
</a>
</li>
</ul>
</div>
<div
id="sharebar__backtotop"
className="btn--outlined btn--arrow-up"
>
<a href="#page_wrapper">
{t("common:back-to-top-link")}
</a>
</div>
</div>
</div>
</div>
<footer className="govuk-footer " role="contentinfo">
<div className="govuk-width-container ">
<div className="govuk-footer__meta">
<div className="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 className="govuk-visually-hidden">
Support links
</h2>
<nav
role="navigation"
aria-labelledby="footer_links"
>
<ul className="govuk-footer__inline-list">
<li className="govuk-footer__inline-list-item govuk-!-font-weight-bold govuk-!-margin-right-7">
<a <a
href={t( href={
"common:footer-guidance-link" "https://twitter.com/intent/tweet?url=" +
)} shareBodyStr
className="nav-link" }
className="twitter"
> >
{t( <span className="vo_hidden">
"common:footer-guidance-link-label" {t(
)} "common:social-bar-share-via-link"
)}{" "}
</span>
Twitter
</a> </a>
</li> </li>
<li className="govuk-footer__inline-list-item govuk-!-font-weight-bold"> <li>
<a <a
href={t( href={
"common:footer-contact-us-link" "https://www.facebook.com/sharer/sharer.php?u=" +
)} shareBodyStr
className="govuk-footer__link" }
id="aContactUs" className="facebook"
> >
{t( <span className="vo_hidden">
"common:footer-contact-us-link-label" Share this page via{" "}
)} </span>
Facebook
</a>
</li>
<li>
<a
href={
"mailto:?body=" +
shareBodyStr +
"&subject=" +
shareSubjectStr
} //</li>https%3A//gov.wales/&amp;subject=Shared%20from%20gov.wales"
className="email"
>
<span className="vo_hidden">
Share this page via{" "}
</span>
Email
</a> </a>
</li> </li>
</ul> </ul>
<ul </div>
className="govuk-footer__inline-list" <div
id="footer_links" id="sharebar__backtotop"
className="btn--outlined btn--arrow-up"
>
<a href="#page_wrapper">
{t("common:back-to-top-link")}
</a>
</div>
</div>
</div>
</div>
<footer className="govuk-footer " role="contentinfo">
<div className="govuk-width-container ">
<div className="govuk-footer__meta">
<div className="govuk-footer__meta-item govuk-footer__meta-item--grow">
<h2 className="govuk-visually-hidden">
Support links
</h2>
<nav
role="navigation"
aria-labelledby="footer_links"
> >
<li className="govuk-footer__inline-list-item"> <ul className="govuk-footer__inline-list">
<Link <li className="govuk-footer__inline-list-item govuk-!-font-weight-bold govuk-!-margin-right-7">
href={ <a
router.locale == "cy" href={t(
? "/hygyrchedd" "common:footer-guidance-link"
: "/accessibility" )}
} className="nav-link"
className="govuk-footer__link" >
id="aAccessibility"> {t(
"common:footer-guidance-link-label"
)}
</a>
</li>
<li className="govuk-footer__inline-list-item govuk-!-font-weight-bold">
<a
href={t(
"common:footer-contact-us-link"
)}
className="govuk-footer__link"
id="aContactUs"
>
{t(
"common:footer-contact-us-link-label"
)}
</a>
</li>
</ul>
<ul
className="govuk-footer__inline-list"
id="footer_links"
>
<li className="govuk-footer__inline-list-item">
<Link
href={
router.locale == "cy"
? "/hygyrchedd"
: "/accessibility"
}
className="govuk-footer__link"
id="aAccessibility"
>
{t(
"common:footer-accessibility-link-label"
)}
</Link>
</li>
{t( <li className="govuk-footer__inline-list-item">
"common:footer-accessibility-link-label" <Link
)} href={
router.locale == "cy"
? "/help/cwcis"
: "/help/cookies"
}
id="aCookies"
className="govuk-footer__link"
>
{t("common:footer-cookies-link")}
</Link>
</li>
<li className="govuk-footer__inline-list-item">
<a
href={t(
"common:footer-copyright-link"
)}
className="govuk-footer__link"
id="Access"
>
{t(
"common:footer-copyright-link-label"
)}
</a>
</li>
</Link> <li className="govuk-footer__inline-list-item">
</li> <Link
href={t(
"common:footer-privacy-link"
)}
id="aPrivacy"
className="govuk-footer__link"
>
{t(
"common:footer-privacy-link-label"
)}
</Link>
</li>
<li className="govuk-footer__inline-list-item"> <li className="govuk-footer__inline-list-item">
<Link <Link
href={ href={t(
router.locale == "cy" "common:footer-terms-conditions-link"
? "/help/cwcis" )}
: "/help/cookies" id="aTermsConds"
} className="govuk-footer__link"
id="aCookies" >
className="govuk-footer__link"> {t(
"common:footer-terms-conditions-link-label"
{t( )}
"common:footer-cookies-link" </Link>
)} </li>
{/* <li className="govuk-footer__inline-list-item">
</Link>
</li>
<li className="govuk-footer__inline-list-item">
<a
href={t(
"common:footer-copyright-link"
)}
className="govuk-footer__link"
id="Access"
>
{t(
"common:footer-copyright-link-label"
)}
</a>
</li>
<li className="govuk-footer__inline-list-item">
<Link
href={t(
"common:footer-privacy-link"
)}
id="aPrivacy"
className="govuk-footer__link">
{t(
"common:footer-privacy-link-label"
)}
</Link>
</li>
<li className="govuk-footer__inline-list-item">
<Link
href={t(
"common:footer-terms-conditions-link"
)}
id="aTermsConds"
className="govuk-footer__link">
{t(
"common:footer-terms-conditions-link-label"
)}
</Link>
</li>
{/* <li className="govuk-footer__inline-list-item">
<a <a
href={t( href={t(
"common:footer-alternative-languages-link" "common:footer-alternative-languages-link"
@@ -256,25 +259,26 @@ export default function Footer(props) {
)} )}
</a> </a>
</li> */} </li> */}
</ul> </ul>
</nav> </nav>
<div <div
className="footer_logo container-fluid" className="footer_logo container-fluid"
id="footer_logo" id="footer_logo"
>
<a
href={t("common:gov-wales-link")}
className="footer__logo"
id="footerlogo"
> >
<span className="visually-hidden"> <a
{t("common:gov-wales-label")} href={t("common:gov-wales-link")}
</span> className="footer__logo"
</a> id="footerlogo"
>
<span className="visually-hidden">
{t("common:gov-wales-label")}
</span>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </footer>
</footer> </>
</>; );
} }
components/homepage/casesearch.js
+54 -53
View File
@@ -94,62 +94,63 @@ let CaseSearch = (props) => {
}); });
}; };
return <> return (
<div className="card" id="casesearch-card"> <>
<form onSubmit={handleSubmit(onHandleSubmit)}> <div className="card" id="casesearch-card">
<div className="card-body"> <form onSubmit={handleSubmit(onHandleSubmit)}>
<h3 className="heading-small card-heading"> <div className="card-body">
{t("home:casesearch-card-title")} <h2 className="heading-small card-heading">
</h3> {t("home:casesearch-card-title")}
</h2>
<Field <Field
validate={[ validate={[
required( required(
t( t(
"home:casesearch-search-validation-required" "home:casesearch-search-validation-required"
) )
), ),
minLength( minLength(
t( t(
"home:casesearch-search-validation-minlength" "home:casesearch-search-validation-minlength"
) )
), ),
]} ]}
className="govuk-input" className="govuk-input"
component={RenderTextfield} component={RenderTextfield}
id="basicSearch" id="basicSearch"
name="basicSearch" name="basicSearch"
type="text" type="text"
aria-describedby="basicSearch-hint" aria-describedby="basicSearch-hint"
hint1={t("home:casesearch-card-search-hint")} hint1={t("home:casesearch-card-search-hint")}
hint2={t( hint2={t(
"home:casesearch-card-search-example-label-1" "home:casesearch-card-search-example-label-1"
)} )}
hint3={t( hint3={t(
"home:casesearch-card-search-example-label-2" "home:casesearch-card-search-example-label-2"
)} )}
/> />
<div className="govuk-form-group"> <div className="govuk-form-group">
<button type="submit" className="govuk-button"> <button type="submit" className="govuk-button">
{t("home:casesearch-card-button")} {t("home:casesearch-card-button")}
</button> </button>
</div>
<Link
href={
router.locale == "cy"
? "/chwiliouwch"
: "/advancedsearch"
}
className="govuk-link--no-underline"
>
{t("home:casesearch-card-advanced-link")}
</Link>
</div> </div>
<Link </form>
href={ </div>
router.locale == "cy" </>
? "/chwiliouwch" );
: "/advancedsearch"
}
className="govuk-link--no-underline">
{t("home:casesearch-card-advanced-link")}
</Link>
</div>
</form>
</div>
</>;
}; };
const mapStateToProps = (state) => { const mapStateToProps = (state) => {
components/homepage/dns.js
+3 -4
View File
@@ -16,7 +16,7 @@ export default function Dns() {
// : setShowSpinnerState(true); // : setShowSpinnerState(true);
// }; // };
return ( return (
<div className="card" id="casesearch-card"> <div className="card" id="dns-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("home:dns-card-title")} {t("home:dns-card-title")}
@@ -36,10 +36,9 @@ export default function Dns() {
// onClick={() => { // onClick={() => {
// spinnerState(); // spinnerState();
// }} // }}
className="govuk-button withChevron govuk-button-cta"> className="govuk-button withChevron govuk-button-cta"
>
{t("home:dns-card-button")} {t("home:dns-card-button")}
</Link> </Link>
</div> </div>
</div> </div>
components/myportal/advancedsearch.js
+1 -1
View File
@@ -194,7 +194,7 @@ let AdvancedSearch = (props) => {
</label> </label>
{touched && error && ( {touched && error && (
<span <span
id="passport-issued-error" id={name + "-error"}
className="govuk-error-message" className="govuk-error-message"
> >
<span className="govuk-visually-hidden"> <span className="govuk-visually-hidden">
components/myportal/awaitingsubmission.js
+3 -4
View File
@@ -13,7 +13,7 @@ const AwaitingSubmission = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="awaiting-submission-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:awatitingsubmission-card-title")} {t("myportal:awatitingsubmission-card-title")}
@@ -46,10 +46,9 @@ const AwaitingSubmission = (props) => {
"viewName": "Awaiting Submission", "viewName": "Awaiting Submission",
"viewKey": "awaitingSubmission", "viewKey": "awaitingSubmission",
}); });
}}> }}
>
{t("myportal:viewall-link")} {t("myportal:viewall-link")}
</Link> </Link>
</div> </div>
)} )}
components/myportal/awaitingsubmissionfromblob.js
+4 -4
View File
@@ -177,8 +177,8 @@ const AwaitingSubmissionFromBlob = (props) => {
: showTopThreeArrDets[key]["pinswg_lpaname"] || ""} : showTopThreeArrDets[key]["pinswg_lpaname"] || ""}
</div> </div>
<div className=""> <div className="">
<span <button
href="#" 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(
@@ -196,14 +196,14 @@ const AwaitingSubmissionFromBlob = (props) => {
}} }}
> >
&mdash; &mdash;
</span> </button>
</div> </div>
</div> </div>
); );
}); });
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="awaiting-submission-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:awatitingsubmission-card-title")} {t("myportal:awatitingsubmission-card-title")}
components/myportal/dns.js
+3 -4
View File
@@ -16,7 +16,7 @@ export default function Dns() {
// : setShowSpinnerState(true); // : setShowSpinnerState(true);
// }; // };
return ( return (
<div className="card" id="casesearch-card"> <div className="card" id="dns-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("home:dns-card-title")} {t("home:dns-card-title")}
@@ -36,10 +36,9 @@ export default function Dns() {
// onClick={() => { // onClick={() => {
// spinnerState(); // spinnerState();
// }} // }}
className="govuk-button withChevron govuk-button-cta"> className="govuk-button withChevron govuk-button-cta"
>
{t("home:dns-card-button")} {t("home:dns-card-button")}
</Link> </Link>
</div> </div>
</div> </div>
components/myportal/makenewappeal.js
+1 -3
View File
@@ -8,7 +8,7 @@ export default function MakeNewAppeal() {
const router = useRouter(); const router = useRouter();
const { locale } = router; const { locale } = router;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="new-appeal-card">
<div className="card-body"> <div className="card-body">
<h2 className="govuk-heading-s"> <h2 className="govuk-heading-s">
{t("myportal:makenewappeal-card-title")} {t("myportal:makenewappeal-card-title")}
@@ -21,9 +21,7 @@ export default function MakeNewAppeal() {
</p> </p>
<div> <div>
<Link href={"/newappeal"} className="govuk-button"> <Link href={"/newappeal"} className="govuk-button">
{t("myportal:makenewappeal-card-button-label")} {t("myportal:makenewappeal-card-button-label")}
</Link> </Link>
</div> </div>
</div> </div>
components/myportal/mycases.js
+3 -4
View File
@@ -12,7 +12,7 @@ const MyCases = (props) => {
const { locale } = router; const { locale } = router;
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-cases-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:mycases-card-title")} {t("myportal:mycases-card-title")}
@@ -40,13 +40,12 @@ const MyCases = (props) => {
"viewName": "My Cases", "viewName": "My Cases",
"viewKey": "myCases", "viewKey": "myCases",
}); });
}}> }}
>
{t("myportal:viewall-link")}{" "} {t("myportal:viewall-link")}{" "}
{props.isLPA && {props.isLPA &&
props.myCases.myCases["@odata.count"] + props.myCases.myCases["@odata.count"] +
" appeals"} " appeals"}
</Link> </Link>
</div> </div>
)} )}
components/myportal/myrepresentations.js
+1 -1
View File
@@ -13,7 +13,7 @@ const MyRepresentations = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-representations-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:myrepresentations-card-title")} {t("myportal:myrepresentations-card-title")}
components/myportal/myrepresentationsfromblob.js
+1 -1
View File
@@ -13,7 +13,7 @@ const MyRepresentations = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-representations-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:myrepresentations-card-title")}dd {t("myportal:myrepresentations-card-title")}dd
components/myportal/topthree.js
+6 -5
View File
@@ -303,8 +303,8 @@ const TopThree = (props) => {
</div> </div>
{topThreeType == "watchedCases" && ( {topThreeType == "watchedCases" && (
<div className=""> <div className="">
<span <button
href="#" 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(
@@ -320,12 +320,13 @@ const TopThree = (props) => {
}} }}
> >
&mdash; &mdash;
</span> </button>
</div> </div>
)} )}
{topThreeType == "awaitingSubmission" && ( {topThreeType == "awaitingSubmission" && (
<div className=""> <div className="">
<span <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(
@@ -343,7 +344,7 @@ const TopThree = (props) => {
}} }}
> >
&mdash; &mdash;
</span> </button>
</div> </div>
)} )}
</div> </div>
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/myportal/watchedcases.js
+1 -1
View File
@@ -13,7 +13,7 @@ const WatchedCases = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-watched-cases-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:watchedcases-card-title")} {t("myportal:watchedcases-card-title")}
components/myportal/youraccount.js
+22 -19
View File
@@ -7,26 +7,28 @@ export default function YourAccount() {
const router = useRouter(); const router = useRouter();
const { locale } = router; const { locale } = router;
return <> return (
<div className="card" id="casescomment-card"> <>
<div className="card-body"> <div className="card" id="your-account-card">
<h3 className="heading-small card-heading"> <div className="card-body">
{t("myportal:yourdetails-card-title")} <h3 className="heading-small card-heading">
</h3> {t("myportal:yourdetails-card-title")}
<p className="govuk-body-s"> </h3>
{t("myportal:yourdetails-card-paragraph-one")} <p className="govuk-body-s">
</p> {t("myportal:yourdetails-card-paragraph-one")}
</p>
<div> <div>
<Link href="/account/personaldetails" className="govuk-button-secondary"> <Link
href="/account/personaldetails"
{t("myportal:yourdetails-card-link")} className="govuk-button-secondary"
>
</Link> {t("myportal:yourdetails-card-link")}
</Link>
</div>
</div> </div>
</div>
{/* <div className="card-body"> {/* <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:changepassword-card-title")} {t("myportal:changepassword-card-title")}
</h3> </h3>
@@ -43,6 +45,7 @@ export default function YourAccount() {
</Link> </Link>
</div> </div>
</div> */} </div> */}
</div> </div>
</>; </>
);
} }
components/newappeal/aboutyou.js
+5 -20
View File
@@ -95,6 +95,7 @@ const RenderMultiline = ({
</span> </span>
)} )}
<textarea <textarea
id={id}
{...input} {...input}
rows={rows} rows={rows}
className={className} className={className}
@@ -124,17 +125,9 @@ const RenderYesNo = ({
: "govuk-form-group " : "govuk-form-group "
} }
> >
<fieldset <fieldset className="govuk-fieldset">
className="govuk-fieldset"
aria-describedby={name + "-hint"}
>
<legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular"> <legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular">
<label {label}
className="govuk-fieldset__heading govuk-body-m"
id={id + "_label"}
>
{label}
</label>
</legend> </legend>
{touched && error && ( {touched && error && (
<span <span
@@ -200,17 +193,9 @@ const RenderRadio = ({
: "govuk-form-group " : "govuk-form-group "
} }
> >
<fieldset <fieldset className="govuk-fieldset">
className="govuk-fieldset"
aria-describedby={datafieldname + "-hint"}
>
<legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular"> <legend className="govuk-fieldset__legend govuk-fieldset__legend--s govuk-!-font-weight-regular">
<label {label}
className="govuk-fieldset__heading govuk-body-m"
id={id + "_label"}
>
{label}
</label>
</legend> </legend>
{touched && error && ( {touched && error && (
<span <span
components/newappeal/buildprogress.js
+13 -4
View File
@@ -37,7 +37,7 @@ const BuildProgress = (props) => {
<> <>
<nav <nav
role="navigation" role="navigation"
aria-labelledby="progress-list" aria-label="progress-list"
className="at-nav" className="at-nav"
> >
<h2 className="govuk-heading-s govuk-!-font-weight-bold gov-font-dark-grey progress-heading"> <h2 className="govuk-heading-s govuk-!-font-weight-bold gov-font-dark-grey progress-heading">
@@ -71,7 +71,9 @@ const BuildProgress = (props) => {
} }
aria-current="step" aria-current="step"
data-show="" data-show=""
id="check-youre-allowed-to-drive" id={FieldsTranslations(progObj[index].title)
.replace(/\s+/g, "-")
.toLowerCase()}
> >
<div <div
className="app-step-nav__header js-toggle-panel " className="app-step-nav__header js-toggle-panel "
@@ -105,12 +107,19 @@ const BuildProgress = (props) => {
}} }}
className="app-step-nav__button app-step-nav__button--title js-step-title-button" className="app-step-nav__button app-step-nav__button--title js-step-title-button"
aria-expanded="false" aria-expanded="false"
aria-controls="step-panel-check-youre-allowed-to-drive-1" aria-controls={
"step-panel-" +
FieldsTranslations(
progObj[index].title
)
.replace(/\s+/g, "-")
.toLowerCase()
}
> >
<span className="js-step-title-text govuk-!-font-size-16"> <span className="js-step-title-text govuk-!-font-size-16">
{FieldsTranslations( {FieldsTranslations(
progObj[index].title progObj[index].title
)} )}{" "}
</span> </span>
</a> </a>
</span> </span>
components/newappeal/createCase.js
+5 -5
View File
@@ -67,12 +67,12 @@ let CreateCase = (props) => {
} }
> >
{" "} {" "}
<label className="govuk-label" htmlFor="sort"> <label className="govuk-label" htmlFor="lpatypes">
{label} {label}
</label> </label>
{touched && error && ( {touched && error && (
<span <span
id="passport-issued-error" id={name + "-error"}
className="govuk-error-message" className="govuk-error-message"
> >
<span className="govuk-visually-hidden"> <span className="govuk-visually-hidden">
@@ -86,7 +86,7 @@ let CreateCase = (props) => {
{...input} {...input}
className="govuk-select govuk-input--error" className="govuk-select govuk-input--error"
id="lpatypes" id="lpatypes"
name={name} name="lpatypes"
//onChange={(e) => props.onChangeSelectLPA(e)} //onChange={(e) => props.onChangeSelectLPA(e)}
> >
<option value="" disabled defaultValue> <option value="" disabled defaultValue>
@@ -136,12 +136,12 @@ let CreateCase = (props) => {
: "govuk-form-group " : "govuk-form-group "
} }
> >
<label className="govuk-label" htmlFor="sort"> <label className="govuk-label" htmlFor="appealTypes">
{label} {label}
</label> </label>
{touched && error && ( {touched && error && (
<span <span
id="passport-issued-error" id={name + "-error"}
className="govuk-error-message" className="govuk-error-message"
> >
<span className="govuk-visually-hidden"> <span className="govuk-visually-hidden">
components/pdftemplates/statement_pdf.js
+1 -4
View File
@@ -11,10 +11,7 @@ import ReactPDF, {
import { createElement } from "react"; import { createElement } from "react";
import Html from "react-pdf-html"; import Html from "react-pdf-html";
import { getFormCollectionByID } from "../../components/utils"; import { getFormCollectionByID } from "../../components/utils";
import useTranslation from "next-translate/useTranslation";
import renderers, { renderBlock } from "react-pdf-html/dist/renderers"; import renderers, { renderBlock } from "react-pdf-html/dist/renderers";
import transLookupCY from "../../locales/cy/myrepresentations.json"; import transLookupCY from "../../locales/cy/myrepresentations.json";
import transLookupEN from "../../locales/en/myrepresentations.json"; import transLookupEN from "../../locales/en/myrepresentations.json";
import { JSONPath as jsonpath } from "jsonpath-plus"; import { JSONPath as jsonpath } from "jsonpath-plus";
@@ -118,7 +115,7 @@ export const statement_pdf = ({ docProps }) => {
let datestr = values.pinswg_name.split("-"); let datestr = values.pinswg_name.split("-");
let signedDate = datestr[2] + "/" + datestr[1] + "/" + datestr[0]; let signedDate = datestr[2] + "/" + datestr[1] + "/" + datestr[0];
let appealTypeValue = getFormCollectionByID(values.appealType); let appealTypeValue = getFormCollectionByID(values.appealType);
let { t } = useTranslation();
return ( return (
<Document> <Document>
<Page size="A4" style={styles.page} wrap> <Page size="A4" style={styles.page} wrap>
components/search/advancedsearch.js
+2 -5
View File
@@ -94,10 +94,7 @@ const RenderCaseStatusList = ({
{name} {name}
</label> </label>
{touched && error && ( {touched && error && (
<span <span id={name + "-error"} className="govuk-error-message">
id="passport-issued-error"
className="govuk-error-message"
>
<span className="govuk-visually-hidden">Error:</span>{" "} <span className="govuk-visually-hidden">Error:</span>{" "}
{errormsg} {errormsg}
</span> </span>
@@ -290,7 +287,7 @@ let AdvancedSearch = (props) => {
</label> </label>
{touched && error && ( {touched && error && (
<span <span
id="passport-issued-error" id={name + "-error"}
className="govuk-error-message" className="govuk-error-message"
> >
<span className="govuk-visually-hidden"> <span className="govuk-visually-hidden">
components/search/dnssearchresults.js
+6 -4
View File
@@ -308,9 +308,8 @@ const DNSSearchResults = (props) => {
{t("search:searchresults-status-label")} {t("search:searchresults-status-label")}
</button> </button>
</dd> </dd>
{myportal == true && (
<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 ? ( {showSpinnerState == true ? (
@@ -743,7 +742,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/pagination.js
+6 -6
View File
@@ -91,7 +91,7 @@ const PaginationControl = (props) => {
<div className="govuk-grid-row paginationWrapper"> <div className="govuk-grid-row paginationWrapper">
<div className="govuk-grid-column-one-quarter paginationPrevious"> <div className="govuk-grid-column-one-quarter paginationPrevious">
{props.currentView.currentPage != 1 ? ( {props.currentView.currentPage != 1 ? (
<span <button
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(),
@@ -108,7 +108,7 @@ const PaginationControl = (props) => {
}} }}
> >
{t("common:previous-link-button")} {t("common:previous-link-button")}
</span> </button>
) : ( ) : (
<span className="govuk-body leftTextButton govuk-!-font-weight-bold"> <span className="govuk-body leftTextButton govuk-!-font-weight-bold">
{t("common:previous-link-button")} {t("common:previous-link-button")}
@@ -132,7 +132,7 @@ const PaginationControl = (props) => {
{e} {e}
</span> </span>
) : ( ) : (
<span <button
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={() => {
@@ -146,13 +146,13 @@ const PaginationControl = (props) => {
}} }}
> >
{e} {e}
</span> </button>
) )
)} )}
</div> </div>
<div className="govuk-grid-column-one-quarter paginationNext"> <div className="govuk-grid-column-one-quarter paginationNext">
{props.currentView.currentPage < pagesCount ? ( {props.currentView.currentPage < pagesCount ? (
<span <button
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(),
@@ -169,7 +169,7 @@ const PaginationControl = (props) => {
}} }}
> >
{t("common:next-link-button")} {t("common:next-link-button")}
</span> </button>
) : ( ) : (
<span className="govuk-body rightTextButton govuk-!-font-weight-bold"> <span className="govuk-body rightTextButton govuk-!-font-weight-bold">
{" "} {" "}
components/search/searchresults.js
+9 -10
View File
@@ -254,9 +254,8 @@ const SearchResults = (props) => {
{t("search:searchresults-status-label")} {t("search:searchresults-status-label")}
</button> </button>
</dd> </dd>
{myportal == true && (
<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 ? ( {showSpinnerState == true ? (
<div className="govuk-summary-list__row"> <div className="govuk-summary-list__row">
@@ -497,7 +496,7 @@ const SearchResults = (props) => {
.length > .length >
0 == 0 ==
true ? ( true ? (
<span <button
className="govuk-summary-list__actionLink watched_link" className="govuk-summary-list__actionLink watched_link"
onClick={() => { onClick={() => {
confirm( confirm(
@@ -521,9 +520,9 @@ const SearchResults = (props) => {
)} )}
> >
<span className="eye"></span> <span className="eye"></span>
</span> </button>
) : ( ) : (
<span <button
className="govuk-summary-list__actionLink watchLink" className="govuk-summary-list__actionLink watchLink"
onClick={() => { onClick={() => {
confirm( confirm(
@@ -546,7 +545,7 @@ const SearchResults = (props) => {
)} )}
> >
<span className="eye"></span> <span className="eye"></span>
</span> </button>
)} )}
</dd> </dd>
)} )}
@@ -560,7 +559,7 @@ const SearchResults = (props) => {
"case:watch-this-case-link" "case:watch-this-case-link"
)} )}
</span> </span>
<span <button
className="govuk-summary-list__actionLink watchLink" className="govuk-summary-list__actionLink watchLink"
onClick={() => { onClick={() => {
confirm( confirm(
@@ -589,7 +588,7 @@ const SearchResults = (props) => {
)} )}
> >
<span className="eye"></span> <span className="eye"></span>
</span> </button>
</dd> </dd>
)} )}
</div> </div>
@@ -810,7 +809,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"
locales/cy/myrepresentations.json
+1 -1
View File
@@ -15,7 +15,7 @@
"questionnaire-publish-policy-label": "Sylwch y gall holl ddogfennau holiadur gael eu cyhoeddi yn unol â'n Polisi Cyhoeddi. Os bydd eich holiadur yn cynnwys unrhyw wybodaeth sensitif neu wybodaeth a allai fod yn ddifenwol, efallai y caiff ei olygu cyn ei gyhoeddi", "questionnaire-publish-policy-label": "Sylwch y gall holl ddogfennau holiadur gael eu cyhoeddi yn unol â'n Polisi Cyhoeddi. Os bydd eich holiadur yn cynnwys unrhyw wybodaeth sensitif neu wybodaeth a allai fod yn ddifenwol, efallai y caiff ei olygu cyn ei gyhoeddi",
"add-files-label": "Ychwanegwch eich ffeiliau", "add-files-label": "Ychwanegwch eich ffeiliau",
"capacity-para-one": "Mae'r ffurflen hon yn eich galluogi i gyflwyno sylwadau ar achos i Benderfyniadau Cynllunio ac Amgylchedd Cymru.", "capacity-para-one": "Mae'r ffurflen hon yn eich galluogi i gyflwyno sylwadau ar achos i Benderfyniadau Cynllunio ac Amgylchedd Cymru.",
"capacity-para-two": "Sylwch fod angen gwneud sylwadau gan bartïon â diddordeb o fewn yr amserlen. Mae hwn i'w weld ar y &lsquo;Crynodeb Achos&lsquo; tudalen. Gall sylwadau a gyflwynir ar ôl y dyddiad hwn gael eu hystyried yn annilys.", "capacity-para-two": "Sylwch fod angen gwneud sylwadau gan bartïon â diddordeb o fewn yr amserlen. Mae hwn i'w weld ar y \"Crynodeb Achos\" tudalen. Gall sylwadau a gyflwynir ar ôl y dyddiad hwn gael eu hystyried yn annilys.",
"capacity-select-your-details": "Eich manylion", "capacity-select-your-details": "Eich manylion",
"capacity-select-what-capacity-label": "Ym mha rinwedd ydych chi am gyflwyno sylwadau ar yr achos hwn?", "capacity-select-what-capacity-label": "Ym mha rinwedd ydych chi am gyflwyno sylwadau ar yr achos hwn?",
"capacity-options-arr-appellant": "Apelydd", "capacity-options-arr-appellant": "Apelydd",
locales/en/myrepresentations.json
+1 -1
View File
@@ -15,7 +15,7 @@
"questionnaire-publish-policy-label": "Please note that all questionnaire documents may be published in line with our Publishing Policy. Should your questionnaire include any sensitive information or potentially defamatory information, it may be redacted before publishing", "questionnaire-publish-policy-label": "Please note that all questionnaire documents may be published in line with our Publishing Policy. Should your questionnaire include any sensitive information or potentially defamatory information, it may be redacted before publishing",
"add-files-label": "Add your files", "add-files-label": "Add your files",
"capacity-para-one": "This form enables you to submit comments on a case to Planning and Environment Decisions Wales.", "capacity-para-one": "This form enables you to submit comments on a case to Planning and Environment Decisions Wales.",
"capacity-para-two": "Please note that comments from interested parties need to be made within the timetable. This can be found on the previous &lsquo;Case Summary&lsquo; page. Comments submitted after this date may be considered invalid.", "capacity-para-two": "Please note that comments from interested parties need to be made within the timetable. This can be found on the previous \"Case Summary\" page. Comments submitted after this date may be considered invalid.",
"capacity-select-your-details": "Your details", "capacity-select-your-details": "Your details",
"capacity-select-what-capacity-label": "In what capacity do you wish to make representations on this case?", "capacity-select-what-capacity-label": "In what capacity do you wish to make representations on this case?",
"capacity-options-arr-appellant": "Appellant", "capacity-options-arr-appellant": "Appellant",
pages/auth/error.js
+5 -1
View File
@@ -45,7 +45,11 @@ const Error = (props) => {
<div className="govuk-width-container govuk-!-padding-bottom-9"> <div className="govuk-width-container govuk-!-padding-bottom-9">
<Breadcrumbs /> <Breadcrumbs />
<main className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"> <main
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"
id="main-content"
role="main"
>
<div className="govuk-grid-row "> <div className="govuk-grid-row ">
<div className="govuk-grid-column-two-thirds "> <div className="govuk-grid-column-two-thirds ">
<h1>{t("auth:auth-error-heading")}</h1> <h1>{t("auth:auth-error-heading")}</h1>
pages/auth/signin.js
+5 -1
View File
@@ -33,7 +33,11 @@ const SignIn = (props) => {
<Header courseName={t("common:service-name")} /> <Header courseName={t("common:service-name")} />
<div className="govuk-width-container govuk-!-padding-bottom-9"> <div className="govuk-width-container govuk-!-padding-bottom-9">
<Breadcrumbs /> <Breadcrumbs />
<main className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"> <main
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"
id="main-content"
role="main"
>
<div className="govuk-grid-row "> <div className="govuk-grid-row ">
<div className="govuk-grid-column-two-thirds "> <div className="govuk-grid-column-two-thirds ">
<h1>{t("auth:auth-page-title")} </h1> <h1>{t("auth:auth-page-title")} </h1>
pages/auth/verify-request.js
+5 -1
View File
@@ -26,7 +26,11 @@ const SignIn = (props) => {
<div className="govuk-width-container govuk-!-padding-bottom-9"> <div className="govuk-width-container govuk-!-padding-bottom-9">
<Breadcrumbs /> <Breadcrumbs />
<main className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"> <main
className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9"
id="main-content"
role="main"
>
<div className="govuk-grid-row "> <div className="govuk-grid-row ">
<div className="govuk-grid-column-two-thirds "> <div className="govuk-grid-column-two-thirds ">
<h1>{t("auth:auth-check-email-page-title")}</h1> <h1>{t("auth:auth-check-email-page-title")}</h1>
pages/logout.js
+12 -7
View File
@@ -88,14 +88,19 @@ const LogOut = (props) => {
<div id="page_wrapper"> <div id="page_wrapper">
<CookieBanner /> <CookieBanner />
<Header courseName="Appeals Casework Portal" /> <Header courseName="Appeals Casework Portal" />
<div className="govuk-width-container"> <main>
<h2>{t("common:logged-out-title")}</h2> <div className="govuk-width-container">
<div className="govuk-!-margin-top-9 govuk-!-margin-bottom-9"> <h1>{t("common:logged-out-title")}</h1>
<Link href={locale == "cy" ? "/cy" : "/"} legacyBehavior> <div className="govuk-!-margin-top-9 govuk-!-margin-bottom-9">
{t("common:logged-out-link")} <Link
</Link> href={locale == "cy" ? "/cy" : "/"}
legacyBehavior
>
{t("common:logged-out-link")}
</Link>
</div>
</div> </div>
</div> </main>
<Footer footerLinks={footerLinks} /> <Footer footerLinks={footerLinks} />
</div> </div>
</div> </div>
pages/myportal/index.js
+3 -22
View File
@@ -264,12 +264,12 @@ export const getServerSideProps = wrapper.getServerSideProps(
const [ const [
myCasesDetails, myCasesDetails,
watchedCasesDetails, watchedCasesDetails,
awaitingSubmissionDetails, //awaitingSubmissionDetails,
myRepresentationsDetails, myRepresentationsDetails,
] = await Promise.all([ ] = await Promise.all([
await getDetails(myCases, "myCases"), await getDetails(myCases, "myCases"),
await getDetails(watchedCases, "myWatchedCases"), await getDetails(watchedCases, "myWatchedCases"),
await getDetails(awaitingSubmission, "awaitingSubmission"), //await getDetails(awaitingSubmission, "awaitingSubmission"),
await getDetails(myRepresentations, "myRepresentations"), await getDetails(myRepresentations, "myRepresentations"),
]); ]);
@@ -386,25 +386,7 @@ const getDetails = (resultsObj, detailsType) => {
//console.log(detailsType, " case id : ", caseID); //console.log(detailsType, " case id : ", caseID);
if (searchDetail.pinswg_appealcasetype == null) { searchDetail.pinswg_appealcasetype != null &&
// console.log(
// "detailsObj:",
// detailsType,
// detailsType == "myCases" && searchDetail.pinswg_title,
// detailsType == "myWatchedCases" &&
// searchDetail[
// "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
// ],
// detailsType == "awaitingSubmission" &&
// searchDetail.ticketnumber,
// detailsType == "myRepresentations" && searchDetail.casereference
// );
console.log(
"=====================================\n",
detailsType + "\n",
"=====================================\n"
);
} else {
detailsArr.push( detailsArr.push(
getPortalModuleDetails( getPortalModuleDetails(
getFormCollectionByID(searchDetail.pinswg_appealcasetype) getFormCollectionByID(searchDetail.pinswg_appealcasetype)
@@ -417,7 +399,6 @@ const getDetails = (resultsObj, detailsType) => {
// ] // ]
) )
); );
}
}); });
let detArr = Promise.all(detailsArr); let detArr = Promise.all(detailsArr);
styles/sass/patterns/_card.scss
+2 -1
View File
@@ -81,6 +81,7 @@ html[data-useragent*="MSIE 10.0"] .flex-container {
.card-heading { .card-heading {
margin-top: 0; margin-top: 0;
font-size: 1.17rem;
} }
.card-body { .card-body {
@@ -266,7 +267,7 @@ div.cardModuleItem:last-of-type {
margin-right: 10px; margin-right: 10px;
} }
a {}
} }
.cardModuleRemoveCase { .cardModuleRemoveCase {
styles/sass/welshgov/_application.scss
+77 -5
View File
@@ -200,6 +200,19 @@ a.longLinkBreak {
letter-spacing: 1px; letter-spacing: 1px;
padding: 5px 8px 4px; padding: 5px 8px 4px;
} }
.govuk-phase-banner__content {
line-height: 1.5;
}
.govuk-tag.govuk-phase-banner__content__tag {
line-height: 1.5;
}
.govuk-phase-banner__text {
line-height: 1.5;
}
} }
} }
} }
@@ -1140,8 +1153,10 @@ textarea,
} }
&:focus { &:focus {
border: none; // border: none;
// box-shadow: none;
box-shadow: none; box-shadow: none;
border: #ffd530 solid 3px
} }
} }
} }
@@ -1903,10 +1918,22 @@ ul#sharePageLinks.active {
&.activePaginationItem { &.activePaginationItem {
color: #b80d0d; color: #b80d0d;
background-color: transparent;
border: none;
cursor: pointer;
// &:before { // &:before {
// content: ""; // content: "";
// background-image: url(/assets/images/arrow-left--active.svg); // background-image: url(/assets/images/arrow-left--active.svg);
// } // }
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
box-shadow: none;
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
@@ -1942,6 +1969,19 @@ ul#sharePageLinks.active {
.activePaginationItem { .activePaginationItem {
color: #b80d0d; color: #b80d0d;
border: none;
background: 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;
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
@@ -1966,11 +2006,23 @@ ul#sharePageLinks.active {
&.activePaginationItem { &.activePaginationItem {
color: #b80d0d; color: #b80d0d;
background-color: transparent;
border: none;
cursor: pointer;
&:after { &:after {
content: ""; content: "";
background-image: url(/assets/images/arrow-right--active.svg); background-image: url(/assets/images/arrow-right--active.svg);
} }
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
box-shadow: none;
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
@@ -2047,13 +2099,18 @@ ul#sharePageLinks.active {
color: #0b0c0c; color: #0b0c0c;
background-color: #ffdd00; background-color: #ffdd00;
-webkit-box-shadow: 0 2px 0 #0b0c0c; -webkit-box-shadow: 0 2px 0 #0b0c0c;
box-shadow: 0 2px 0 #0b0c0c; box-shadow: 0 0px 0 #0b0c0c;
& .eye:before {
background-color: #ffdd00;
border: solid 1px #ffdd00;
}
} }
&.watched_link { &.watched_link {
color: $black !important; color: $black !important;
background-color: $white; background-color: $white;
width: 13px; width: 24px;
display: block; display: block;
.eye { .eye {
@@ -2068,7 +2125,7 @@ ul#sharePageLinks.active {
&.watchLink { &.watchLink {
width: 13px; width: 24px;
display: block; display: block;
} }
@@ -2081,7 +2138,7 @@ ul#sharePageLinks.active {
position: relative; position: relative;
transform: rotate(45deg); transform: rotate(45deg);
display: block; display: block;
top: 3.5px; top: 0.5px;
background-color: white; background-color: white;
} }
@@ -2346,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;
}
}