welsh trans for questionnaire

This commit is contained in:
2023-11-02 10:14:32 +00:00
parent 1477ed74e4
commit 08552da757
9 changed files with 297 additions and 194 deletions
+1
View File
@@ -552,6 +552,7 @@ let MakeRepresentation = (props) => {
: isLPA : isLPA
? "lpa" ? "lpa"
: values.representationCapacity, : values.representationCapacity,
"locale": locale,
})); }));
console.log(values); console.log(values);
currentView.representationSubmit != true currentView.representationSubmit != true
@@ -123,7 +123,7 @@ export const RenderCondtionalRadioList = ({
...custom ...custom
}) => { }) => {
const required = (value) => (value ? undefined : "Required"); const required = (value) => (value ? undefined : "Required");
let { t } = useTranslation();
return ( return (
<> <>
<div <div
@@ -195,32 +195,37 @@ export const RenderCondtionalRadioList = ({
{options[key]} {options[key]}
</label> </label>
</div> </div>
{value == "Yes" && options[key] == "Yes" && ( {value ==
<div t("myrepresentations:questionnaire-yes") &&
className="govuk-radios__conditional " options[key] ==
id={"conditional-" + id} t(
> "myrepresentations:questionnaire-yes"
) && (
<div <div
className="govuk-form-group" className="govuk-radios__conditional "
key={"yes_group_" + key} id={"conditional-" + id}
> >
<label <div
className="govuk-label" className="govuk-form-group"
htmlFor={id + "_details"} key={"yes_group_" + key}
> >
Enter the name of the <label
company/group/organisation * className="govuk-label"
</label> htmlFor={id + "_details"}
<Field >
className="govuk-input govuk-!-width-one-half" Enter the name of the
id={id + "_details"} company/group/organisation *
name={id + "_details"} </label>
component="input" <Field
type="text" className="govuk-input govuk-!-width-one-half"
/> id={id + "_details"}
name={id + "_details"}
component="input"
type="text"
/>
</div>
</div> </div>
</div> )}
)}
</div> </div>
))} ))}
</div> </div>
@@ -244,6 +249,8 @@ export const RenderLPACondtionalRadioList = ({
}) => { }) => {
const required = (value) => (value ? undefined : "Required"); const required = (value) => (value ? undefined : "Required");
console.log(error);
return ( return (
<> <>
<div <div
@@ -302,7 +309,7 @@ export const RenderLPACondtionalRadioList = ({
type="radio" type="radio"
className="govuk-radios__input" className="govuk-radios__input"
value={options[key]} value={options[key]}
validate={[required]} validate={[eval(required)]}
/> />
<label <label
className="govuk-label govuk-radios__label" className="govuk-label govuk-radios__label"
@@ -524,7 +531,7 @@ export const RenderDatePicker = ({
<DatePicker <DatePicker
{...custom} {...custom}
locale={router.locale} locale={custom.locale}
autoOk={true} autoOk={true}
id={id} id={id}
dateFormat="dd/MM/yyyy" dateFormat="dd/MM/yyyy"
@@ -323,13 +323,13 @@ let RepLPA = (props) => {
Next section Next section
</a> </a>
)} )}
{showQuestionnaireSection == 7 && ( {showQuestionnaireSection == 9 && (
<button <button
type="submit" type="submit"
className="govuk-button" className="govuk-button"
data-module="govuk-button" data-module="govuk-button"
> >
{t("common:continue-button")} {t("common:continue-button")}ww
</button> </button>
)} )}
{showQuestionnaireSection > 1 && ( {showQuestionnaireSection > 1 && (
@@ -23,8 +23,10 @@ import { select } from "xpath";
import jsonpath from "jsonpath"; import jsonpath from "jsonpath";
import { getFormCollectionByID } from "../../../../components/utils"; import { getFormCollectionByID } from "../../../../components/utils";
let S78_Questionnaire = (props) => { let S78_Questionnaire = async (props) => {
let { t } = useTranslation(); //let { t } = useTranslation();
let t = await getT(props.reqQuery.__nextLocale, "common");
const router = useRouter(); const router = useRouter();
const { locale } = router; const { locale } = router;
@@ -953,7 +955,6 @@ let S78_Questionnaire = (props) => {
validate={[required]} validate={[required]}
/> />
</div> </div>
<div className="govuk-form-group"> <div className="govuk-form-group">
{onBehalfOfLPA} {onBehalfOfLPA}
<Field <Field
@@ -974,11 +975,13 @@ let S78_Questionnaire = (props) => {
id="signedDate" id="signedDate"
label={t("myrepresentations:s78-section-question-date")} label={t("myrepresentations:s78-section-question-date")}
component={RenderDatePicker} component={RenderDatePicker}
validate={[required]} //validate={[required]}
errorMsg="Select a date" errorMsg="Select a date"
dateStart="0" dateStart="0"
dateEnd="1-y" dateEnd="1-y"
locale={locale}
/> />
ss
</fieldset> </fieldset>
)} )}
</> </>
@@ -10,6 +10,7 @@ import ReactPDF, {
} from "@react-pdf/renderer"; } from "@react-pdf/renderer";
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";
const styles = StyleSheet.create({ const styles = StyleSheet.create({
page: { page: {
+227 -153
View File
@@ -10,6 +10,21 @@ import ReactPDF, {
} from "@react-pdf/renderer"; } from "@react-pdf/renderer";
import Html from "react-pdf-html"; import Html from "react-pdf-html";
import { getFormCollectionByID } from "../../components/utils"; import { getFormCollectionByID } from "../../components/utils";
import getT from "next-translate/getT";
import useTranslation from "next-translate/useTranslation";
import transLookupCY from "../../locales/cy/myrepresentations.json";
import transLookupEN from "../../locales/en/myrepresentations.json";
import jsonpath from "jsonpath";
const getTrans = (locale, key) => {
let jsonQuery = `$.${key}`;
let jsonObj = locale == "cy" ? transLookupCY : transLookupEN;
console.log(locale, jsonObj[key]);
return jsonObj[key];
};
const styles = StyleSheet.create({ const styles = StyleSheet.create({
page: { page: {
@@ -87,7 +102,8 @@ const styles = StyleSheet.create({
}); });
export const lpaQuestionnaire_pdf = ({ docProps }) => { export const lpaQuestionnaire_pdf = ({ docProps }) => {
console.log(docProps); // console.log(docProps);
function formatDates(dateObj) { function formatDates(dateObj) {
var dateObj = new Date(dateObj); var dateObj = new Date(dateObj);
var dd = String(dateObj.getDate()).padStart(2, "0"); var dd = String(dateObj.getDate()).padStart(2, "0");
@@ -112,7 +128,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
fontFamily: "Helvetica-Bold", fontFamily: "Helvetica-Bold",
}} }}
> >
Local Planning Authority Questionnaire {getTrans(
docProps.locale,
"lpa-questionnaire-heading"
)}
</Text> </Text>
<View> <View>
<Text <Text
@@ -123,9 +142,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
fontFamily: "Helvetica-Bold", fontFamily: "Helvetica-Bold",
}} }}
> >
For Planning, Conservation area, Listed {getTrans(
Building and Advertisement docProps.locale,
applications/appeals "s78-heading-para-one"
)}
</Text> </Text>
</View> </View>
</View> </View>
@@ -137,10 +157,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
<View> <View>
<Text style={{ marginTop: 10, fontSize: 14 }}> <Text style={{ marginTop: 10, fontSize: 14 }}>
The LPA must send the completed questionnaire and {getTrans(docProps.locale, "s78-heading-para-two")}
any attachments to PEDW.casework@gov.wales and the
appellant (or their agent) within 5 working days of
the start date specified in our start letter.
</Text> </Text>
</View> </View>
<View style={styles.section}> <View style={styles.section}>
@@ -150,7 +167,12 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
fontFamily: "Helvetica-Bold", fontFamily: "Helvetica-Bold",
}} }}
> >
<Text style={{ fontSize: 14 }}>Case details</Text> <Text style={{ fontSize: 14 }}>
{getTrans(
docProps.locale,
"section-heading-zero"
)}
</Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
<View <View
@@ -162,10 +184,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>1.</Text> <Text style={styles.questionBullet}>1.</Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
{t( {getTrans(
"myrepresentations:s78-section-question-1" docProps.locale,
"s78-section-question-1"
)} )}
:
</Text> </Text>
<Text style={styles.questionAnswer}> <Text style={styles.questionAnswer}>
{values.caseRef} {values.caseRef}
@@ -180,10 +202,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>2.</Text> <Text style={styles.questionBullet}>2.</Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
{t( {getTrans(
"myrepresentations:s78-section-question-2" docProps.locale,
"s78-section-question-2"
)} )}
:
</Text> </Text>
<Text style={styles.questionAnswer}> <Text style={styles.questionAnswer}>
{values.lpaRef} {values.lpaRef}
@@ -198,7 +220,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>3.</Text> <Text style={styles.questionBullet}>3.</Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
Site address/grid ref: {getTrans(
docProps.locale,
"s78-section-question-3"
)}
</Text> </Text>
<Text style={styles.questionAnswer}> <Text style={styles.questionAnswer}>
{values.siteAddress} {values.siteAddress}
@@ -213,7 +238,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>4.</Text> <Text style={styles.questionBullet}>4.</Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
Case Type: {getTrans(
docProps.locale,
"s78-section-question-4"
)}
</Text> </Text>
<Text style={styles.questionAnswer}> <Text style={styles.questionAnswer}>
{appealTypeValue.value} {appealTypeValue.value}
@@ -229,7 +257,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={{ fontSize: 14 }}> <Text style={{ fontSize: 14 }}>
{t("myrepresentations:s78-section-heading-one")} {getTrans(
docProps.locale,
"s78-section-heading-one"
)}
</Text> </Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
@@ -250,8 +281,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
5. 5.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Which procedure do you consider the {getTrans(
appeal should follow? docProps.locale,
"s78-section-question-5"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.procedureType} {values.procedureType}
@@ -275,8 +308,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>6.</Text> <Text style={styles.questionBullet}>6.</Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Will the Inspector need to enter the appeal {getTrans(
site/property? docProps.locale,
"s78-section-question-6"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.enterToView} {values.enterToView}
@@ -299,9 +334,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
7. 7.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Do you consider that the Inspector needs {getTrans(
to enter neighbouring private docProps.locale,
land/property to view the site? "s78-section-question-7"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.enterNeighbouringLandToViewSite} {values.enterNeighbouringLandToViewSite}
@@ -335,12 +371,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
8. 8.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
If access to private land/buildings is {getTrans(
required, are you content for the docProps.locale,
Inspector to visit the site on an "s78-section-question-8"
access required basis, with only the )}
landowner or their representative
present?
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{ {
@@ -375,9 +409,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
9. 9.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Are you aware of any health and safety {getTrans(
issues which would need to be considered docProps.locale,
when the Inspector visits the site? "s78-section-question-9"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.healthAndSafetyIssues} {values.healthAndSafetyIssues}
@@ -410,8 +445,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
</Text> </Text>
<Text style={styles.questionTextWide}> <Text style={styles.questionTextWide}>
LPA contact for site visit, hearing or {getTrans(
inquiry arrangements: docProps.locale,
"s78-section-question-10"
)}
</Text> </Text>
</View> </View>
<View style={styles.questionAnswerWide}> <View style={styles.questionAnswerWide}>
@@ -430,7 +467,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={{ fontSize: 14 }}> <Text style={{ fontSize: 14 }}>
Supporting documents {getTrans(
docProps.locale,
"s78-section-heading-two"
)}
</Text> </Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
@@ -443,7 +483,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>11.</Text> <Text style={styles.questionBullet}>11.</Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
LPA case file and representations {getTrans(
docProps.locale,
"s78-section-question-11"
)}
</Text> </Text>
<View style={styles.questionAnswer}> <View style={styles.questionAnswer}>
<Html style={styles.richArea}> <Html style={styles.richArea}>
@@ -460,8 +503,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>12.</Text> <Text style={styles.questionBullet}>12.</Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
LPAs adopted local development plan and {getTrans(
Proposals Map docProps.locale,
"s78-section-question-12"
)}
</Text> </Text>
<View style={styles.questionAnswer}> <View style={styles.questionAnswer}>
<Html style={styles.richArea}> <Html style={styles.richArea}>
@@ -478,8 +523,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>13.</Text> <Text style={styles.questionBullet}>13.</Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
Adopted local guidance relevant to the {getTrans(
proposal: docProps.locale,
"s78-section-question-13"
)}
</Text> </Text>
<View style={styles.questionAnswer}> <View style={styles.questionAnswer}>
<Html style={styles.richArea}> <Html style={styles.richArea}>
@@ -496,8 +543,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>14.</Text> <Text style={styles.questionBullet}>14.</Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
If applicable, do you intend to submit a {getTrans(
full statement at the 4- week stage? docProps.locale,
"s78-section-question-14"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.LPAintentionToSubmitFullStatement} {values.LPAintentionToSubmitFullStatement}
@@ -513,7 +562,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={{ fontSize: 14 }}> <Text style={{ fontSize: 14 }}>
Statutory considerations {getTrans(
docProps.locale,
"s78-section-heading-three"
)}
</Text> </Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
@@ -526,8 +578,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>15.</Text> <Text style={styles.questionBullet}>15.</Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Is all or part of the site within an Area of {getTrans(
Outstanding Natural Beauty? docProps.locale,
"s78-section-question-15"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.AONB} {values.AONB}
@@ -549,8 +603,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
16. 16.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Does the site include any public rights {getTrans(
of way? docProps.locale,
"s78-section-question-16"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.ROW} {values.ROW}
@@ -580,8 +636,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
17. 17.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Is all or part of the site within a {getTrans(
Conservation Area? docProps.locale,
"s78-section-question-17"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.conservationArea}{" "} {values.conservationArea}{" "}
@@ -611,10 +669,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
18. 18.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Would the proposal involve works to, or {getTrans(
affect the setting of, a listed docProps.locale,
building, Scheduled Monument or other "s78-section-question-18"
designated historic asset? )}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.affectListedBuilding} {values.affectListedBuilding}
@@ -646,8 +704,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
19. 19.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Is any part of the site subject to a {getTrans(
Tree Preservation Order? docProps.locale,
"s78-section-question-19"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.TPO} {values.TPO}
@@ -677,10 +737,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
20. 20.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Is the site within or likely to affect {getTrans(
an International or National Designated docProps.locale,
Site for nature conservation (as defined "s78-section-question-20"
in Planning Policy Wales)? )}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.natureConservationSite} {values.natureConservationSite}
@@ -712,8 +772,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
21. 21.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Are any protected species likely to be {getTrans(
affected by the proposal? docProps.locale,
"s78-section-question-21"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.protectedSpecies} {values.protectedSpecies}
@@ -736,9 +798,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>22.</Text> <Text style={styles.questionBullet}>22.</Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Does the case involve persons claiming {getTrans(
Gypsy/Traveller status, whether or not this docProps.locale,
is accepted by the LPA? "s78-section-question-22"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.gypsyTravellerInvolvment} {values.gypsyTravellerInvolvment}
@@ -760,11 +823,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
23. 23.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Have you received comments or directions {getTrans(
from any government department/agency or docProps.locale,
statutory undertaker, including in "s78-section-question-23"
response to a statutory notification or )}
consultation?
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.governmentDepartmentComments} {values.governmentDepartmentComments}
@@ -791,7 +853,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={{ fontSize: 14 }}> <Text style={{ fontSize: 14 }}>
Suggested considerations {getTrans(
docProps.locale,
"s78-section-heading-four"
)}
</Text> </Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
@@ -804,11 +869,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>24.</Text> <Text style={styles.questionBullet}>24.</Text>
<Text style={styles.questionTextWide}> <Text style={styles.questionTextWide}>
Review the following standard conditions and {getTrans(
advise whether they would be necessary if docProps.locale,
permission/consent is granted (not "s78-section-question-24"
applicable to Advertisement consent )}
proposals):
</Text> </Text>
</View> </View>
<View <View
@@ -820,8 +884,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>a)</Text> <Text style={styles.questionBullet}>a)</Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
The development shall begin not later than {getTrans(
five years from the date of this decision. docProps.locale,
"s78-section-question-24a"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{ {
@@ -845,14 +911,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
b) b)
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
The development shall be carried out in {getTrans(
accordance with the following approved docProps.locale,
plans and documents: "s78-section-question-24b"
............................ Reason: To )}
ensure the development is carried out in
accordance with the approved documents,
plans and drawings submitted with the
application.
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{ {
@@ -880,12 +942,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>c)</Text> <Text style={styles.questionBullet}>c)</Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
No development shall take place until a {getTrans(
scheme for biodiversity enhancement has been docProps.locale,
submitted to and agreed in writing by the "s78-section-question-24c"
local planning authority. Development shall )}
be carried out in accordance with the
approved details.
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.developmentNotTakePlaceBiodiversity} {values.developmentNotTakePlaceBiodiversity}
@@ -900,18 +960,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}>d)</Text> <Text style={styles.questionBullet}>d)</Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
No development shall take place until a {getTrans(
scheme to enable the provision of gigabit docProps.locale,
capable broadband infrastructure from the "s78-section-question-24d"
site boundary to the dwellings/buildings )}
hereby permitted has been submitted to and
agreed in writing by the local planning
authority. Development shall be carried out
in accordance with the approved details.
Reason: To support the roll-out of digital
communications infrastructure across Wales
in accordance with Policy 13 of Future
Wales.
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.developmentNotTakePlaceBroadband} {values.developmentNotTakePlaceBroadband}
@@ -933,9 +985,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
25. 25.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Do you consider other conditions, or {getTrans(
amended versions of the above standard docProps.locale,
conditions, to be necessary? "s78-section-question-25"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.developmentAnyOtherConditions} {values.developmentAnyOtherConditions}
@@ -962,8 +1015,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={{ fontSize: 14 }}> <Text style={{ fontSize: 14 }}>
Before sending, have you attached or provided a {getTrans(
web link to: docProps.locale,
"s78-section-heading-five"
)}
</Text> </Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
@@ -983,9 +1038,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
26. 26.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
A copy of the applicants certificate {getTrans(
confirming that they notified persons docProps.locale,
with an interest in the land?* "s78-section-question-26"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.copyOfApplicantsCertificate} {values.copyOfApplicantsCertificate}
@@ -1016,9 +1072,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
27. 27.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Evidence of any publicity given to the {getTrans(
application, including site notices and docProps.locale,
local advertisement?** "s78-section-question-27"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.advertismentGiven} {values.advertismentGiven}
@@ -1048,9 +1105,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
28. 28.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
A copy of the letter with which you {getTrans(
notified people of the appeal AND a list docProps.locale,
of the people you notified? "s78-section-question-28"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{ {
@@ -1083,9 +1141,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
29. 29.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
The LPAs Environmental Impact {getTrans(
Assessment Screening Opinion, if docProps.locale,
applicable? "s78-section-question-29"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.lpaEIAOS} {values.lpaEIAOS}
@@ -1116,9 +1175,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
30. 30.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Advertisement consent proposals only: A {getTrans(
true copy of the Discontinuance Notice docProps.locale,
(if one has been issued)? "s78-section-question-30"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{ {
@@ -1154,10 +1214,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
31. 31.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Details of other appeals or applications {getTrans(
relating to the site, or a nearby site, docProps.locale,
which are still being considered by PEDW "s78-section-question-31"
or the Welsh Ministers? )}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.detailsOfOtherAppeals} {values.detailsOfOtherAppeals}
@@ -1190,9 +1250,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
32. 32.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Details of any previous appeal decision {getTrans(
relating to the site or a nearby site docProps.locale,
referred to by the LPA or applicant? "s78-section-question-32"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.detailsOfPreviousAppeals} {values.detailsOfPreviousAppeals}
@@ -1225,8 +1286,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
33. 33.
</Text> </Text>
<Text style={styles.questionTextMid}> <Text style={styles.questionTextMid}>
Any other relevant information that we {getTrans(
should know about? docProps.locale,
"s78-section-question-33"
)}
</Text> </Text>
<Text style={styles.questionAnswerMid}> <Text style={styles.questionAnswerMid}>
{values.otherRelevantInformation} {values.otherRelevantInformation}
@@ -1251,7 +1314,13 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
fontFamily: "Helvetica-Bold", fontFamily: "Helvetica-Bold",
}} }}
> >
<Text>Declaration</Text> <Text>
{" "}
{getTrans(
docProps.locale,
"s78-section-heading-seven"
)}
</Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
<View <View
@@ -1271,7 +1340,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
<Text <Text
style={{ width: "40%", fontSize: 12 }} style={{ width: "40%", fontSize: 12 }}
> >
Signed: {getTrans(
docProps.locale,
"s78-section-question-signed"
)}
</Text> </Text>
<Text style={styles.questionAnswer}> <Text style={styles.questionAnswer}>
{values.caseOfficer} {values.caseOfficer}
@@ -1285,7 +1357,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={styles.questionText}> <Text style={styles.questionText}>
Date: {getTrans(
docProps.locale,
"s78-section-question-date"
)}
</Text> </Text>
<Text style={styles.questionAnswer}> <Text style={styles.questionAnswer}>
{formatDates(values.signedDate)} {formatDates(values.signedDate)}
@@ -1300,7 +1375,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={{ width: "18%", fontSize: 12 }}> <Text style={{ width: "18%", fontSize: 12 }}>
On behalf of: {getTrans(
docProps.locale,
"s78-section-question-onbehalf"
)}
</Text> </Text>
<Text style={styles.questionAnswerWide}> <Text style={styles.questionAnswerWide}>
{values.onBehalfOfLPA} {values.onBehalfOfLPA}
@@ -1315,7 +1393,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}} }}
> >
<Text style={{ fontSize: 14 }}> <Text style={{ fontSize: 14 }}>
Supporting documents {getTrans(
docProps.locale,
"lpa-list-supporting-documents-heading"
)}
</Text> </Text>
</View> </View>
<View style={styles.sectionContainer}> <View style={styles.sectionContainer}>
@@ -1328,7 +1409,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
> >
<Text style={styles.questionBullet}></Text> <Text style={styles.questionBullet}></Text>
<Text style={styles.questionText}> <Text style={styles.questionText}>
List of attached files {getTrans(
docProps.locale,
"lpa-list-supporting-documents-list"
)}
</Text> </Text>
<View <View
style={[ style={[
@@ -1362,20 +1446,10 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
</View> </View>
<View style={{ marginTop: 50, fontSize: 12 }}> <View style={{ marginTop: 50, fontSize: 12 }}>
<Text> <Text>
* Article 11 of The Town and Country Planning {getTrans(docProps.locale, "s78-footnote-one")}
(Development Management Procedure) (Wales) Order
2012; Regulation 7 of The Town and Country
Planning (Listed Buildings and Conservation
Areas) (Wales) Regulations 2012
</Text> </Text>
<Text style={{ marginTop: 20 }}> <Text style={{ marginTop: 20 }}>
** Article 12 of The Town and Country Planning {getTrans(docProps.locale, "s78-footnote-two")}{" "}
(Development Management Procedure) (Wales) Order
2012; Section 67/73 of The Town and Country
Planning (Listed Buildings and Conservation
Areas) Act 1990; Regulation 10 of The Town and
Country Planning (Listed Buildings and
Conservation Areas) (Wales) Regulations 2012
</Text> </Text>
</View> </View>
</View> </View>
+9 -1
View File
@@ -184,5 +184,13 @@
"enf-section-question-onbehalf": "Ar ran", "enf-section-question-onbehalf": "Ar ran",
"enf-section-question-date": "Dyddiad", "enf-section-question-date": "Dyddiad",
"questionnaire-yes": "Oes", "questionnaire-yes": "Oes",
"questionnaire-no": "Nac ydw" "questionnaire-no": "Nac ydw",
"lpa-questionnaire-heading": "Awdurdod Cynllunio Lleol Holiadur",
"lpa-list-supporting-documents-heading": " Rhestr o ddogfennau ategol",
"lpa-list-supporting-documents-list": " Rhestr o'r ffeiliau sydd wedi'u hatodi ",
"s78-heading-para-one": "Ar gyfer ceisiadau/apeliadau Cynllunio, Ardal Gadwraeth, Adeilad Rhestredig a Hysbysebu",
"s78-heading-para-two": "Rhaid i'r ACLl anfon yr holiadur wedi'i gwblhau ac unrhyw atodiadau i PEDW.gwaithachos@llyw.cymru a'r apelydd (neu ei asiant) o fewn 5 diwrnod gwaith i'r dyddiad dechrau a nodir yn ein llythyr cychwyn. ",
"section-heading-zero": "Manylion yr Achos",
"s78-footnote-one": "* Erthygl 11 o Orchymyn Cynllunio Gwlad a Thref (Gweithdrefn Rheoli Datblygu) (Cymru) 2012; Rheoliad 7 o Reoliadau Cynllunio Gwlad a Thref (Adeiladau Rhestredig ac Ardaloedd Cadwraeth) (Cymru) 2012",
"s78-footnote-two": "** Erthygl 12 o Orchymyn Cynllunio Gwlad a Thref (Gweithdrefn Rheoli Datblygu) (Cymru) 2012; Adran 67/73 o Ddeddf Cynllunio Gwlad a Thref (Adeiladau Rhestredig ac Ardaloedd Cadwraeth) 1990; Rheoliad 10 o Reoliadau Cynllunio Gwlad a Thref (Adeiladau Rhestredig ac Ardaloedd Cadwraeth) (Cymru) 2012"
} }
+9 -1
View File
@@ -184,5 +184,13 @@
"enf-section-question-onbehalf": "On behalf of", "enf-section-question-onbehalf": "On behalf of",
"enf-section-question-date": "Date", "enf-section-question-date": "Date",
"questionnaire-yes": "Yes", "questionnaire-yes": "Yes",
"questionnaire-no": "No" "questionnaire-no": "No",
"lpa-questionnaire-heading": "Local Planning Authority Questionnaire",
"lpa-list-supporting-documents-heading": "List of Supporting documents",
"lpa-list-supporting-documents-list": "List of attached files",
"s78-heading-para-one": "For Planning, Conservation area, Listed Building and Advertisement applications/appeals",
"s78-heading-para-two": "The LPA must send the completed questionnaire and any attachments to PEDW.casework@gov.wales and the appellant (or their agent) within 5 working days of the start date specified in our start letter",
"section-heading-zero": "Case Details",
"s78-footnote-one": "* Article 11 of The Town and Country Planning (Development Management Procedure) (Wales) Order 2012; Regulation 7 of The Town and Country Planning (Listed Buildings and Conservation Areas) (Wales) Regulations 2012",
"s78-footnote-two": "** Article 12 of The Town and Country Planning (Development Management Procedure) (Wales) Order 2012; Section 67/73 of The Town and Country Planning (Listed Buildings and Conservation Areas) Act 1990; Regulation 10 of The Town and Country Planning (Listed Buildings and Conservation Areas) (Wales) Regulations 2012"
} }
+9 -8
View File
@@ -106,8 +106,7 @@ import { other_pdf } from "../../../components/pdftemplates/other_pdf";
export default function handler(req, res) { export default function handler(req, res) {
var checkHash = req.query.hash; var checkHash = req.query.hash;
let reqBodyobj = req.body; //JSON.parse(req.body);
let reqBodyobj = JSON.parse(req.body);
console.log( console.log(
"//////////////////////\nreqBodyobj" + "//////////////////////\nreqBodyobj" +
@@ -125,6 +124,7 @@ export default function handler(req, res) {
var caseRef = reqBodyobj.caseRef; var caseRef = reqBodyobj.caseRef;
var representationType = reqBodyobj.representationType; var representationType = reqBodyobj.representationType;
var repRaiser = reqBodyobj.lastname; var repRaiser = reqBodyobj.lastname;
var localeSelect = reqBodyobj.locale;
//console.log("there are files:", Object.keys(req.files).length); //console.log("there are files:", Object.keys(req.files).length);
var checkquerypath = "/api/file/generatepdf"; var checkquerypath = "/api/file/generatepdf";
@@ -135,24 +135,25 @@ export default function handler(req, res) {
// Create Document Component // Create Document Component
const MyDocument = (values) => { const MyDocument = (values) => {
console.log(values.docProps.locale);
switch (values.docProps.representationType) { switch (values.docProps.representationType) {
case "Questionnaire": case "Questionnaire":
return lpaQuestionnaire_pdf(values); return lpaQuestionnaire_pdf(values, values.docProps.locale);
break; break;
case "Final comments": case "Final comments":
return finalComments_pdf(values); return finalComments_pdf(values, values.docProps.locale);
break; break;
case "Statement": case "Statement":
return statement_pdf(values); return statement_pdf(values, values.docProps.locale);
break; break;
case "Written statement": case "Written statement":
return writtenStatement_pdf(values); return writtenStatement_pdf(values, values.docProps.locale);
break; break;
case "Other": case "Other":
return other_pdf(values); return other_pdf(values, values.docProps.locale);
break; break;
default: default:
return other_pdf(values); return other_pdf(values, values.docProps.locale);
} }
}; };