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

questionnaire defect 54 - plus tidying up

Browse Source
This commit is contained in:
robbond
2025-01-13 17:04:19 +00:00
parent dc8cffad33
commit 463d03f798
1 changed files with 139 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/pdftemplates/lpaQuestionnaire_pdf.js
+139 -64
View File
@@ -41,7 +41,7 @@ const styles = StyleSheet.create({
logoImage: { width: "200pt" },
questionBullet: { width: "5%", fontSize: 12 },
questionText: { width: "30%", fontSize: 12 },
questionTextMid: { width: "80%", fontSize: 12 },
questionTextMid: { width: "75%", fontSize: 12, marginRight: 10 },
questionTextWide: { width: "95%", fontSize: 12, marginBottom: 5 },
questionAnswer: {
color: "#757575",
@@ -277,6 +277,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
wrap={false}
@@ -333,6 +334,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -371,6 +373,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -408,6 +411,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -443,6 +447,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -484,61 +489,92 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
</Text>
</View>
<View style={styles.sectionContainer}>
]
<View
wrap={false}
style={{
flexDirection: "row",
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<Text style={styles.questionBullet}>11.</Text>
<Text style={styles.questionText}>
{getTrans(
docProps.locale,
"s78-section-question-11"
)}
</Text>
<View style={styles.questionAnswer}>
<View
wrap={false}
style={{
flexDirection: "row",
marginBottom: 10,
}}
>
<Text style={styles.questionBullet}>
11.
</Text>
<Text style={styles.questionTextWide}>
{getTrans(
docProps.locale,
"s78-section-question-11"
)}
</Text>
</View>
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(values.LPAcaseFileAndReps)}
</Html>
</View>
</View>
<View
wrap={false}
style={{
flexDirection: "row",
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<Text style={styles.questionBullet}>12.</Text>
<Text style={styles.questionText}>
{getTrans(
docProps.locale,
"s78-section-question-12"
)}
</Text>
<View style={styles.questionAnswer}>
<View
wrap={false}
style={{
flexDirection: "row",
marginBottom: 10,
}}
>
<Text style={styles.questionBullet}>
12.
</Text>
<Text style={styles.questionTextWide}>
{getTrans(
docProps.locale,
"s78-section-question-12"
)}
</Text>
</View>
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(values.LPAldpAndMap)}
</Html>
</View>
</View>
<View
wrap={false}
style={{
flexDirection: "row",
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<Text style={styles.questionBullet}>13.</Text>
<Text style={styles.questionText}>
{getTrans(
docProps.locale,
"s78-section-question-13"
)}
</Text>
<View style={styles.questionAnswer}>
<View
wrap={false}
style={{
flexDirection: "row",
marginBottom: 10,
}}
>
<Text style={styles.questionBullet}>
13.
</Text>
<Text style={styles.questionTextWide}>
{getTrans(
docProps.locale,
"s78-section-question-13"
)}
</Text>
</View>
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(values.LPAlocalGuidance)}
</Html>
@@ -603,6 +639,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -636,6 +673,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -671,6 +709,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -706,6 +745,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -739,6 +779,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -774,6 +815,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -827,6 +869,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -915,6 +958,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -987,6 +1031,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1026,11 +1071,12 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
marginTop: 10,
fontFamily: "Helvetica-Bold",
}}
wrap={false}
>
<Text style={{ fontSize: 14 }}>
{getTrans(
docProps.locale,
"s78-section-heading-five"
"s78-section-heading-five-sub"
)}
</Text>
</View>
@@ -1040,6 +1086,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1060,19 +1107,24 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
{values.copyOfApplicantsCertificate}
</Text>
</View>
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(
values.copyOfApplicantsCertificateEvidence
)}
</Html>
</View>
{values.hasOwnProperty(
"copyOfApplicantsCertificateEvidence"
) && (
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(
values.copyOfApplicantsCertificateEvidence
)}
</Html>
</View>
)}
</View>
<View
style={{
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1093,20 +1145,24 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
{values.advertismentGiven}
</Text>
</View>
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(
values.advertismentGivenEvidence
)}
</Html>
</View>
{values.hasOwnProperty(
"advertismentGivenEvidence"
) && (
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(
values.advertismentGivenEvidence
)}
</Html>
</View>
)}
</View>
<View
style={{
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1129,19 +1185,24 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
}
</Text>
</View>
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(
values.copyOfLetterOfAppealNotificationEvidence
)}
</Html>
</View>
{values.hasOwnProperty(
"copyOfLetterOfAppealNotificationEvidence"
) && (
<View style={styles.questionAnswerWide}>
<Html style={styles.richArea}>
{CleanHTML(
values.copyOfLetterOfAppealNotificationEvidence
)}
</Html>
</View>
)}
</View>
<View
style={{
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1175,6 +1236,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1213,6 +1275,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1248,6 +1311,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1283,6 +1347,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
flexDirection: "column",
marginBottom: 10,
}}
wrap={false}
>
<View
style={{
@@ -1411,20 +1476,30 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
<View
wrap={false}
style={{
flexDirection: "row",
flexDirection: "column",
marginBottom: 10,
}}
>
<Text style={styles.questionBullet}></Text>
<Text style={styles.questionText}>
{getTrans(
docProps.locale,
"lpa-list-supporting-documents-list"
)}
</Text>
<View
wrap={false}
style={{
flexDirection: "row",
marginBottom: 10,
}}
>
<Text
style={styles.questionBullet}
></Text>
<Text style={styles.questionTextWide}>
{getTrans(
docProps.locale,
"lpa-list-supporting-documents-list"
)}
</Text>
</View>
<View
style={[
styles.questionAnswer,
styles.questionAnswerWide,
{ flexDirection: "column" },
]}
>
@@ -1446,7 +1521,7 @@ export const lpaQuestionnaire_pdf = ({ docProps }) => {
>
{p.name} -{" "}
{bytesToSize(
p.size
p.contentLength
)}{" "}
{"\n"}
</Text>