Skip to content

C
clone_excelso
Commit d5a700a8 authored by Prasetya Saputra's avatar Prasetya Saputra
Browse files
Options

update tnc card

parent ecdf3378
Show whitespace changes
Inline Side-by-side
Showing with 123 additions and 130 deletions
view/CardPrivacyStatement.js
View file @ d5a700a8
......@@ -7,151 +7,144 @@ import HTML from 'react-native-render-html';
import MyStatusBar from './MyStatusBar';
import { connect } from 'react-redux';
function CardPrivacyStatement({route, navigation}) {
const { card_number } = route.params;
return (
<View style={styles.content}>
<Text>{JSON.stringify(card_number)}</Text>
</View>
)
}
class CardPrivacyStatement extends React.Component {
constructor(props) {
super(props);
this.state = {
contentID: '',
contentEN: '',
card_number: "",
img_card: "",
spinner: true,
// class CardPrivacyStatement extends React.Component {
// constructor(props) {
// super(props);
// this.state = {
// contentID: '',
// contentEN: '',
// card_number: "",
// img_card: "",
// spinner: true,
}
}
// }
// }
componentDidMount() {
try {
this.getCardPrivacyStatement()
} catch (error) {
Alert.alert('Error', + error)
}
console.log(this.props.language)
// componentDidMount() {
// try {
// this.getCardPrivacyStatement()
// } catch (error) {
// Alert.alert('Error', + error)
// }
// console.log(this.props.language)
}
// }
getCardPrivacyStatement() {
try {
Axios.get(this.props.BASE_URL + 'cms/v2/detail/privacy-statement').then(res => {
// console.log('ini res data nya : ' + JSON.stringify(res.data))
const respon = res.data
this.setState({
contentID: respon.content,
contentEN: respon.content2,
spinner: false
})
})
} catch (error) {
Alert.alert('Error:' + error)
}
}
// getCardPrivacyStatement() {
// try {
// Axios.get(this.props.BASE_URL + 'cms/v2/detail/privacy-statement').then(res => {
// // console.log('ini res data nya : ' + JSON.stringify(res.data))
// const respon = res.data
// this.setState({
// contentID: respon.content,
// contentEN: respon.content2,
// spinner: false
// })
// })
// } catch (error) {
// Alert.alert('Error:' + error)
// }
// }
render() {
// console.log(this.state.content)
const { card_number } = this.props.route.params;
try {
return (
<View style={styles.container}>
<MyStatusBar />
<Spinner
visible={this.state.spinner}
textContent={'Loading...'}
textStyle={{ color: 'white' }}
animation={'fade'}
color={'white'}
overlayColor={'#838383'}
/>
<ScrollView style={styles.body}>
{/* <View style={styles.image_container(this.state.image_height)}>
<Image style={styles.image(this.state.image_height)} source={this.state.image ? { uri: this.state.image } : null} />
</View> */}
// render() {
// // console.log(this.state.content)
// try {
// return (
// <View style={styles.container}>
// <MyStatusBar />
// <Spinner
// visible={this.state.spinner}
// textContent={'Loading...'}
// textStyle={{ color: 'white' }}
// animation={'fade'}
// color={'white'}
// overlayColor={'#838383'}
// />
// <ScrollView style={styles.body}>
// {/* <View style={styles.image_container(this.state.image_height)}>
// <Image style={styles.image(this.state.image_height)} source={this.state.image ? { uri: this.state.image } : null} />
// </View> */}
// <View style={styles.content}>
// {/* {
// this.props.language == 'en' ? (
// <HTML html={this.state.contentEN} tagsStyles={{
// p: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 1.5 },
// blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 0 },
// li: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginBottom: 0 },
// ul: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 5, marginBottom: -10 },
<View style={styles.content}>
<Text>{JSON.stringify(card_number)}</Text>
{
this.props.language == 'en' ? (
<HTML html={this.state.contentEN} tagsStyles={{
p: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 1.5 },
blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 0 },
li: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginBottom: 0 },
ul: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 5, marginBottom: -10 },
// }}
// ignoredTags={['br']}
// ignoredStyles={['font-family', '&nbsp;', '&amp;']} />
// ) : (
// <HTML html={this.state.contentID} tagsStyles={{
// p: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 1.5 },
// blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 0 },
// li: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginBottom: 0 },
// ul: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 5, marginBottom: -10 },
}}
ignoredTags={['br']}
ignoredStyles={['font-family', '&nbsp;', '&amp;']} />
) : (
<HTML html={this.state.contentID} tagsStyles={{
p: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 1.5 },
blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 0 },
li: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginBottom: 0 },
ul: { fontSize: 12, color: '#838383', fontFamily: 'Gotham-Light', marginVertical: 5, marginBottom: -10 },
// }}
// ignoredTags={['br']}
// ignoredStyles={['font-family', '&nbsp;', '&amp;']} />
// )
// } */}
// <Text>Kartu</Text>
// </View>
// </ScrollView>
// </View>
// )
// } catch (error) {
// Alert.alert('Error' + error)
// }
}}
ignoredTags={['br']}
ignoredStyles={['font-family', '&nbsp;', '&amp;']} />
)
}
</View>
</ScrollView>
</View>
)
} catch (error) {
Alert.alert('Error' + error)
}
// }
// }
}
}
const styles = StyleSheet.create({
// container: {
// flex: 1,
// backgroundColor: 'white',
// },
// header: {
// height: 60,
// paddingHorizontal: 5,
// flexDirection: 'row',
// backgroundColor: '#CFB368',
// alignItems: 'center'
// },
// headerTitle: {
// flex: 1,
// textAlign: 'center',
// margin: 20,
// fontSize: 23,
// alignSelf: 'center',
// color: 'white',
// fontFamily: 'Gotham-Black'
// },
// image_container: (height) => ({
// height: height,
// backgroundColor: 'gray'
// }),
// image: (height) => ({
// width: '100%',
// height: height
// }),
// title: {
// textAlign: 'center',
// fontFamily: 'Gotham-Black',
// fontSize: 22,
// marginBottom: 10,
// color: '#CFB368'
// },
container: {
flex: 1,
backgroundColor: 'white',
},
header: {
height: 60,
paddingHorizontal: 5,
flexDirection: 'row',
backgroundColor: '#CFB368',
alignItems: 'center'
},
headerTitle: {
flex: 1,
textAlign: 'center',
margin: 20,
fontSize: 23,
alignSelf: 'center',
color: 'white',
fontFamily: 'Gotham-Black'
},
image_container: (height) => ({
height: height,
backgroundColor: 'gray'
}),
image: (height) => ({
width: '100%',
height: height
}),
title: {
textAlign: 'center',
fontFamily: 'Gotham-Black',
fontSize: 22,
marginBottom: 10,
color: '#CFB368'
},
content: {
paddingHorizontal: 25,
paddingVertical: 30
},
// body: {
// }
body: {
}
})
const mapStateToProps = (state) => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment