Skip to content

C
clone_excelso
Commit 6b83a163 authored by Trisno's avatar Trisno
Browse files
Options

translate shopping cart

parent eb37b68a
Show whitespace changes
Inline Side-by-side
Showing with 63 additions and 31 deletions
lib/en.json
View file @ 6b83a163
......@@ -65,6 +65,11 @@
"token": "Token",
"delivery": "DELIVERY",
"rateDelivery":"Delivery",
"price":"Price",
"discount":"Discount",
"total":"TOTAL",
"checkout":"CHECKOUT",
"headerShoppingCart":"SHOPPING CART",
"pickup": "PICKUP",
"orderInfo": "YOU WILL PICKUP YOUR ORDER AT",
"orderNow": "ORDER NOW",
......@@ -99,5 +104,17 @@
"alertselectpayment": "Please choose a payment method",
"alertbalance": "Sorry, your balance are not enough",
"alertbalancepoin": "Sorry, your balance and points are not enough",
"headerResetPassword": "RESET PASSWORD"
"headerResetPassword": "RESET PASSWORD",
"yourOrders": "YOUR ORDER(S)",
"addMore":"+ ADD MORE",
"addVoucher":"+ ADD VOUCHER",
"removeVoucher":"Remove Voucher",
"paymentMethods":"PAYMENT METHODS",
"yourBalance":"Your Balance",
"yourPoints":"Your Points",
"yourBalanceUsed":"Your Balance Used",
"yourPointsUsed":"Your Points Used",
"paymentDetails":"PAYMENT DETAILS"
}
\ No newline at end of file
lib/id.json
View file @ 6b83a163
......@@ -56,7 +56,12 @@
"enterToken": "Masukan Token",
"token": "Token",
"delivery": "ANTAR",
"rateDelivery":"Ongkos Kirim",
"rateDelivery": "Ongkos Kirim",
"price": "Harga",
"discount":"Diskon",
"total": "TOTAL",
"checkout":"CHECKOUT@",
"headerShoppingCart":"SHOPPING CART@",
"pickup": "AMBIL",
"changepassword": "GANTI KATA SANDI",
"changeEmail": "GANTI EMAIL",
......@@ -101,5 +106,15 @@
"alertselectpayment": "Silahkan pilih metode pembayaran",
"alertbalance": "Maaf Saldo tidak cukup",
"alertbalancepoin": "Maaf Saldo dan poin tidak cukup",
"headerResetPassword": "GANTI PASSWORD"
"headerResetPassword": "GANTI PASSWORD",
"yourOrders": "PESANANMU",
"addMore": "+ TAMBAH LAGI",
"addVoucher": "+ TAMBAH VOUCHER",
"removeVoucher": "Hapus Voucher",
"paymentMethods": "METODE PEMBAYARAN",
"yourBalance": "Saldo Kamu",
"yourPoints": "Poin Kamu",
"yourBalanceUsed": "Saldo Kamu Digunakan",
"yourPointsUsed": "Poin Kamu Digunakan",
"paymentDetails": "DETAIL PEMBAYARAN"
}
\ No newline at end of file
view/Auth.js
View file @ 6b83a163
......@@ -503,7 +503,7 @@ class Auth extends React.Component {
fontSize: 20,
color: 'white',
textAlign: 'center'
}, title: 'SHOPPING CART'
}, title: i18n.t('headerShoppingCart')
}} />
<Stack.Screen name="Order History" component={OrderHistory} />
<Stack.Screen name="Reward History" component={RewardHistory}
......
view/ShoppingCart.js
View file @ 6b83a163
......@@ -447,19 +447,19 @@ class ShoppingCart extends React.Component {
this.props.type_pickup == true ? (
<>
<TouchableOpacity style={styles.buttonDeliveryFalse} onPress={() => this.checkChangeTrans('delivery')}>
<Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black' }}>DELIVERY</Text>
<Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black' }}>{i18n.t('delivery')}</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.buttonPickupTrue} onPress={() => this.checkChangeTrans('pickup')}>
<Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>PICKUP</Text>
<Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>{i18n.t('pickup')}</Text>
</TouchableOpacity>
</>
) : (
<>
<TouchableOpacity style={styles.buttonDeliveryTrue} onPress={() => this.checkChangeTrans('delivery')}>
<Text style={{ textAlign: 'center', color: '#354175', fontFamily: 'Gotham-Black' }}>DELIVERY</Text>
<Text style={{ textAlign: 'center', color: '#354175', fontFamily: 'Gotham-Black' }}>{i18n.t('delivery')}</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.buttonPickupFalse} onPress={() => this.checkChangeTrans('pickup')}>
<Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>PICKUP</Text>
<Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>{i18n.t('pickup')}</Text>
</TouchableOpacity>
</>
)
......@@ -472,13 +472,13 @@ class ShoppingCart extends React.Component {
this.props.type_pickup == true ? (
<View style={{ margin: 5, padding: 10 }}>
<Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>YOU WILL PICKUP YOUR ORDER AT</Text>
<Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>{i18n.t('orderInfo')}</Text>
<Text style={{ textAlign: 'center', fontSize: 14, top: 5, fontFamily: 'Gotham-Black', color: 'grey' }}>{this.props.name_outlet}</Text>
<Text style={{ textAlign: 'center', fontSize: 12, top: 5, fontFamily: 'Gotham-Light', color: 'grey' }}>{this.props.outlet_detailadress}</Text>
</View>
) : (
<View style={{ margin: 5, padding: 10 }}>
<Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>OUR DRIVER WILL DELIVER YOUR ORDER TO</Text>
<Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>{i18n.t('deliveryinfo')}</Text>
<Text style={{ textAlign: 'center', fontSize: 14, top: 5, fontFamily: 'Gotham-Black', color: 'grey' }}>{this.props.home_address}</Text>
<Text style={{ textAlign: 'center', fontSize: 12, top: 5, fontFamily: 'Gotham-Light', color: 'grey' }}>{this.props.address}</Text>
</View>
......@@ -486,9 +486,9 @@ class ShoppingCart extends React.Component {
}
</View>
<View style={styles.header}>
<Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>YOUR ORDER(S)</Text>
<Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>{i18n.t('yourOrders')}</Text>
<TouchableOpacity style={{ marginRight: -8 }} onPress={() => this.props.navigation.goBack()}>
<Text style={{ textAlign: 'center', fontSize: 12, color: '#CFB368', fontFamily: 'Gotham-Light' }}>+ ADD MORE</Text>
<Text style={{ textAlign: 'center', fontSize: 12, color: '#CFB368', fontFamily: 'Gotham-Light' }}>{i18n.t('addMore')}</Text>
</TouchableOpacity>
</View>
<View style={styles.order}>
......@@ -509,7 +509,7 @@ class ShoppingCart extends React.Component {
{
this.props.value_voucher == '' ? (
<TouchableOpacity onPress={() => this.handleAddVoucher()}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>+ ADD VOUCHER</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>{i18n.t('addVoucher')}</Text>
</TouchableOpacity>
) : (
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}>
......@@ -518,7 +518,7 @@ class ShoppingCart extends React.Component {
</View>
<View style={{ flex: 0.5, alignItems: 'flex-end', marginRight: -5 }}>
<TouchableOpacity onPress={() => this.handleRemoveVoucher()}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>Remove Voucher</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>{i18n.t('removeVoucher')}</Text>
</TouchableOpacity>
</View>
</View>
......@@ -526,7 +526,7 @@ class ShoppingCart extends React.Component {
}
</View>
<View style={styles.payment}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>PAYMENT METHODS</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>{i18n.t('paymentMethods')}</Text>
</View>
<View style={{ alignItems: 'center' }}>
......@@ -536,7 +536,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO BALANCE</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO {i18n.t('balance')}</Text>
</View>
<View>
<FontAwesome name='circle-o' size={30} color={'#ccb46c'} />
......@@ -550,7 +550,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO BALANCE</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO {i18n.t('balance')}</Text>
</View>
<View>
<CheckBox
......@@ -574,7 +574,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO POINTS</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO {i18n.t('point')}</Text>
</View>
<View>
<FontAwesome name='circle-o' size={30} color={'#ccb46c'} />
......@@ -589,7 +589,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO POINTS</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO {i18n.t('point')}</Text>
</View>
<View>
<CheckBox
......@@ -616,7 +616,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO BALANCE + POINTS</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO {i18n.t('balance')} + {i18n.t('point')}</Text>
</View>
<View>
<CheckBox
......@@ -636,7 +636,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO BALANCE + POINTS</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO {i18n.t('balance')} + {i18n.t('point')}</Text>
</View>
<View>
<FontAwesome name='circle-o' size={30} color={'#ccb46c'} />
......@@ -651,8 +651,8 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 5 }}>
<View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Balance</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Points</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourBalance')}</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourPoints')}</Text>
</View>
<View style={{ alignItems: 'flex-end' }}>
<NumberFormat decimalScale={0} value={this.state.kasproBalance} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
......@@ -661,8 +661,8 @@ class ShoppingCart extends React.Component {
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', borderTopWidth: 1, borderColor: 'grey' }}>
<View style={{ marginTop: 5 }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Balance Used</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Points Used</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourBalanceUsed')}</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourPointsUsed')}</Text>
</View>
<View style={{ marginTop: 5, alignItems: 'flex-end' }}>
<NumberFormat decimalScale={0} value={this.state.balanceused} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>- Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
......@@ -673,13 +673,13 @@ class ShoppingCart extends React.Component {
</View>
<View style={styles.paymentDetails}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>PAYMENT DETAILS</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>{i18n.t('paymentDetails')}</Text>
</View>
<View style={{ marginHorizontal: 10 }}>
{/* <Text style={{ paddingLeft: 20, paddingTop: 15, color: 'gray' }}>Detail Pembayaran</Text> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ paddingLeft: 20 }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Harga</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>{i18n.t('price')}</Text>
</View>
<View style={{ alignItems: 'flex-end', paddingRight: 20 }}>
<NumberFormat decimalScale={0} value={this.props.order_total} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
......@@ -691,7 +691,7 @@ class ShoppingCart extends React.Component {
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ paddingLeft: 20, paddingTop: 5, }} >
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Ongkos Kirim</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>{i18n.t('rateDelivery')}</Text>
</View>
{this.props.order_item.length ? (
<View style={{ paddingRight: 20, paddingTop: 5, alignItems: 'flex-end' }}>
......@@ -709,7 +709,7 @@ class ShoppingCart extends React.Component {
) : (
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ paddingLeft: 20, paddingTop: 5, }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Diskon</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>{i18n.t('discount')}</Text>
</View>
<View style={{ paddingRight: 20, paddingTop: 5, alignItems: 'flex-end' }}>
<NumberFormat decimalScale={0} value={this.props.voucher.reward.value} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
......@@ -721,7 +721,7 @@ class ShoppingCart extends React.Component {
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ marginTop: 10, paddingLeft: 20 }}>
<Text style={{ fontSize: 20, color: '#CFB368', fontFamily: 'Gotham-Black', }}>TOTAL</Text>
<Text style={{ fontSize: 20, color: '#CFB368', fontFamily: 'Gotham-Black', }}>{i18n.t('total')}</Text>
</View>
{this.props.type_pickup == true ? (
<View style={{ marginTop: 10, paddingRight: 20, alignItems: 'flex-end' }}>
......@@ -792,7 +792,7 @@ class ShoppingCart extends React.Component {
{/* </View> */}
<TouchableOpacity onPress={() => this.checkOut()}>
<View style={styles.button}>
<Text style={{ color: 'white', fontSize: 16, fontFamily: 'Gotham-Black' }}>CHECKOUT</Text>
<Text style={{ color: 'white', fontSize: 16, fontFamily: 'Gotham-Black' }}>{i18n.t('checkout')}</Text>
</View>
</TouchableOpacity>
</View>
......
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