Skip to content

C
clone_excelso
Commit 685c919a authored by Afid's avatar Afid
Browse files
Options

adding checkbox accept service guide rule and privacy policy (terms and condition)

parent 7f7152ea
Show whitespace changes
Inline Side-by-side
Showing with 55 additions and 10 deletions
app.json
View file @ 685c919a
{ {
"expo": { "expo": {
"extra" : { "extra" : {
"buildNumber" : "178", "buildNumber" : "179",
"remarks": "" "remarks": ""
}, },
......
lib/en.json
View file @ 685c919a
...@@ -244,5 +244,6 @@ ...@@ -244,5 +244,6 @@
"headerAddressDetail": "ADD ADDRESS", "headerAddressDetail": "ADD ADDRESS",
"headerEditAddress": "EDIT ADDRESS", "headerEditAddress": "EDIT ADDRESS",
"track":"TRACK" "track":"TRACK",
"accept_terms_condition": "Accept Service Guide Rules and Privacy Policy"
} }
\ No newline at end of file
lib/id.json
View file @ 685c919a
...@@ -243,5 +243,7 @@ ...@@ -243,5 +243,7 @@
"headerAddressDetail": "TAMBAH ALAMAT", "headerAddressDetail": "TAMBAH ALAMAT",
"headerEditAddress": "EDIT ALAMAT", "headerEditAddress": "EDIT ALAMAT",
"track":"LACAK" "track":"LACAK",
"accept_terms_condition": "Menyetujui Panduan Layanan dan Kebijakan Privasi"
} }
\ No newline at end of file
view/New_Register.js
View file @ 685c919a
import React from 'react'; import React from 'react';
import { StyleSheet, View, Text, TextInput, Button, StatusBar, Picker, Alert, Image, Platform } from 'react-native'; import { StyleSheet, View, Text, TextInput, Button, StatusBar, Picker, Alert, Image, Platform } from 'react-native';
import { ScrollView, TouchableOpacity } from 'react-native-gesture-handler'; import { ListItem, CheckBox, Body } from 'native-base';
import { ScrollView, TouchableOpacity, TouchableWithoutFeedback } from 'react-native-gesture-handler';
import Axios from 'axios'; import Axios from 'axios';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import ActionType from '../redux/globalActionType'; import ActionType from '../redux/globalActionType';
...@@ -34,15 +35,15 @@ class NewRegister extends React.Component { ...@@ -34,15 +35,15 @@ class NewRegister extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = ({ this.state = ({
dateAndroid : [ dateAndroid: [
i18n.t('pilih'), "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", i18n.t('pilih'), "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" "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"
], ],
monthAndroid : [ monthAndroid: [
i18n.t('pilih'), "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", i18n.t('pilih'), "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September",
"Oktober", "November", "Desember" "Oktober", "November", "Desember"
], ],
yearAndroid : [ yearAndroid: [
i18n.t('pilih'), "1960", "1961", "1962", "1963", "1964", "1965", "1966", "1967", "1968", "1969", "1970", "1971", i18n.t('pilih'), "1960", "1961", "1962", "1963", "1964", "1965", "1966", "1967", "1968", "1969", "1970", "1971",
"1972", "1973", "1974", "1975", "1976", "1977", "1978", "1979", "1980", "1981", "1982", "1983", "1984", "1985", "1986", "1987", "1972", "1973", "1974", "1975", "1976", "1977", "1978", "1979", "1980", "1981", "1982", "1983", "1984", "1985", "1986", "1987",
"1988", "1989", "1990", "1991", "1992", "1993", "1994", "1995", "1996", "1997", "1998", "1999", "2000", "2001", "2002", "2003", "2004", "1988", "1989", "1990", "1991", "1992", "1993", "1994", "1995", "1996", "1997", "1998", "1999", "2000", "2001", "2002", "2003", "2004",
...@@ -68,6 +69,7 @@ class NewRegister extends React.Component { ...@@ -68,6 +69,7 @@ class NewRegister extends React.Component {
selected_item: [], selected_item: [],
language: 'id', language: 'id',
spinner: false, spinner: false,
terms_condition: false
}) })
} }
...@@ -285,6 +287,11 @@ class NewRegister extends React.Component { ...@@ -285,6 +287,11 @@ class NewRegister extends React.Component {
); );
}) })
} }
checkboxPressed() {
this.setState({ terms_condition: !this.state.terms_condition });
}
render() { render() {
return ( return (
<View style={styles.container}> <View style={styles.container}>
...@@ -476,11 +483,30 @@ class NewRegister extends React.Component { ...@@ -476,11 +483,30 @@ class NewRegister extends React.Component {
</View> </View>
)} )}
</View> </View>
<View style={styles.itemsRow}>
<View style={styles.items4}>
<ListItem style={{ borderBottomColor: 'white', alignItems: 'center', alignContent: 'center' }}>
<CheckBox color="#CFB368" checked={this.state.terms_condition} onPress={() => this.checkboxPressed()} />
<Body>
<TouchableWithoutFeedback onPress={() => this.props.navigation.navigate('Privacy Statement')}>
<Text style={{ marginLeft: 16, color: '#CFB368', fontWeight: 'bold' }}>{i18n.t('accept_terms_condition')}</Text>
</TouchableWithoutFeedback>
</Body>
</ListItem>
</View>
</View>
{this.state.terms_condition ? (
<TouchableOpacity onPress={() => this.validate()}> <TouchableOpacity onPress={() => this.validate()}>
<View style={styles.button}> <View style={styles.button}>
<Text style={{ color: 'white', fontWeight: 'bold', fontSize: 22 }}>{i18n.t('register')}</Text> <Text style={{ color: 'white', fontWeight: 'bold', fontSize: 22 }}>{i18n.t('register')}</Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
) : (
<View style={styles.buttonDisabled}>
<Text style={{ color: 'white', fontWeight: 'bold', fontSize: 22 }}>{i18n.t('register')}</Text>
</View>
)}
<TouchableOpacity onPress={() => this.props.navigation.navigate('Login')}> <TouchableOpacity onPress={() => this.props.navigation.navigate('Login')}>
<View style={styles.signin}> <View style={styles.signin}>
<Text style={{ color: '#CFB368' }}>{i18n.t('login')}</Text> <Text style={{ color: '#CFB368' }}>{i18n.t('login')}</Text>
...@@ -535,6 +561,13 @@ const styles = StyleSheet.create({ ...@@ -535,6 +561,13 @@ const styles = StyleSheet.create({
alignItems: 'stretch', alignItems: 'stretch',
borderWidth: 1 borderWidth: 1
}, },
items4: {
flex: 1,
height: 40,
marginHorizontal: 26,
justifyContent: 'center',
alignItems: 'stretch',
},
itemPicker: { itemPicker: {
flexDirection: 'row', flexDirection: 'row',
flex: 1, flex: 1,
...@@ -582,6 +615,15 @@ const styles = StyleSheet.create({ ...@@ -582,6 +615,15 @@ const styles = StyleSheet.create({
alignItems: 'center', alignItems: 'center',
justifyContent: 'center' justifyContent: 'center'
}, },
buttonDisabled: {
backgroundColor: '#e3e3e3',
marginTop: 25,
marginHorizontal: 100,
borderRadius: 15,
paddingVertical: 5,
alignItems: 'center',
justifyContent: 'center'
},
signin: { signin: {
marginTop: 25, marginTop: 25,
alignItems: 'center', alignItems: 'center',
......
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