Skip to content

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

account

parent b50fa240
Hide whitespace changes
Inline Side-by-side
Showing with 49 additions and 39 deletions
view/Account.js
View file @ b1bd6dc2
...@@ -226,41 +226,49 @@ class Account extends React.Component { ...@@ -226,41 +226,49 @@ class Account extends React.Component {
<View> <View>
<View style={styles.Card}> <View style={styles.Card}>
<View style={styles.card}> <View style={styles.card}>
<Card style={{ padding: 5, margin: 5, alignContent: 'center' }}> <View style={styles.card}>
<View style={{ flexDirection: 'row', flex: 1, paddingBottom: 5 }}> <Card style={{ padding: 20,alignContent: 'center' }}>
<View style={{ flex: 0.5 }}> <View style={{ flexDirection: 'row', flex: 1, paddingBottom:5 }}>
<Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>YOUR CARD NUMBER</Text> <View style={{ flex: 0.5 }}>
</View> <Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>YOUR CARD NUMBER</Text>
<View style={{ flex: 0.5 }}> </View>
<Text style={{ fontSize: 10, textAlign: 'right', fontFamily: 'Gotham-Light' }}>Expired At {this.state.expire_date}</Text> <View style={{ flex: 0.5 }}>
</View> <Text style={{ fontSize: 10, textAlign: 'right', fontFamily: 'Gotham-Light' }}>Expired At {this.state.expire_date}</Text>
</View> </View>
<View style={{ paddingHorizontal: 10 }}> </View>
<Text style={{ textAlign: "center", fontSize: 30, color: '#c9af6d', fontFamily: 'Gotham-Black' }}> <View style={{ paddingHorizontal: 10 }}>
{this.state.account_number} <Text style={{ textAlign: "center", fontSize: 30, color: '#c9af6d', fontFamily: 'Gotham-Black' }}>
</Text> {this.state.account_number}
</View> </Text>
<View style={styles.line}></View> </View>
<View style={{ flexDirection: 'row', flex: 1 }}> <View style={styles.line}></View>
<View style={{ flex: 0.3, justifyContent: 'center' }}>
{/* <Text>{i18n.t('balance')}</Text> */} <View style={{ flexDirection: 'row', flex: 1 }}>
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>BALANCE</Text> <View style={{ flex: 0.3, justifyContent: 'center' }}>
</View> {/* <Text>{i18n.t('balance')}</Text> */}
<View style={{ flex: 0.7, alignItems: 'center' }}> <Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>BALANCE</Text>
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {this.state.balance}</Text> </View>
</View> <View style={{ flex: 0.7, alignItems:'center'}}>
</View> <Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.balance}</Text>
<View style={styles.line2}></View> </View>
<View style={{ flexDirection: 'row', flex: 1 }}> </View>
<View style={{ flex: 0.3, justifyContent: 'center' }}>
{/* <Text>{i18n.t('balance')}</Text> */}
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>POINTS</Text> <View style={styles.line2}></View>
</View> {/* <Text style={{ textAlign: 'left', fontWeight: 'bold' }}>
<View style={{ flex: 0.7, alignItems: 'center' }}> {i18n.t('point')} {this.state.point}
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color: 'gray' }}>IDR {this.state.point}</Text> </Text> */}
</View> <View style={{ flexDirection: 'row', flex: 1 }}>
</View> <View style={{ flex: 0.3, justifyContent: 'center' }}>
</Card> {/* <Text>{i18n.t('balance')}</Text> */}
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Light' }}>POINTS</Text>
</View>
<View style={{ flex: 0.7,alignItems:'center' }}>
<Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.points}</Text>
</View>
</View>
</Card>
</View>
</View> </View>
</View> </View>
<TouchableOpacity style={styles.submitTopUp} activeOpacity={.5} onPress={() => this.props.navigation.navigate('TopUpInfo')}> <TouchableOpacity style={styles.submitTopUp} activeOpacity={.5} onPress={() => this.props.navigation.navigate('TopUpInfo')}>
...@@ -390,7 +398,7 @@ const styles = StyleSheet.create({ ...@@ -390,7 +398,7 @@ const styles = StyleSheet.create({
}, },
card: { card: {
top: 10, top: 5,
flex: 1, flex: 1,
alignItems: 'center', alignItems: 'center',
marginRight: 10, marginRight: 10,
......
view/OrderDetail.js
View file @ b1bd6dc2
...@@ -375,7 +375,7 @@ class OrderDetail extends React.Component { ...@@ -375,7 +375,7 @@ class OrderDetail extends React.Component {
this.state.is_reviewed ? ( this.state.is_reviewed ? (
<View style={{ height: 70, borderWidth: 1, borderRadius: 10, justifyContent: 'center', margin: 30, borderColor: '#CFB368' }}> <View style={{ height: 70, borderWidth: 1, borderRadius: 10, justifyContent: 'center', margin: 30, borderColor: '#CFB368' }}>
<Text style={{ fontFamily: 'Gotham-Light', color: '#838383', fontSize: 16, textAlign: 'center', paddingHorizontal: 5 }}>Rate Your Star ({this.state.review_rating}) </Text> <Text style={{ fontFamily: 'Gotham-Light', color: '#838383', fontSize: 16, textAlign: 'center', paddingHorizontal: 5 }}> You Rated ({this.state.review_rating}) </Text>
<Rating imageSize={20} style={{ top: 5 }} readonly startingValue={this.state.review_rating} ratingBackgroundColor='#CFB368' /> <Rating imageSize={20} style={{ top: 5 }} readonly startingValue={this.state.review_rating} ratingBackgroundColor='#CFB368' />
</View> </View>
......
view/RatingOrder.js
View file @ b1bd6dc2
...@@ -103,12 +103,12 @@ class RatingOrder extends React.Component { ...@@ -103,12 +103,12 @@ class RatingOrder extends React.Component {
<View style={styles.container}> <View style={styles.container}>
<View style={{ flex: 3 }}> <View style={{ flex: 3 }}>
<View style={{ height: 100, justifyContent: 'center' }}> <View style={{ height: 100, justifyContent: 'center' }}>
<Text style={{ margin: 20, fontFamily: 'Gotham-Light', fontSize: 14, color: '#838383' }}>How was your experience with your <Text style={{ color: 'red' }}>{this.state.detail_trans.trans_type_display}</Text> order with us {this.state.outlet} on <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', textAlign: 'center', color: '#838383' }}>{moment(this.state.detail_trans.trans_time).format('DD MMMM YYYY HH:mm:ss')}</Text> </Text> <Text style={{ margin: 20, fontFamily: 'Gotham-Light', fontSize: 14, color: '#838383' }}>How was your experience with your <Text style={{ color: 'red' }}>{this.state.detail_trans.trans_type_display}</Text> order with us {this.state.outlet} on <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', textAlign: 'center', color: '#838383' }}>{moment(this.state.detail_trans.trans_time).format('DD MMMM YYYY HH:mm:ss')}</Text> </Text>
</View> </View>
<View style={{ flex: 1, marginRight: 30, marginLeft: 30, }}> <View style={{ flex: 1, marginRight: 30, marginLeft: 30, }}>
<AirbnbRating <AirbnbRating
count={5} count={5}
reviews={["Need improvement", "Bellow average", "Average", "Good", "Awesome"]} reviews={["Needs improvement", "Below average", "Average", "Good", "Awesome"]}
onFinishRating={rating => this.rating(rating)} onFinishRating={rating => this.rating(rating)}
defaultRating={5} defaultRating={5}
size={30} size={30}
...@@ -119,6 +119,8 @@ class RatingOrder extends React.Component { ...@@ -119,6 +119,8 @@ class RatingOrder extends React.Component {
value={this.state.review} value={this.state.review}
autoCapitalize="none" autoCapitalize="none"
value={this.state.review} value={this.state.review}
multiline={true}
numberOfLines={5}
/> />
<TouchableOpacity style={{ height: 100 }} onPress={() => this.review()}> <TouchableOpacity style={{ height: 100 }} onPress={() => this.review()}>
......
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