Skip to content

N
new_excelso
Commit 2ef8194c authored by Wahyu Adjie Prasetyo's avatar Wahyu Adjie Prasetyo
Browse files
Options

home spinner

parent dc1734cc
Hide whitespace changes
Inline Side-by-side
Showing with 142 additions and 160 deletions
redux/globalReducer.js
View file @ 2ef8194c
......@@ -261,9 +261,7 @@ const rootReducer = (state = globalState, action) => {
session_id: action.data.session_id,
}
}
case ActionType.ADD_TO_CHART: {
let addedItem = action.data.item
......@@ -366,8 +364,6 @@ const rootReducer = (state = globalState, action) => {
order_quantity: quantity,
order_total: total
}
}
......
view/DeliveryAddrees.js
View file @ 2ef8194c
......@@ -44,13 +44,6 @@ class DeliveryAddrees extends React.Component {
}
this.props.setGrab(setGrabProps);
// let OutletChange = {
// outlet_id: this.state.outlet_id ,
// }
// this.props.setChangeOutletProps(OutletChange);
}).catch(error => {
console.log('ini error ' + error)
......@@ -98,22 +91,23 @@ class DeliveryAddrees extends React.Component {
onSave(address) {
let setDataAddress = {
address : address,
addressId : this.state.data[0].id
}
this.props.setAddress(setDataAddress);
Alert.alert(
'',
'Apakah anda akan memilih alamat untuk pengiriman ?',
[
{text: 'OK', onPress: () => this.props.navigation.navigate('Home', { screen: 'MENU' })},
{text: 'OK', onPress: () => this.props.navigation.navigate("Menu Select")},
],
{ cancelable: false }
)
let setDataAddress = {
address : address,
addressId : this.state.data[0].id
}
this.props.setAddress(setDataAddress);
}
......
view/Home.js
View file @ 2ef8194c
import * as React from 'react';
import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Alert } from 'react-native';
import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Alert, ActivityIndicator } from 'react-native';
import { SliderBox } from "react-native-image-slider-box";
import { Card } from 'react-native-shadow-cards';
import { connect } from 'react-redux';
......@@ -25,59 +25,50 @@ class Home extends React.Component {
account_number: "",
my_lat: 0,
my_long: 0,
indicator: true
}
}
componentDidMount() {
this._getPermissions()
this._renderCarousell()
console.log(" ini yaaaaa"+ this.props.name_outlet)
this._account();
}
//fungsi untuk get current posisi
clear = () => {
this.state.search.clear();
};
_getPermissions = async () => {
let { status } = await Permissions.askAsync(Permissions.LOCATION);
if (status !== 'granted') {
Alert.alert('Akses tidak dizinkan!')
Alert.alert('Akses tidak dizinkan!')
} else if (Platform.OS === 'android' && !Device.isDevice) {
Alert.alert('Silahkan anda coba di real Device')
Alert.alert('Silahkan anda coba di real Device')
} else {
this._getCurrentPosisition()
this._getCurrentPosisition()
}
}
_getCurrentPosisition = async () => {
}
_getCurrentPosisition = async () => {
this.setState({
spinner: true,
spinner: true,
})
let location = await Location.getCurrentPositionAsync({
accuracy: Location.Accuracy.Highest
accuracy: Location.Accuracy.Highest
})
let latitude = location.coords.latitude;
let longitude = location.coords.longitude;
this.setState({
my_lat: latitude,
my_long: longitude
my_lat: latitude,
my_long: longitude
})
this._account()
}
this._getOutletClosest();
}
_renderCarousell() {
Axios.get('https://excelsocrm.ravintoladev.com/cms/v2/list/promotions-carousel').then(respon => {
// console.log(respon);
const dataCarousell = respon.data.contents;
// console.log(dataCarousell);
// console.log(dataCarousell);
let imageLink = []
for (let i = 0; i < dataCarousell.length; i++) {
......@@ -93,57 +84,67 @@ _getCurrentPosisition = async () => {
_account() {
let params = {
session_id: this.props.session_id,
lat: this.state.my_lat,
long: this.state.my_long,
closest_outlet: 1
}
}
console.log(params);
Axios.post('https://excelsocrm.ravintoladev.com/crm/v2/member/get_profile', params).then(res => {
console.log("INI RESPON GET PROFILE : " + JSON.stringify(res))
const dataCard = res.data
let point = dataCard.kaspro_point
let balance = dataCard.kaspro_balance
let expire = dataCard.expire_date
let account_number = dataCard.kaspro_account_number
let outlet_id = dataCard.outlet_closest.outlet_id
let outlet_name = dataCard.outlet_closest.outlet_name
let OutletChange = {
outlet_id: outlet_id,
name_outlet : outlet_name
}
this.props.setChangeOutletProps(OutletChange);
this.setState({
point: point,
balance: balance,
account_number: account_number,
expire_date: expire,
indicator: false
})
}).catch(error => {
console.log('ini error ' + error)
})
}
_getOutletClosest() {
let params = {
session_id: this.props.session_id,
lat: this.state.my_lat,
long: this.state.my_long
}
console.log(params);
Axios.post('https://excelsocrm.ravintoladev.com/crm/v2/outlet/get_closest', params).then(res => {
let outletId = res.data.data.outlet_id
let outletName = res.data.data.outlet_name
console.log(this.state.expire_date)
let OutletChange = {
outlet_id: outletId,
name_outlet: outletName,
}
this.props.setChangeOutletProps(OutletChange);
this.setState({
indicator: false
})
}).catch(error => {
console.log('ini error ' + error)
})
}
render() {
return (
<View style={styles.container}>
<ScrollView>
<View style={{ flex: 1 }}>
<View style={{ flex: 6 }}>
<SliderBox
images={this.state.images}
// onCurrentImagePressed={index =>console.warn(`image ${index} pressed`)}
autoplay
circleLoop
dotColor='black'
inactiveDotColor='white'
sliderBoxHeight={300}
// currentImageEmitter={index => console.warn(`current pos is: ${index}`)}
paginationBoxVerticalPadding={20}
resizeMethod={'resize'}
resizeMode={'stretch'}
......@@ -155,7 +156,6 @@ _getCurrentPosisition = async () => {
alignSelf: 'center',
justifyContent: 'center',
paddingVertical: 10,
// backgroundColor : ''
}}
dotStyle={{
width: 10,
......@@ -164,12 +164,9 @@ _getCurrentPosisition = async () => {
marginHorizontal: 0,
padding: 0,
margin: 0,
// backgroundColor: ''
}}
ImageComponentStyle={{
// borderRadius: 5,
width: '100%',
// marginTop : 5
}}
imageLoadingColor='#c7c7c7'
/>
......@@ -188,58 +185,63 @@ _getCurrentPosisition = async () => {
<Text style={{ textAlign: 'center', fontSize: 12, }}>
{i18n.t('orderInfo')}
</Text>
<Text style={{ textAlign: "center", fontSize: 12, top: 5 }}>
{this.props.name_outlet}
</Text>
<TouchableOpacity style={styles.submitOrder} activeOpacity={.5} onPress={this.onPress}>
{this.state.indicator == true ? (
<ActivityIndicator size="small" color="#c9af6d" />
) : (
<Text style={{ textAlign: "center", fontSize: 12, top: 5, fontWeight: 'bold' }}>
Excelso {this.props.name_outlet}
</Text>
)}
<TouchableOpacity style={styles.submitOrder} activeOpacity={.5} onPress={() => this.props.navigation.navigate("Menu Select")}>
<Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>{i18n.t('orderNow')}</Text>
</TouchableOpacity>
</Card>
{
this.state.account_number === "" ? (
<View style={styles.card}>
<Card style={{ padding: 10, margin: 10, alignContent: 'center' }}>
<Text style={{ textAlign: "center" }}> Anda belum aktivasi kartu</Text>
<Text>
{/* {i18n.t('yourCardNumber')} | {this.state.expire_date}{'\n'} */}
</Text>
<Text style={{ textAlign: "center", fontSize: 40, color: '#c9af6d' }}>
{/* {this.state.account_number} */}
</Text>
<View style={styles.line}></View>
<Text style={{ textAlign: 'left', fontWeight: 'bold' }}> {'\n'}
{/* {i18n.t('balance')} {this.state.balance}{'\n'} */}
</Text>
<View style={styles.line}></View>
<Text style={{ textAlign: 'left', fontWeight: 'bold' }}>{'\n'}
{/* {i18n.t('point')} {this.state.point} */}
</Text>
</Card>
</View>
) : (
this.state.indicator == true ? (<ActivityIndicator style={{ top: 20, justifyContent: "center" }} size="large" color="#c9af6d" />) :
this.state.account_number === "" ? (
<View style={styles.card}>
<Card style={{ padding: 10, margin: 10, alignContent: 'center' }}>
<Text style={{ textAlign: "center" }}> Anda belum aktivasi kartu</Text>
<Text>
{i18n.t('yourCardNumber')} | {this.state.expire_date}{'\n'}
</Text>
<Text style={{ textAlign: "center", fontSize: 40, color: '#c9af6d' }}>
{this.state.account_number}
</Text>
<View style={styles.line}></View>
<Text style={{ textAlign: 'left', fontWeight: 'bold' }}> {'\n'}
{i18n.t('balance')} {this.state.balance}{'\n'}
</Text>
<View style={styles.line}></View>
<Text style={{ textAlign: 'left', fontWeight: 'bold' }}>{'\n'}
{i18n.t('point')} {this.state.point}
</Text>
</Card>
{/* <Button title="upgrade premium" onPress={()=>this.props.navigation.navigate("Upgrade Premium")}></Button> */}
</View>
)
) :
(
<View style={styles.card}>
<Card style={{ padding: 10, margin: 10, alignContent: 'center' }}>
<Text>
{i18n.t('yourCardNumber')} | {this.state.expire_date}{'\n'}
</Text>
<Text style={{ textAlign: "center", fontSize: 40, color: '#c9af6d' }}>
{this.state.account_number}
</Text>
<View style={styles.line}></View>
<Text style={{ textAlign: 'left', fontWeight: 'bold' }}> {'\n'}
{i18n.t('balance')} {this.state.balance}{'\n'}
</Text>
<View style={styles.line}></View>
<Text style={{ textAlign: 'left', fontWeight: 'bold' }}>{'\n'}
{i18n.t('point')} {this.state.point}
</Text>
</Card>
</View>
)
}
<TouchableOpacity style={styles.submitUpgradePemium} activeOpacity={.5} onPress={this.onPress}>
<Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>TOP BALANCE </Text>
</TouchableOpacity>
<View style={{ height: 60 }}></View>
</View>
</View>
......@@ -260,8 +262,8 @@ const styles = StyleSheet.create({
},
card: {
top: 20,
alignSelf: 'center',
flex: 1
flex: 1,
alignItems: 'center'
},
buttonDelivery: {
marginTop: 10,
......@@ -277,6 +279,7 @@ const styles = StyleSheet.create({
top: -20,
},
buttonPickup: {
height: 50,
marginTop: 10,
paddingTop: 15,
paddingBottom: 15,
......@@ -295,7 +298,19 @@ const styles = StyleSheet.create({
paddingTop: 15,
paddingBottom: 5,
backgroundColor: '#c9af6d',
borderRadius: 20,
borderRadius: 10,
borderWidth: 0,
borderColor: '#fff',
},
submitUpgradePemium: {
top: 20,
margin: 20,
paddingTop: 15,
paddingBottom: 5,
backgroundColor: '#c9af6d',
borderRadius: 10,
width: "90%",
borderWidth: 0,
borderColor: '#fff',
},
......@@ -313,13 +328,13 @@ const styles = StyleSheet.create({
const mapDispatchToProps = (dispacth) => {
return {
setChangeOutletProps: (OutletChange) => dispacth({
type: ActionType.SET_CHANGE_OUTLET,
data: {
outlet_id: OutletChange.outlet_id,
name_outlet: OutletChange.name_outlet,
}
}),
setChangeOutletProps: (OutletChange) => dispacth({
type: ActionType.SET_CHANGE_OUTLET,
data: {
outlet_id: OutletChange.outlet_id,
name_outlet: OutletChange.name_outlet,
}
}),
}
}
......@@ -346,4 +361,4 @@ const mapStateToProps = (state) => {
export default connect(mapStateToProps,mapDispatchToProps)(Home)
\ No newline at end of file
export default connect(mapStateToProps, mapDispatchToProps)(Home)
\ No newline at end of file
view/MenuSelection.js
View file @ 2ef8194c
import React from 'react';
import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Image, FlatList, Button, Alert, StatusBar, SafeAreaView, SectionList } from 'react-native';
import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Image, FlatList, Button, StatusBar, ActivityIndicator } from 'react-native';
import Axios from 'axios';
import Item from './Item';
import { connect } from 'react-redux';
......@@ -19,10 +19,11 @@ class MenuSelection extends React.Component {
qty: 1,
order_list: [],
list_cart: [],
indicator: true,
}
}
componentDidMount() {
console.log("INI YA :" + JSON.stringify(this.props.outlet_id) )
this.getMenuList()
}
......@@ -37,16 +38,15 @@ class MenuSelection extends React.Component {
console.log("INI DATANYA" + JSON.stringify(data))
this.setState({
listCategory: data.category,
listMenu: data.menu
listMenu: data.menu,
indicator: false
})
let last_category = ''
let list_menu = []
for (let i = 0; i < data.menu.length; i++) {
const row = data.menu[i];
// cari sudah ada belum di redux
let is_xist = this.props.order_item.find(item => row.id == item.id)
if (is_xist) {
......@@ -85,25 +85,11 @@ class MenuSelection extends React.Component {
</View>
)
}
// scroll(item) {
// this.refs._scrollView.scrollTo(0);
// }
refresh() {
this.setState({ isFetching: true }, function () { this.getMenuList() });
}
// handleRemove(item, index) {
// const listMenu = [...this.state.listMenu]
// if (listMenu[index].qty !== 0) {
// listMenu[index].qty -= 1
// this.setState({
// listMenu
// })
// }
// }
scrollToItem = () => {
this.props._scrollView.scrollTo({ y: 1 * 100 });
......@@ -114,11 +100,11 @@ class MenuSelection extends React.Component {
const order_item = {
id: item.id,
code:item.code,
code: item.code,
name: item.name,
description: item.description,
note:'jangan garing',
image:item.image,
note: 'jangan garing',
image: item.image,
price: parseInt(item.price),
}
......@@ -144,9 +130,9 @@ class MenuSelection extends React.Component {
}
clearNegatif(item,index){
clearNegatif(item, index) {
const list_order_item = this.props.order_item;
for (let i = 0; i < list_order_item.length; index++) {
for (let i = 0; i < list_order_item.length; index++) {
const row = list_order_item[i];
if (row.quantity !== 0) {
const order_item = {
......@@ -156,7 +142,7 @@ class MenuSelection extends React.Component {
}
this.props.reduceQuantityItem(order_item)
}
}
}
......@@ -169,7 +155,7 @@ class MenuSelection extends React.Component {
id: item.id,
name: item.name,
price: item.price,
}
this.props.reduceQuantityItem(order_item)
......@@ -180,16 +166,6 @@ class MenuSelection extends React.Component {
this.setState({
listMenu
})
// for (let i = 0; i < list_order_item.length; i++) {
// const row = list_order_item[i];
// if (row.id == item.id) {
// quantity = row.quantity
// }
// }
}
}
}
......@@ -199,6 +175,7 @@ class MenuSelection extends React.Component {
<View style={styles.container}>
<StatusBar hidden={true} />
<View style={{ flex: 0.7, height: 90, flexDirection: 'row', borderWidth: 1, }}>
<FlatList horizontal={true} style={{ flexDirection: 'row' }}
showsHorizontalScrollIndicator={false}
data={this.state.listCategory}
......@@ -207,18 +184,22 @@ class MenuSelection extends React.Component {
/>
</View>
<View style={{ flex: 3 }}>
<FlatList
data={this.state.listMenu}
renderItem={({ item, index }) => (
<Item navigation={this.props.navigation}
item={item}
handleAdd={() => this.handleAdd(item, index)}
handleMin={() => this.handleMin(item, index)}
{this.state.indicator == true ? (
<ActivityIndicator style={{top:10}} size="large" color="#c9af6d" />
) : (
<FlatList
data={this.state.listMenu}
renderItem={({ item, index }) => (
<Item navigation={this.props.navigation}
item={item}
handleAdd={() => this.handleAdd(item, index)}
handleMin={() => this.handleMin(item, index)}
/>
)}
keyExtractor={item => item.id}
/>
)}
keyExtractor={item => item.id}
/>
</View>
<View style={styles.shadow}>
<View style={{ flexDirection: 'row', }}>
......@@ -267,7 +248,7 @@ const mapStateToProps = (state) => {
order_total: state.order_total,
quantity: state.quantity,
address: state.address,
}
}
......
view/ShoppingCart.js
View file @ 2ef8194c
......@@ -65,7 +65,6 @@ class ShoppingCart extends React.Component {
}
}
handleMin(item, index) {
console.log("hai")
const list_order_item = this.props.order_item;
......@@ -200,7 +199,6 @@ class ShoppingCart extends React.Component {
console.log("INI PROPS" + this.props.address)
}
_getPermissions = async () => {
let { status } = await Permissions.askAsync(Permissions.LOCATION);
if (status !== 'granted') {
......@@ -736,8 +734,6 @@ const mapDispatchToProps = (dispacth) => {
pointused: setOrdersProps.pointused,
}
}),
}
}
......
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