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": {
"extra" : {
"buildNumber" : "178",
"buildNumber" : "179",
"remarks": ""
},
......
lib/en.json
View file @ 685c919a
......@@ -244,5 +244,6 @@
"headerAddressDetail": "ADD 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 @@
"headerAddressDetail": "TAMBAH 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 { 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 { connect } from 'react-redux';
import ActionType from '../redux/globalActionType';
......@@ -34,15 +35,15 @@ class NewRegister extends React.Component {
constructor(props) {
super(props);
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",
"22", "23", "24", "25", "26", "27", "28", "29", "30", "31"
],
monthAndroid : [
monthAndroid: [
i18n.t('pilih'), "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September",
"Oktober", "November", "Desember"
],
yearAndroid : [
yearAndroid: [
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",
"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 {
selected_item: [],
language: 'id',
spinner: false,
terms_condition: false
})
}
......@@ -285,6 +287,11 @@ class NewRegister extends React.Component {
);
})
}
checkboxPressed() {
this.setState({ terms_condition: !this.state.terms_condition });
}
render() {
return (
<View style={styles.container}>
......@@ -476,11 +483,30 @@ class NewRegister extends React.Component {
</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()}>
<View style={styles.button}>
<Text style={{ color: 'white', fontWeight: 'bold', fontSize: 22 }}>{i18n.t('register')}</Text>
</View>
</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')}>
<View style={styles.signin}>
<Text style={{ color: '#CFB368' }}>{i18n.t('login')}</Text>
......@@ -535,6 +561,13 @@ const styles = StyleSheet.create({
alignItems: 'stretch',
borderWidth: 1
},
items4: {
flex: 1,
height: 40,
marginHorizontal: 26,
justifyContent: 'center',
alignItems: 'stretch',
},
itemPicker: {
flexDirection: 'row',
flex: 1,
......@@ -582,6 +615,15 @@ const styles = StyleSheet.create({
alignItems: 'center',
justifyContent: 'center'
},
buttonDisabled: {
backgroundColor: '#e3e3e3',
marginTop: 25,
marginHorizontal: 100,
borderRadius: 15,
paddingVertical: 5,
alignItems: 'center',
justifyContent: 'center'
},
signin: {
marginTop: 25,
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