1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
import React, { Component } from 'react';
import {
StyleSheet,
TouchableOpacity,
Text,
View,
ScrollView,
} from 'react-native';
import HTMLView from 'react-native-htmlview'
import htmlStyles from '../components/htmlStyles'
import Heading from '../components/heading'
import ClearText from '../components/text'
import Button from '../components/button'
import Close from '../components/close'
export default class TimelineHeader extends Component {
constructor(props) {
super()
}
render() {
if (!! this.props.tag) {
return (
<View style={styles.tagContainer}></View>
)
}
else {
const body = '<p>' + this.props.content.body + '</p>'
return (
<ScrollView contentContainerStyle={styles.container}>
<View style={styles.body}>
<Heading>HISTORY OF SURVEILLANCE</Heading>
<HTMLView value={body} stylesheet={timelineHTMLStyles} onLinkPress={this.props.onLinkPress} />
<Button buttonStyle={styles.buttonStyle} onPress={this.props.onClose} label={'VIEW THE TIMELINE'} />
</View>
</ScrollView>
)
}
}
}
const styles = StyleSheet.create({
container: {
justifyContent: 'flex-start',
alignItems: 'center',
},
body: {
marginTop: 20,
maxWidth: 650,
marginBottom: 10,
backgroundColor: 'black',
padding: 40,
},
buttonStyle: {
marginTop: 40,
marginLeft: 0,
marginRight: 0,
marginBottom: 0,
},
})
const timelineHTMLStyles = StyleSheet.create({
p: {
color: 'white',
fontFamily: 'Futura-Medium',
textAlign: 'justify',
fontSize: 16,
lineHeight: 30,
},
b: {
fontFamily: 'Futura-MediumItalic',
color: 'white',
fontSize: 16,
lineHeight: 30,
},
i: {
color: 'white',
fontFamily: 'Futura-MediumItalic',
fontSize: 16,
lineHeight: 30,
},
a: {
color: 'white',
fontFamily: 'Futura-Medium',
textDecorationLine: 'underline',
fontSize: 16,
lineHeight: 30,
},
red: {
color: '#f00',
fontWeight: 'bold',
fontFamily: 'Futura-MediumItalic',
fontSize: 16,
lineHeight: 24,
},
green: {
color: '#0f0',
fontWeight: 'bold',
fontFamily: 'Futura-MediumItalic',
fontSize: 16,
lineHeight: 24,
},
blue: {
color: '#08f',
fontWeight: 'bold',
fontFamily: 'Futura-MediumItalic',
fontSize: 16,
lineHeight: 24,
},
})
|
