Skip to content

C
clone_excelso
Commit 06454572 authored by Wahyu Adjie Prasetyo's avatar Wahyu Adjie Prasetyo
Browse files
Options

Merge branch 'master' of ssh://repo.cs.co.id:2222/wahyu/bahanoprek 

# Conflicts:
#	view/Account.js
parents bf45214c 94b50f86
Hide whitespace changes
Inline Side-by-side
Showing with 87 additions and 76 deletions
view/Account.js
View file @ 06454572
......@@ -179,34 +179,32 @@ class Account extends React.Component {
<View style={{ flex: 1, height: 90 }}>
<View style={{ alignSelf: 'center' }}>
<Image
style={{ height: 70, width: 70, justifyContent: 'center',top:20 }}
style={{ height: 70, width: 70, justifyContent: 'center', top: 20 }}
source={require('../assets/images/people-actv.png')}
/>
</View>
<View style={{ height: 90, justifyContent: 'center' }}>
<Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 18, textAlign: 'center' }}>
<Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center' }}>
{this.state.full_name}
</Text>
</Text>
<TouchableOpacity onPress={() => this.props.navigation.navigate('Profile')}>
<Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 18, textAlign: 'center',top:2 }}>
View Profil
</Text>
<Text style={{ fontFamily: 'Gotham-Light', color: '#838383', fontSize: 12, textAlign: 'center', top: 2 }}>View Profile</Text>
</TouchableOpacity>
</View>
</View>
{
this.props.set_card === false ? (
<View style={{ marginTop: 65 }}>
<View style={{ flex: 1, backgroundColor: 'grey', height: 250, borderRadius: 20, marginRight: 10, marginLeft: 10,justifyContent:'center' }}>
<View style={{justifyContent:'center'}}>
<TouchableOpacity onPress={() => this.props.navigation.navigate('Card Activation')}>
<View style={{ flex: 1, backgroundColor: 'grey', height: 250, borderRadius: 20, marginRight: 10, marginLeft: 10, justifyContent: 'center' }}>
<View style={{ justifyContent: 'center' }}>
<TouchableOpacity onPress={() => this.props.navigation.navigate('Card Activation')}>
<View style={{ height: 50, borderRadius: 20, backgroundColor: 'white', marginRight: 20, marginLeft: 20, }}>
<Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 15 }}>ACTIVATE CARD</Text>
</View>
</TouchableOpacity>
</View>
</View>
</View>
<View style={{ flex: 1, height: 250 }}>
<TouchableOpacity style={{ top: 20, marginLeft: 15, marginRight: 15, justifyContent: 'center' }} onPress={() => this.logout()}>
......@@ -215,7 +213,7 @@ class Account extends React.Component {
</View>
</TouchableOpacity>
<View style={styles.v_logo}>
<View style={{ flex: 1, alignSelf: 'flex-start',marginTop:20 }}>
<View style={{ flex: 1, alignSelf: 'flex-start', marginTop: 20 }}>
<Image resizeMode="contain" source={require('../assets/images/daun.png')} style={styles.logo}></Image>
</View>
<View style={{ flex: 1 }}>
......@@ -228,8 +226,13 @@ class Account extends React.Component {
<View>
<View style={styles.Card}>
<View style={styles.card}>
<Card style={{ padding: 10, alignContent: 'center' }}>
<Card style={{ padding: 20, margin: 10, alignContent: 'center' }}>
{/* <Text>
{i18n.t('yourCardNumber')} | {this.state.expire_date}{'\n'}
</Text> */}
{/* <Text>
YOUR CARD NUMBER | {this.state.expire_date}
</Text> */}
<View style={{ flexDirection: 'row', flex: 1, paddingBottom: 5 }}>
<View style={{ flex: 0.5 }}>
<Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>YOUR CARD NUMBER</Text>
......@@ -246,33 +249,41 @@ class Account extends React.Component {
<View style={styles.line}></View>
{/* <Text style={{ textAlign: 'left', fontWeight: 'bold' }}>
{i18n.t('balance')} {this.state.balance}
</Text> */}
<View style={{ flexDirection: 'row', flex: 1 }}>
<View style={{ flex: 0.2, justifyContent: 'center' }}>
<View style={{ flex: 0.3, justifyContent: 'center' }}>
{/* <Text>{i18n.t('balance')}</Text> */}
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>BALANCE</Text>
</View>
<View style={{ flex: 0.8, alignItems: 'center' }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {this.state.balance}</Text>
<View style={{ flex: 0.7, alignItems: 'center' }}>
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {this.state.balance}</Text>
</View>
</View>
<View style={styles.line2}></View>
{/* <Text style={{ textAlign: 'left', fontWeight: 'bold' }}>
{i18n.t('point')} {this.state.point}
</Text> */}
<View style={{ flexDirection: 'row', flex: 1 }}>
<View style={{ flex: 0.2, justifyContent: 'center' }}>
<View style={{ flex: 0.3, justifyContent: 'center' }}>
{/* <Text>{i18n.t('balance')}</Text> */}
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>POINTS</Text>
</View>
<View style={{ flex: 0.8, alignItems: 'center' }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {this.state.points}</Text>
<View style={{ flex: 0.7, alignItems: 'center' }}>
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {this.state.point}</Text>
</View>
</View>
</Card>
</View>
</View>
<TouchableOpacity style={styles.submitTopUp} activeOpacity={.5} onPress={() => this.props.navigation.navigate('TopUpInfo')}>
<Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 16, textAlign: 'center' }}>TOP UP BALANCE</Text>
<Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 16, textAlign: 'center' }}>TOP UP BALANCE</Text>
</TouchableOpacity>
<View style={{ padding: 10, margin: 10, height: 200, top: 20 }}>
<View style={{ padding: 10, margin: 10, height: 200, top: 10 }}>
<ImageBackground style={{ width: '100%', height: '100%', padding: 0, margin: 0 }} resizeMode='stretch' source={this.state.img_card ? { uri: this.state.img_card } : null}>
<View style={{ justifyContent: 'center' }}>
<Text style={{ fontFamily: 'Gotham-Black', margin: 15, fontSize: 14, color: '#c9af6d', top: 120 }}>
......@@ -281,47 +292,46 @@ class Account extends React.Component {
</View>
</ImageBackground>
</View>
<View style={{marginLeft:20,marginRight:20,padding:5}}>
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'center', top: 10 }}>
<TouchableOpacity style={{ marginBottom: 10 }} onPress={() => this.TransferBalance()} >
<Card style={{ height: 100, width: 160 }}>
<View style={{ height: 50, alignItems: 'center',padding:10 }}>
<MaterialIcons name="monetization-on" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 30, fontSize: 14 }}>TRANSFER BALANCE</Text>
</View>
</Card>
</TouchableOpacity>
<View style={{ width: 5 }}></View>
<TouchableOpacity>
<Card style={{ height: 100, width: 160 }}>
<View style={{ height: 50, alignItems: 'center',padding:10 }}>
<AntDesign name="shoppingcart" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 30, fontSize: 14 }}>BALANCE / POINT</Text>
</View>
</Card>
</TouchableOpacity>
</View>
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'center', top: 10 }}>
<TouchableOpacity style={{ marginBottom: 10 }} onPress={() => this.TransferBalance()} >
<Card style={{ height: 100, width: 160 }}>
<View style={{ marginLeft: 20, marginRight: 20, padding: 5 }}>
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'center'}}>
<TouchableOpacity style={{ marginBottom: 10 }} onPress={() => this.TransferBalance()} >
<Card style={{ height: 100, width: 155 }}>
<View style={{ height: 50, alignItems: 'center', padding: 10 }}>
<MaterialIcons name="monetization-on" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 10, fontSize: 14, color: '#838383' }}>TRANSFER BALANCE</Text>
</View>
</Card>
</TouchableOpacity>
<View style={{ width: 5 }}></View>
<TouchableOpacity>
<Card style={{ height: 100, width: 155 }}>
<View style={{ height: 50, alignItems: 'center', padding: 10 }}>
<AntDesign name="shoppingcart" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 20, fontSize: 14, color: '#838383' }}>BALANCE / POINT</Text>
</View>
</Card>
</TouchableOpacity>
</View>
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'center', top: 10 }}>
<TouchableOpacity style={{ marginBottom: 10 }} onPress={() => this.TransferBalance()} >
<Card style={{ height: 100, width: 155 }}>
<View style={{ height: 50, alignItems: 'center',padding:10 }}>
<MaterialIcons name="autorenew" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 20, fontSize: 14,margin:5 }}>RENEWAL</Text>
</View>
</Card>
</TouchableOpacity>
<View style={{ width: 5 }}></View>
<TouchableOpacity style={{ marginBottom: 10 }} onPress={() => this.props.navigation.navigate('Transaction History')} >
<Card style={{ height: 100, width: 160 }}>
<View style={{ height: 50, alignItems: 'center',padding:10 }}>
<MaterialIcons name="autorenew" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 20, fontSize: 14,margin:5}}>TRANSACTION HISTORY</Text>
</View>
</Card>
</TouchableOpacity>
</View>
<View style={{ height: 50, alignItems: 'center', padding: 10 }}>
<MaterialIcons name="autorenew" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 20, fontSize: 14, margin: 5, color: '#838383' }}>RENEWAL</Text>
</View>
</Card>
</TouchableOpacity>
<View style={{ width: 5 }}></View>
<TouchableOpacity style={{ marginBottom: 10 }} onPress={() => this.props.navigation.navigate('Transaction History')} >
<Card style={{ height: 100, width: 155 }}>
<View style={{ height: 50, alignItems: 'center', padding: 10 }}>
<MaterialIcons name="autorenew" size={30} color="gray" style={{ top: 10 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 10, fontSize: 14, margin: 5, color: '#838383' }}>TRANSACTION HISTORY</Text>
</View>
</Card>
</TouchableOpacity>
</View>
</View>
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'center', top: 10 }}>
{this.state.premium === false ? (
......@@ -329,7 +339,7 @@ class Account extends React.Component {
<Card style={{ height: 100, width: 160 }}>
<View style={{ height: 50, alignItems: 'center' }}>
<MaterialIcons name="autorenew" size={30} color="gray" style={{ top: 20 }} />
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 30, fontSize: 14 }}>UPGRADE PREMIUM</Text>
<Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', top: 30, fontSize: 14, color: '#838383' }}>UPGRADE PREMIUM</Text>
</View>
</Card>
</TouchableOpacity>
......@@ -339,7 +349,7 @@ class Account extends React.Component {
</View>
<View style={{ flex: 1 }}>
<TouchableOpacity onPress={() => this.logout()}>
<View style={{ height: 40, borderRadius: 10, backgroundColor: '#CFB368',justifyContent:'center',marginLeft:20,marginRight:20,marginBottom:10,padding:10,top:5,bottom:5 }}>
<View style={{ height: 40, borderRadius: 10, backgroundColor: '#CFB368', justifyContent: 'center', marginLeft: 20, marginRight: 20, marginBottom: 10, padding: 10, top: 5, bottom: 5 }}>
<Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 16, textAlign: 'center' }}>LOGOUT</Text>
</View>
</TouchableOpacity>
......@@ -377,16 +387,16 @@ const styles = StyleSheet.create({
top: 50,
alignItems: 'center',
alignContent: 'center',
marginRight:10,
marginLeft:10,
marginRight: 10,
marginLeft: 10,
},
card: {
top: 20,
flex: 1,
alignItems: 'center',
marginRight:10,
marginLeft:10
marginRight: 10,
marginLeft: 10,
},
line: {
......@@ -417,10 +427,10 @@ const styles = StyleSheet.create({
},
submitTopUp: {
marginTop: 70,
top:10,
height:40,
top: 10,
height: 40,
marginLeft: 20,
justifyContent:'center',
justifyContent: 'center',
marginRight: 20,
backgroundColor: '#c9af6d',
borderRadius: 10,
......
view/Home.js
View file @ 06454572
......@@ -351,7 +351,7 @@ class Home extends React.Component {
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>BALANCE</Text>
</View>
<View style={{ flex: 0.7, alignItems:'center'}}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.balance}</Text>
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.balance}</Text>
</View>
</View>
......@@ -366,7 +366,7 @@ class Home extends React.Component {
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>POINTS</Text>
</View>
<View style={{ flex: 0.7,alignItems:'center' }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.point}</Text>
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.point}</Text>
</View>
</View>
</Card>
......
view/RewardDetail.js
View file @ 06454572
......@@ -93,7 +93,7 @@ class RewardDetail extends React.Component {
render() {
// console.log(this.state.content)
console.log(this.state.content)
return (
<View style={styles.container}>
<ScrollView>
......@@ -108,7 +108,7 @@ class RewardDetail extends React.Component {
<Text style={styles.text_expire}>EXPIRE DATE</Text>
</View>
<View style={{flex:0.5}}>
<Text style={{ fontFamily: 'Gotham-Light', color: 'white', fontSize: 14, textAlign: 'center', marginBottom: 5, top: 5, paddingLeft:55 }}>{this.state.expire}</Text>
<Text style={{ fontFamily: 'Gotham-Light', color: 'white', fontSize: 14, textAlign: 'right', marginBottom: 5, top: 5, paddingRight:12}}>{this.state.expire}</Text>
</View>
</View>
......@@ -121,7 +121,8 @@ class RewardDetail extends React.Component {
<View
style={{ marginHorizontal: 20 }}
>
<HTML html={this.state.content} tagsStyles={{ p: { fontSize:12, color:'#838383', fontFamily: 'Gotham-Light'}, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 6 } }} />
<HTML html={this.state.content} tagsStyles={{ p: { fontSize:12, color:'#838383', fontFamily: 'Gotham-Light'}, li: { fontSize:12, color:'#838383', fontFamily: 'Gotham-Light' }, ul: { fontSize:12, color:'#838383', fontFamily: 'Gotham-Light', marginTop:10 }, blockquote: { backgroundColor: "#f1f1f1", padding: 12, paddingBottom: 0, marginTop: 6 } }} />
</View>
</View>
<View style={styles.content}>
......
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