16937 welsh contact us form
This commit is contained in:
@@ -11,8 +11,8 @@ module.exports = {
|
||||
"pages": {
|
||||
"*": ["common", "search"],
|
||||
"/": ["common", "home", "case"],
|
||||
"/contactus": ["newappeal", "account"],
|
||||
"/myportal/contactus": ["newappeal", "account"],
|
||||
"/contactus": ["newappeal", "account", "common"],
|
||||
"/myportal/contactus": ["newappeal", "account", "common"],
|
||||
"/error": ["common", "home", "myportal"],
|
||||
"/furtherdetails": ["common", "home", "myportal"],
|
||||
"/myportal": ["myportal", "common", "home", "case"],
|
||||
|
||||
+20
-1
@@ -94,5 +94,24 @@
|
||||
"awaitingsubmissiondetails-viewall-title": "Gweld pob apêl sy'n aros i gael ei chyflwyno",
|
||||
"myrepresentations-viewall-title": "Gweld pob cynrychiolaeth sy'n aros i gael ei chyflwyno",
|
||||
"watchedcases-viewall-title": "Gweld pob achos a wyliwyd",
|
||||
"mySubmittedreps-viewall-title": "Gweld pob cynrychiolaeth a gyflwynwyd"
|
||||
"mySubmittedreps-viewall-title": "Gweld pob cynrychiolaeth a gyflwynwyd",
|
||||
"contact-us-title": "Cysylltwch â Ni",
|
||||
"contact-us-email-label": "Eich cyfeiriad e-bost",
|
||||
"contact-us-contact-type-label": "Beth hoffech chi gysylltu â ni amdano?",
|
||||
"contact-us-contact-body-label": "Beth hoffech chi ei ofyn?",
|
||||
"contact-us-send-button": "Anfonwch eich cwestiwn",
|
||||
"contact-us-clear-form-button": "Clirio'r ffurflen",
|
||||
"contact-us-thank-you-title": "Diolch am eich ymholiad",
|
||||
"contact-us-thank-you-sub": "Byddwn yn cysylltu â chi cyn gynted â phosibl.",
|
||||
"contact-us-para": "Mae'r wybodaeth hon yn ddilys, ac mae'n rhaid i chi ddilyn eich ymholiad. Nid oes ganddyn nhw unrhyw beth i'w wneud, ond maen nhw wedi cael eu ffafrio'n rhydd. Mae'n anodd dweud dim byd arall wrthych. Os nad ydych chi'n gwybod, maen nhw'n byw bywyd. lacinia, enim tortor bibendum lorem, ut tincidunt lacus sapien quis lorem. Aenean interdum dolor augue, ac cursus lectus suscipit vitae.",
|
||||
"contact-us-select-plq": "Ymholiad deddfwriaeth gynllunio",
|
||||
"contact-us-select-ipq": "Ymholiad gweithdrefn seilwaith",
|
||||
"contact-us-select-pcpq": "Ymholiad gweithdrefn gwaith achos cynllunio",
|
||||
"contact-us-select-pi": "Materion Porth",
|
||||
"contact-us-select-appadvice": "Cyngor cyflwyno apêl",
|
||||
"contact-us-select-repadvice": "Cyngor cyflwyno sylwadau",
|
||||
"contact-us-select-ceq": "Ymholiad Digwyddiadau Gwaith Achos",
|
||||
"contact-us-select-other": "Unrhyw Ymholiadau Eraill",
|
||||
"contact-us-select-postdec": "Ar ôl Penderfyniad",
|
||||
"contact-us-select-comp": "Cwynion/Canmoliaethau"
|
||||
}
|
||||
+20
-1
@@ -94,5 +94,24 @@
|
||||
"awaitingsubmissiondetails-viewall-title": "View all appeals awaiting submission",
|
||||
"myrepresentations-viewall-title": "View all representations awaiting submission",
|
||||
"watchedcases-viewall-title": "View all watched cases",
|
||||
"mysubmittedreps-viewall-title": "View all submitted representations"
|
||||
"mysubmittedreps-viewall-title": "View all submitted representations",
|
||||
"contact-us-title": "Contact Us",
|
||||
"contact-us-email-label": "Your email address",
|
||||
"contact-us-contact-type-label": "What do you want to contact us about?",
|
||||
"contact-us-contact-body-label": "What do you want to ask?",
|
||||
"contact-us-send-button": "Send your question",
|
||||
"contact-us-clear-form-button": "Clear form",
|
||||
"contact-us-thank-you-title": "Thank you for your enquiry",
|
||||
"contact-us-thank-you-sub": "We’ll get back to you as soon as we can.",
|
||||
"contact-us-para": "Lorem ipsum dolor sit amet,consectetur adipiscing elit.Nulla congue leo ac quam pulvinar, id vulputate libero volutpat. Maecenas ut odio id nisl laoreet dictum. Nam faucibus, leo vitae egestas lacinia, enim tortor bibendum lorem, ut tincidunt lacus sapien quis lorem. Aenean interdum dolor augue, ac cursus lectus suscipit vitae.",
|
||||
"contact-us-select-plq": "Planning legislation query",
|
||||
"contact-us-select-ipq": "Infrastructure procedure query",
|
||||
"contact-us-select-pcpq": "Planning casework procedure query",
|
||||
"contact-us-select-pi": "Portal Issues",
|
||||
"contact-us-select-appadvice": "Appeal submission advice",
|
||||
"contact-us-select-repadvice": "Representation submission advice",
|
||||
"contact-us-select-ceq": "Casework Events Query",
|
||||
"contact-us-select-other": "Any Other Enquiries",
|
||||
"contact-us-select-postdec": "Post Decision",
|
||||
"contact-us-select-comp": "Complaints/Complements"
|
||||
}
|
||||
+49
-32
@@ -65,21 +65,36 @@ const RenderPickList = ({
|
||||
<option value="" disabled defaultValue>
|
||||
{t("newappeal:select-default")}
|
||||
</option>
|
||||
|
||||
<option value="plq">Planning legislation query</option>
|
||||
<option value="ipq">Infrastructure procedure query</option>
|
||||
<option value="plq">
|
||||
{t("common:contact-us-select-plq")}
|
||||
</option>
|
||||
<option value="ipq">
|
||||
{t("common:contact-us-select-ipq")}
|
||||
</option>
|
||||
<option value="pcpq">
|
||||
Planning casework procedure query
|
||||
{t("common:contact-us-select-pcpq")}
|
||||
</option>
|
||||
<option value="pi">
|
||||
{t("common:contact-us-select-pi")}
|
||||
</option>
|
||||
<option value="appadvice">
|
||||
{t("common:contact-us-select-appadvice")}
|
||||
</option>
|
||||
<option value="pi">Portal Issues</option>
|
||||
<option value="appadvice">Appeal submission advice</option>
|
||||
<option value="repadvice">
|
||||
Representation submission advice
|
||||
{t("common:contact-us-select-repadvice")}
|
||||
</option>
|
||||
<option value="ceq">
|
||||
{t("common:contact-us-select-ceq")}
|
||||
</option>
|
||||
<option value="other">
|
||||
{t("common:contact-us-select-other")}
|
||||
</option>
|
||||
<option value="postdec">
|
||||
{t("common:contact-us-select-postdec")}
|
||||
</option>
|
||||
<option value="comp">
|
||||
{t("common:contact-us-select-comp")}
|
||||
</option>
|
||||
<option value="ceq">Casework Events Query</option>
|
||||
<option value="other">Any Other Enquiries</option>
|
||||
<option value="postdec">Post Decision</option>
|
||||
<option value="comp">Complaints/Complements</option>
|
||||
</select>
|
||||
</div>
|
||||
</>
|
||||
@@ -376,35 +391,27 @@ let ContactUs = (props) => {
|
||||
<div className="govuk-grid-row">
|
||||
<div className="govuk-grid-column-full">
|
||||
<h2 className="govuk-heading-l govuk-!-margin-bottom-7">
|
||||
Contact us{" "}
|
||||
{t("common:contact-us-title")}
|
||||
</h2>
|
||||
|
||||
<div className="wgForm">
|
||||
{formSubmitted ? (
|
||||
<div className="govuk-panel govuk-panel--confirmation">
|
||||
<h1 className="govuk-panel__title">
|
||||
Thank you for your enquiry
|
||||
{t(
|
||||
"common:contact-us-thank-you-title"
|
||||
)}
|
||||
</h1>
|
||||
<div className="govuk-panel__body">
|
||||
We’ll get back to you as soon as
|
||||
we can.
|
||||
{t(
|
||||
"common:contact-us-thank-you-sub"
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<p className="govuk-body">
|
||||
Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit.
|
||||
Nulla congue leo ac quam
|
||||
pulvinar, id vulputate libero
|
||||
volutpat. Maecenas ut odio id
|
||||
nisl laoreet dictum. Nam
|
||||
faucibus, leo vitae egestas
|
||||
lacinia, enim tortor bibendum
|
||||
lorem, ut tincidunt lacus sapien
|
||||
quis lorem. Aenean interdum
|
||||
dolor augue, ac cursus lectus
|
||||
suscipit vitae.{" "}
|
||||
{t("common:contact-us-para")}
|
||||
</p>
|
||||
<form
|
||||
onSubmit={props.handleSubmit(
|
||||
@@ -414,7 +421,9 @@ let ContactUs = (props) => {
|
||||
<Field
|
||||
name={"contactEmail"}
|
||||
id={"contactEmail"}
|
||||
label="Your email address"
|
||||
label={t(
|
||||
"common:contact-us-email-label"
|
||||
)}
|
||||
component={RenderTextfield}
|
||||
validate={[required, email]}
|
||||
className="govuk-input govuk-input--width-20"
|
||||
@@ -424,7 +433,9 @@ let ContactUs = (props) => {
|
||||
name="typeOfContact"
|
||||
id="typeOfContact"
|
||||
component={RenderPickList}
|
||||
label="What do you want to contact us about?"
|
||||
label={t(
|
||||
"common:contact-us-contact-type-label"
|
||||
)}
|
||||
validate={[required]}
|
||||
/>
|
||||
<div className="govuk-form-group">
|
||||
@@ -440,7 +451,9 @@ let ContactUs = (props) => {
|
||||
name="contactbody"
|
||||
id="contactbody"
|
||||
component={RenderMultiline}
|
||||
label="What do you want to ask?"
|
||||
label={t(
|
||||
"common:contact-us-contact-body-label"
|
||||
)}
|
||||
rows={10}
|
||||
cols={80}
|
||||
validate={[required]}
|
||||
@@ -449,14 +462,18 @@ let ContactUs = (props) => {
|
||||
type="submit"
|
||||
className="govuk-button"
|
||||
>
|
||||
Send your question
|
||||
{t(
|
||||
"common:contact-us-send-button"
|
||||
)}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="govuk-button govuk-button--secondary govuk-!-margin-left-5"
|
||||
onClick={props.reset}
|
||||
>
|
||||
Clear form
|
||||
{t(
|
||||
"common:contact-us-clear-form-button"
|
||||
)}
|
||||
</button>
|
||||
</form>
|
||||
</>
|
||||
|
||||
+48
-31
@@ -65,21 +65,36 @@ const RenderPickList = ({
|
||||
<option value="" disabled defaultValue>
|
||||
{t("newappeal:select-default")}
|
||||
</option>
|
||||
|
||||
<option value="plq">Planning legislation query</option>
|
||||
<option value="ipq">Infrastructure procedure query</option>
|
||||
<option value="plq">
|
||||
{t("common:contact-us-select-plq")}
|
||||
</option>
|
||||
<option value="ipq">
|
||||
{t("common:contact-us-select-ipq")}
|
||||
</option>
|
||||
<option value="pcpq">
|
||||
Planning casework procedure query
|
||||
{t("common:contact-us-select-pcpq")}
|
||||
</option>
|
||||
<option value="pi">
|
||||
{t("common:contact-us-select-pi")}
|
||||
</option>
|
||||
<option value="appadvice">
|
||||
{t("common:contact-us-select-appadvice")}
|
||||
</option>
|
||||
<option value="pi">Portal Issues</option>
|
||||
<option value="appadvice">Appeal submission advice</option>
|
||||
<option value="repadvice">
|
||||
Representation submission advice
|
||||
{t("common:contact-us-select-repadvice")}
|
||||
</option>
|
||||
<option value="ceq">
|
||||
{t("common:contact-us-select-ceq")}
|
||||
</option>
|
||||
<option value="other">
|
||||
{t("common:contact-us-select-other")}
|
||||
</option>
|
||||
<option value="postdec">
|
||||
{t("common:contact-us-select-postdec")}
|
||||
</option>
|
||||
<option value="comp">
|
||||
{t("common:contact-us-select-comp")}
|
||||
</option>
|
||||
<option value="ceq">Casework Events Query</option>
|
||||
<option value="other">Any Other Enquiries</option>
|
||||
<option value="postdec">Post Decision</option>
|
||||
<option value="comp">Complaints/Complements</option>
|
||||
</select>
|
||||
</div>
|
||||
</>
|
||||
@@ -383,28 +398,20 @@ let ContactUs = (props) => {
|
||||
{formSubmitted ? (
|
||||
<div className="govuk-panel govuk-panel--confirmation">
|
||||
<h1 className="govuk-panel__title">
|
||||
Thank you for your enquiry
|
||||
{t(
|
||||
"common:contact-us-thank-you-title"
|
||||
)}
|
||||
</h1>
|
||||
<div className="govuk-panel__body">
|
||||
We’ll get back to you as soon as
|
||||
we can.
|
||||
{t(
|
||||
"common:contact-us-thank-you-sub"
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<p className="govuk-body">
|
||||
Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit.
|
||||
Nulla congue leo ac quam
|
||||
pulvinar, id vulputate libero
|
||||
volutpat. Maecenas ut odio id
|
||||
nisl laoreet dictum. Nam
|
||||
faucibus, leo vitae egestas
|
||||
lacinia, enim tortor bibendum
|
||||
lorem, ut tincidunt lacus sapien
|
||||
quis lorem. Aenean interdum
|
||||
dolor augue, ac cursus lectus
|
||||
suscipit vitae.{" "}
|
||||
{t("common:contact-us-para")}
|
||||
</p>
|
||||
<form
|
||||
onSubmit={props.handleSubmit(
|
||||
@@ -414,7 +421,9 @@ let ContactUs = (props) => {
|
||||
<Field
|
||||
name={"contactEmail"}
|
||||
id={"contactEmail"}
|
||||
label="Your email address"
|
||||
label={t(
|
||||
"common:contact-us-email-label"
|
||||
)}
|
||||
component={RenderTextfield}
|
||||
validate={[required, email]}
|
||||
className="govuk-input govuk-input--width-20"
|
||||
@@ -424,7 +433,9 @@ let ContactUs = (props) => {
|
||||
name="typeOfContact"
|
||||
id="typeOfContact"
|
||||
component={RenderPickList}
|
||||
label="What do you want to contact us about?"
|
||||
label={t(
|
||||
"common:contact-us-contact-type-label"
|
||||
)}
|
||||
validate={[required]}
|
||||
/>
|
||||
<div className="govuk-form-group">
|
||||
@@ -440,7 +451,9 @@ let ContactUs = (props) => {
|
||||
name="contactbody"
|
||||
id="contactbody"
|
||||
component={RenderMultiline}
|
||||
label="What do you want to ask?"
|
||||
label={t(
|
||||
"common:contact-us-contact-body-label"
|
||||
)}
|
||||
rows={10}
|
||||
cols={80}
|
||||
validate={[required]}
|
||||
@@ -449,14 +462,18 @@ let ContactUs = (props) => {
|
||||
type="submit"
|
||||
className="govuk-button"
|
||||
>
|
||||
Send your question
|
||||
{t(
|
||||
"common:contact-us-send-button"
|
||||
)}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="govuk-button govuk-button--secondary govuk-!-margin-left-5"
|
||||
onClick={props.reset}
|
||||
>
|
||||
Clear form
|
||||
{t(
|
||||
"common:contact-us-clear-form-button"
|
||||
)}
|
||||
</button>
|
||||
</form>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user