1401 lines
68 KiB
JavaScript
1401 lines
68 KiB
JavaScript
import ReactPDF, {
|
||
Document,
|
||
Page,
|
||
Text,
|
||
View,
|
||
Image,
|
||
StyleSheet,
|
||
PDFViewer,
|
||
Font,
|
||
} from "@react-pdf/renderer";
|
||
import Html from "react-pdf-html";
|
||
|
||
const styles = StyleSheet.create({
|
||
page: {
|
||
backgroundColor: "white",
|
||
padding: 20,
|
||
fontSize: 16,
|
||
paddingBottom: 50,
|
||
},
|
||
header: {
|
||
fontSize: 25,
|
||
fontFamily: "Helvetica",
|
||
flexDirection: "row",
|
||
justifyContent: "space-between",
|
||
},
|
||
subHeader: {
|
||
fontSize: 20,
|
||
},
|
||
logoImage: { width: "200pt" },
|
||
questionBullet: { width: "5%", fontSize: 12 },
|
||
questionText: { width: "30%", fontSize: 12 },
|
||
questionTextMid: { width: "80%", fontSize: 12 },
|
||
questionTextWide: { width: "95%", fontSize: 12, marginBottom: 5 },
|
||
questionAnswer: {
|
||
color: "#757575",
|
||
width: "65%",
|
||
fontSize: 12,
|
||
padding: 5,
|
||
border: 1,
|
||
borderColor: "#eee",
|
||
paddingLeft: 10,
|
||
backgroundColor: "white",
|
||
},
|
||
questionAnswerMid: {
|
||
color: "#757575",
|
||
width: "20%",
|
||
fontSize: 12,
|
||
padding: 5,
|
||
border: 1,
|
||
borderColor: "#eee",
|
||
paddingLeft: 10,
|
||
backgroundColor: "white",
|
||
},
|
||
questionAnswerWide: {
|
||
color: "#757575",
|
||
width: "95%",
|
||
fontSize: 12,
|
||
marginLeft: "5%",
|
||
border: 1,
|
||
borderColor: "#eee",
|
||
backgroundColor: "white",
|
||
padding: 5,
|
||
},
|
||
|
||
sectionContainer: {
|
||
backgroundColor: "#F8F8F8",
|
||
padding: 10,
|
||
marginTop: 20,
|
||
fontSize: 15,
|
||
},
|
||
pageNumber: {
|
||
position: "absolute",
|
||
fontSize: 12,
|
||
bottom: 20,
|
||
left: 0,
|
||
right: 0,
|
||
textAlign: "center",
|
||
color: "grey",
|
||
},
|
||
|
||
richArea: {
|
||
fontSize: 12,
|
||
color: "red",
|
||
flexDirection: "column",
|
||
},
|
||
});
|
||
|
||
export const lpaQuestionnaire_pdf = ({ docProps }) => {
|
||
console.log(docProps);
|
||
function formatDates(dateObj) {
|
||
var dateObj = new Date(dateObj);
|
||
var dd = String(dateObj.getDate()).padStart(2, "0");
|
||
var mm = String(dateObj.getMonth() + 1).padStart(2, "0"); //January is 0!
|
||
var yyyy = dateObj.getFullYear();
|
||
|
||
return dd + "/" + mm + "/" + yyyy;
|
||
}
|
||
let values = docProps;
|
||
|
||
console.log("sdffhjdhjdjdgkj: ", values.procedureType);
|
||
return (
|
||
<Document>
|
||
<Page size="A4" style={styles.page} wrap>
|
||
<View style={{ padding: 20 }}>
|
||
<View style={styles.header}>
|
||
<View>
|
||
<Text
|
||
style={{
|
||
width: "60%",
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
Local Planning Authority Questionnaire
|
||
</Text>
|
||
<View>
|
||
<Text
|
||
style={{
|
||
width: "60%",
|
||
fontSize: 15,
|
||
marginTop: 20,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
For Planning, Conservation area, Listed
|
||
Building and Advertisement
|
||
applications/appeals
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<Image
|
||
style={styles.logoImage}
|
||
src="public/assets/images/pedw_logo.png"
|
||
/>
|
||
</View>
|
||
|
||
<View>
|
||
<Text style={{ marginTop: 10, fontSize: 14 }}>
|
||
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.
|
||
</Text>
|
||
</View>
|
||
<View style={styles.section}>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text style={{ fontSize: 14 }}>Case details</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>1.</Text>
|
||
<Text style={styles.questionText}>
|
||
PEDW reference:
|
||
</Text>
|
||
<Text style={styles.questionAnswer}>
|
||
{values.caseRef}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>2.</Text>
|
||
<Text style={styles.questionText}>
|
||
LPA reference:
|
||
</Text>
|
||
<Text style={styles.questionAnswer}>
|
||
{values.lpaRef}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>3.</Text>
|
||
<Text style={styles.questionText}>
|
||
Site address/grid ref:
|
||
</Text>
|
||
<Text style={styles.questionAnswer}>
|
||
{values.siteAddress}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>4.</Text>
|
||
<Text style={styles.questionText}>
|
||
Case Type:
|
||
</Text>
|
||
<Text style={styles.questionAnswer}>
|
||
{appealTypeValue.value}
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text style={{ fontSize: 14 }}>
|
||
Appeal procedure and site visit
|
||
</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
5.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Which procedure do you consider the
|
||
appeal should follow?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.procedureType}
|
||
</Text>
|
||
</View>
|
||
{values.procedureType !=
|
||
"Written representations" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.procedureTypeEvidence}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>6.</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Will the Inspector need to enter the appeal
|
||
site/property?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.enterToView}
|
||
</Text>
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
7.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Do you consider that the Inspector needs
|
||
to enter neighbouring private
|
||
land/property to view the site?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.enterNeighbouringLandToViewSite}
|
||
</Text>
|
||
</View>
|
||
|
||
{values.enterNeighbouringLandToViewSite ==
|
||
"Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={{ fontSize: 12 }}>
|
||
{
|
||
values.enterNeighbouringLandToViewSiteEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
8.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
If access to private land/buildings is
|
||
required, are you content for the
|
||
Inspector to visit the site on an
|
||
‘access required’ basis, with only the
|
||
landowner or their representative
|
||
present?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{
|
||
values.enterNeighbouringLandAccessRequired
|
||
}
|
||
</Text>
|
||
</View>
|
||
{values.enterNeighbouringLandAccessRequired !=
|
||
"Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.enterNeighbouringLandAccessRequiredEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
9.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Are you aware of any health and safety
|
||
issues which would need to be considered
|
||
when the Inspector visits the site?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.healthAndSafetyIssues}
|
||
</Text>
|
||
</View>
|
||
{values.healthAndSafetyIssues == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.healthAndSafetyIssuesEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
10.
|
||
</Text>
|
||
|
||
<Text style={styles.questionTextWide}>
|
||
LPA contact for site visit, hearing or
|
||
inquiry arrangements:
|
||
</Text>
|
||
</View>
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.LPAcontactDetails}
|
||
</Html>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text style={{ fontSize: 14 }}>
|
||
Supporting documents
|
||
</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>11.</Text>
|
||
<Text style={styles.questionText}>
|
||
LPA case file and representations
|
||
</Text>
|
||
<View style={styles.questionAnswer}>
|
||
<Html style={styles.richArea}>
|
||
{values.LPAcaseFileAndReps}
|
||
</Html>
|
||
</View>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>12.</Text>
|
||
<Text style={styles.questionText}>
|
||
LPA’s adopted local development plan and
|
||
Proposals Map
|
||
</Text>
|
||
<View style={styles.questionAnswer}>
|
||
<Html style={styles.richArea}>
|
||
{values.LPAldpAndMap}
|
||
</Html>
|
||
</View>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>13.</Text>
|
||
<Text style={styles.questionText}>
|
||
Adopted local guidance relevant to the
|
||
proposal:
|
||
</Text>
|
||
<View style={styles.questionAnswer}>
|
||
<Html style={styles.richArea}>
|
||
{values.LPAlocalGuidance}
|
||
</Html>
|
||
</View>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>14.</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
If applicable, do you intend to submit a
|
||
full statement at the 4- week stage?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.LPAintentionToSubmitFullStatement}
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text style={{ fontSize: 14 }}>
|
||
Statutory considerations
|
||
</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>15.</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Is all or part of the site within an Area of
|
||
Outstanding Natural Beauty?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.AONB}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
16.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Does the site include any public rights
|
||
of way?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.ROW}
|
||
</Text>
|
||
</View>
|
||
{values.ROW == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.ROWEvidence}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
17.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Is all or part of the site within a
|
||
Conservation Area?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.conservationArea}{" "}
|
||
</Text>
|
||
</View>
|
||
{values.conservationArea == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.conservationAreaEvidence}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
18.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Would the proposal involve works to, or
|
||
affect the setting of, a listed
|
||
building, Scheduled Monument or other
|
||
designated historic asset?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.affectListedBuilding}
|
||
</Text>
|
||
</View>
|
||
{values.affectListedBuilding == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.affectListedBuildingEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
19.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Is any part of the site subject to a
|
||
Tree Preservation Order?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.TPO}
|
||
</Text>
|
||
</View>
|
||
{values.TPO == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.TPOEvidence}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
20.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Is the site within or likely to affect
|
||
an International or National Designated
|
||
Site for nature conservation (as defined
|
||
in Planning Policy Wales)?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.natureConservationSite}
|
||
</Text>
|
||
</View>
|
||
{values.natureConservationSite == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.natureConservationSiteEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
21.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Are any protected species likely to be
|
||
affected by the proposal?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.protectedSpecies}
|
||
</Text>
|
||
</View>
|
||
{values.protectedSpecies == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.protectedSpeciesEvidence}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>22.</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Does the case involve persons claiming
|
||
Gypsy/Traveller status, whether or not this
|
||
is accepted by the LPA?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.gypsyTravellerInvolvment}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
23.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Have you received comments or directions
|
||
from any government department/agency or
|
||
statutory undertaker, including in
|
||
response to a statutory notification or
|
||
consultation?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.governmentDepartmentComments}
|
||
</Text>
|
||
</View>
|
||
{values.governmentDepartmentComments ==
|
||
"Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.governmentDepartmentCommentsEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text style={{ fontSize: 14 }}>
|
||
Suggested considerations
|
||
</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>24.</Text>
|
||
<Text style={styles.questionTextWide}>
|
||
Review the following standard conditions and
|
||
advise whether they would be necessary if
|
||
permission/consent is granted (not
|
||
applicable to Advertisement consent
|
||
proposals):
|
||
</Text>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>a)</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
The development shall begin not later than
|
||
five years from the date of this decision.
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{
|
||
values.developmentNotBeginLaterThanFiveYears
|
||
}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
b)
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
The development shall be carried out in
|
||
accordance with the following approved
|
||
plans and documents:
|
||
............................ Reason: To
|
||
ensure the development is carried out in
|
||
accordance with the approved documents,
|
||
plans and drawings submitted with the
|
||
application.
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{
|
||
values.developmentCarriedOutInAccordance
|
||
}
|
||
</Text>
|
||
</View>
|
||
{values.developmentCarriedOutInAccordance ==
|
||
"Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.developmentCarriedOutInAccordanceEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>c)</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
No development shall take place until a
|
||
scheme for biodiversity enhancement has been
|
||
submitted to and agreed in writing by the
|
||
local planning authority. Development shall
|
||
be carried out in accordance with the
|
||
approved details.
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.developmentNotTakePlaceBiodiversity}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>d)</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
No development shall take place until a
|
||
scheme to enable the provision of gigabit
|
||
capable broadband infrastructure from the
|
||
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 style={styles.questionAnswerMid}>
|
||
{values.developmentNotTakePlaceBroadband}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
25.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Do you consider other conditions, or
|
||
amended versions of the above standard
|
||
conditions, to be necessary?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.developmentAnyOtherConditions}
|
||
</Text>
|
||
</View>
|
||
{values.developmentAnyOtherConditions ==
|
||
"Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.developmentAnyOtherConditionsEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text style={{ fontSize: 14 }}>
|
||
Before sending, have you attached or provided a
|
||
web link to:
|
||
</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
26.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
A copy of the applicant’s certificate
|
||
confirming that they notified persons
|
||
with an interest in the land?*
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.copyOfApplicantsCertificate}
|
||
</Text>
|
||
</View>
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.copyOfApplicantsCertificateEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
27.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Evidence of any publicity given to the
|
||
application, including site notices and
|
||
local advertisement?**
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.advertismentGiven}
|
||
</Text>
|
||
</View>
|
||
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.advertismentGivenEvidence}
|
||
</Html>
|
||
</View>
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
28.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
A copy of the letter with which you
|
||
notified people of the appeal AND a list
|
||
of the people you notified?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{
|
||
values.copyOfLetterOfAppealNotification
|
||
}
|
||
</Text>
|
||
</View>
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.copyOfLetterOfAppealNotificationEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
29.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
The LPA’s Environmental Impact
|
||
Assessment Screening Opinion, if
|
||
applicable?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.lpaEIAOS}
|
||
</Text>
|
||
</View>
|
||
{values.lpaEIAOS == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{values.lpaEIAOSEvidence}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
30.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Advertisement consent proposals only: A
|
||
true copy of the Discontinuance Notice
|
||
(if one has been issued)?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{
|
||
values.advertismentConsentDiscontinuanceNotice
|
||
}
|
||
</Text>
|
||
</View>
|
||
{values.advertismentConsentDiscontinuanceNotice ==
|
||
"Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.advertismentConsentDiscontinuanceNoticeEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
31.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Details of other appeals or applications
|
||
relating to the site, or a nearby site,
|
||
which are still being considered by PEDW
|
||
or the Welsh Ministers?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.detailsOfOtherAppeals}
|
||
</Text>
|
||
</View>
|
||
{values.detailsOfOtherAppeals == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.detailsOfOtherAppealsEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
32.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Details of any previous appeal decision
|
||
relating to the site or a nearby site
|
||
referred to by the LPA or applicant?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.detailsOfPreviousAppeals}
|
||
</Text>
|
||
</View>
|
||
{values.detailsOfPreviousAppeals == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.detailsOfPreviousAppealsEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
|
||
<View
|
||
style={{
|
||
flexDirection: "column",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}>
|
||
33.
|
||
</Text>
|
||
<Text style={styles.questionTextMid}>
|
||
Any other relevant information that we
|
||
should know about?
|
||
</Text>
|
||
<Text style={styles.questionAnswerMid}>
|
||
{values.otherRelevantInformation}
|
||
</Text>
|
||
</View>
|
||
{values.otherRelevantInformation == "Yes" && (
|
||
<View style={styles.questionAnswerWide}>
|
||
<Html style={styles.richArea}>
|
||
{
|
||
values.otherRelevantInformationEvidence
|
||
}
|
||
</Html>
|
||
</View>
|
||
)}
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text>Declaration</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
alignItems: "center",
|
||
}}
|
||
>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
alignItems: "center",
|
||
}}
|
||
>
|
||
<Text
|
||
style={{ width: "40%", fontSize: 12 }}
|
||
>
|
||
Signed:
|
||
</Text>
|
||
<Text style={styles.questionAnswer}>
|
||
{values.caseOfficer}
|
||
</Text>
|
||
</View>
|
||
<View
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
alignItems: "center",
|
||
}}
|
||
>
|
||
<Text style={styles.questionText}>
|
||
Date:
|
||
</Text>
|
||
<Text style={styles.questionAnswer}>
|
||
{formatDates(values.signedDate)}
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={{ width: "18%", fontSize: 12 }}>
|
||
On behalf of:
|
||
</Text>
|
||
<Text style={styles.questionAnswerWide}>
|
||
{values.onBehalfOfLPA}
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
<View>
|
||
<View
|
||
style={{
|
||
marginTop: 10,
|
||
fontFamily: "Helvetica-Bold",
|
||
}}
|
||
>
|
||
<Text style={{ fontSize: 14 }}>
|
||
Supporting documents
|
||
</Text>
|
||
</View>
|
||
<View style={styles.sectionContainer}>
|
||
<View
|
||
wrap={false}
|
||
style={{
|
||
flexDirection: "row",
|
||
marginBottom: 10,
|
||
}}
|
||
>
|
||
<Text style={styles.questionBullet}></Text>
|
||
<Text style={styles.questionText}>
|
||
List of attached files
|
||
</Text>
|
||
<View
|
||
style={[
|
||
styles.questionAnswer,
|
||
{ flexDirection: "column" },
|
||
]}
|
||
>
|
||
{values.hasOwnProperty("filesList") &&
|
||
values.filesList.map(function (p) {
|
||
return (
|
||
<View
|
||
style={{
|
||
flexDirection:
|
||
"row",
|
||
marginBottom: 4,
|
||
}}
|
||
>
|
||
<Text
|
||
styles={
|
||
styles.questionTextMid
|
||
}
|
||
>
|
||
{p.name} - {p.size}
|
||
</Text>
|
||
</View>
|
||
);
|
||
})}
|
||
</View>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<View style={{ marginTop: 50, fontSize: 12 }}>
|
||
<Text>
|
||
* 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
|
||
</Text>
|
||
<Text style={{ marginTop: 20 }}>
|
||
** 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
|
||
</Text>
|
||
</View>
|
||
</View>
|
||
</View>
|
||
<Text
|
||
style={styles.pageNumber}
|
||
render={({ pageNumber, totalPages }) =>
|
||
`${pageNumber} / ${totalPages}`
|
||
}
|
||
fixed
|
||
/>
|
||
<View
|
||
fixed
|
||
style={{
|
||
position: "absolute",
|
||
top: 20,
|
||
left: 20,
|
||
bottom: 20,
|
||
right: 20,
|
||
border: 1,
|
||
borderColor: "#eee",
|
||
padding: 20,
|
||
paddingTop: 30,
|
||
height: "100%",
|
||
}}
|
||
></View>
|
||
</Page>
|
||
</Document>
|
||
);
|
||
};
|