rich text field and pdf create for appeal

This commit is contained in:
2024-01-16 14:23:11 +00:00
parent e0badd6b11
commit 5f82c59abb
30 changed files with 592 additions and 288 deletions
@@ -61,7 +61,7 @@ const styles = StyleSheet.create({
},
questionAnswerWide: {
color: "#757575",
width: "95%",
width: "100%",
fontSize: 12,
marginLeft: "5%",
border: 1,
@@ -121,7 +121,7 @@ export const planningappeals78_pdf = ({ docProps }) => {
xmlStr = xmlStr.replace(/> <"/g, "><");
xmlStr = xmlStr.toString();
console.log(xmlStr);
//console.log(xmlStr);
const parser = new DOMParser();
var doc = parser.parseFromString(xmlStr, "text/xml");
@@ -177,74 +177,6 @@ export const planningappeals78_pdf = ({ docProps }) => {
/>
</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}>
{t(
"myrepresentations:s78-section-question-1"
)}
:
</Text>
<Text style={styles.questionAnswer}>
{values.caseRef}
</Text>
</View>
<View
wrap={false}
style={{
flexDirection: "row",
marginBottom: 10,
}}
></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>
{Object.keys(titles).map((key) => (
<View key={key}>
<View
@@ -305,12 +237,12 @@ export const planningappeals78_pdf = ({ docProps }) => {
}}
>
<Text style={styles.questionBullet}>11.</Text>
<Text style={styles.questionText}>
<Text style={styles.questionTextWide}>
List of attached files
</Text>
<View
style={[
styles.questionAnswer,
styles.questionAnswerWide,
{ flexDirection: "column" },
]}
>