Skip to content

A
Ad1Appraisal-Mobile
Commit 3c1f925e authored by Deni Rinaldi's avatar Deni Rinaldi
Browse files
Options

denskuy#2

parent 19919a3a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2020 additions and 46 deletions
app/container/home/appraisal/appraisal.js 0 → 100644
View file @ 3c1f925e
import React, { Component } from 'react'
import { Text, View, ScrollView, TouchableOpacity } from 'react-native'
import { Container } from 'native-base'
import Next from 'react-native-vector-icons/MaterialIcons'
export default class Appraisal extends Component {
constructor(props) {
super(props)
this.state = {
arrayDummy: [
{ noKontrak: 'K-2001920', namaWerehouse: 'Branch-2', petugas: 'Dadang', tglTerima: '03-03-2020' }
]
}
}
render() {
return (
<Container style={{ flex: 1 }}>
<ScrollView style={{ paddingHorizontal: 20, backgroundColor: '#F5F5F5', paddingTop: 20 }} showsVerticalScrollIndicator={false} >
{this.state.arrayDummy.map((item, index) => {
return (
<View key={index}>
<View style={{ width: '100%', backgroundColor: '#FFFFFF', borderRadius: 15, paddingHorizontal: 20, shadowRadius: 80, paddingVertical: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>No Kontrak</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.noKontrak}</Text>
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 2 }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>Nama Werehouse</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.namaWerehouse}</Text>
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 2 }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>Petugas</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.petugas}</Text>
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 2 }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>Tanggal Terima</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.tglTerima}</Text>
</View>
</View>
</View>
</View>
)
})}
<View style={{ marginTop: 10 }}>
{this.state.arrayDummy.map((item, index) => {
return (
<View key={index}>
<TouchableOpacity style={{ width: '100%', backgroundColor: '#FFFFFF', borderRadius: 15, paddingHorizontal: 20, shadowRadius: 80, paddingVertical: 10 }} onPress={()=> this.props.navigation.navigate('MenuAppraisal')}>
<View style={{ flexDirection: 'row' }}>
<View style={{ width: '80%'}}>
{/* <View style={{ flexDirection: 'row', width: '100%', backgroundColor: 'red' }}> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<Text style={{ alignSelf: 'center', fontSize: 16, fontWeight: 'bold' }}>{item.noKontrak}</Text>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.namaWerehouse}</Text>
</View>
{/* </View> */}
{/* <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.tglTerima}</Text>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.petugas}</Text>
</View>
{/* </View> */}
</View>
<View style={{ justifyContent: 'center', width: '20%', alignItems: 'flex-end'}}>
<Next name="navigate-next" size={26} />
</View>
</View>
</TouchableOpacity>
</View>
)
})}
</View>
</ScrollView>
</Container>
)
}
}
app/container/home/appraisal/sampleMenuAppraisal.js 0 → 100644
View file @ 3c1f925e
This diff is collapsed.
app/container/home/appraisal/sampleMenuAppraisal2.js 0 → 100644
View file @ 3c1f925e
This diff is collapsed.
app/container/home/appraisal/sampleMenuAppraisal3.js 0 → 100644
View file @ 3c1f925e
This diff is collapsed.
app/container/home/homepageScreen.js
View file @ 3c1f925e
......@@ -16,7 +16,7 @@ class HomePageScreen extends Component {
if (item == 'Penerimaan') {
this.props.navigation.navigate('Penerimaan')
} else if ( item == 'Appraisal') {
this.props.navigation.navigate('MenuPenerimaan')
this.props.navigation.navigate('Appraisal')
} else {
this.props.navigation.navigate('MenuPenerimaan')
}
......
app/container/home/penerimaan/penerimaan.js
View file @ 3c1f925e
import React, { Component } from 'react';
import { ScrollView, TouchableOpacity } from 'react-native';
import { Container, Text } from 'native-base';
import React, { Component } from 'react'
import { Text, View, ScrollView, TouchableOpacity } from 'react-native'
import { Container } from 'native-base'
import Next from 'react-native-vector-icons/MaterialIcons'
export default class Penerimaan extends Component {
class Penerimaan extends Component {
constructor(props) {
super(props)
super(props)
this.state = {
data: ['1', '2']
arrayDummy: [
{ noKontrak: 'K-2001920', namaWerehouse: 'Branch-1', petugas: 'Dadang', tglTerima: '03-03-2020' }
]
}
}
render() {
return (
<Container>
<ScrollView style={{marginTop: 100}}>
{this.state.data.map((item, index) => {
return(
<TouchableOpacity style={{alignSelf:'center', alignItems:'center', justifyContent: 'center', backgroundColor:'green', width: '50%', height: 50, marginTop: 100}}>
<Text style={{color:'#fff'}}>{'List ' + item}</Text>
</TouchableOpacity>
)
})}
</ScrollView>
</Container>
);
}
}
return (
<Container style={{ flex: 1 }}>
<ScrollView style={{ paddingHorizontal: 20, backgroundColor: '#F5F5F5', paddingTop: 20 }} showsVerticalScrollIndicator={false} >
{this.state.arrayDummy.map((item, index) => {
return (
<View key={index}>
<View style={{ width: '100%', backgroundColor: '#FFFFFF', borderRadius: 15, paddingHorizontal: 20, shadowRadius: 80, paddingVertical: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>No Kontrak</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.noKontrak}</Text>
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 2 }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>Nama Werehouse</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.namaWerehouse}</Text>
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 2 }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>Petugas</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.petugas}</Text>
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 2 }}>
<View style={{ width: '40%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>Tanggal Terima</Text>
</View>
<View style={{ width: '7%' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>:</Text>
</View>
<View style={{ width: '53%' }}>
<Text style={{ alignSelf: 'flex-start', fontSize: 14 }}>{item.tglTerima}</Text>
</View>
</View>
</View>
</View>
)
})}
<View style={{ marginTop: 10 }}>
{this.state.arrayDummy.map((item, index) => {
return (
<View key={index}>
<TouchableOpacity style={{ width: '100%', backgroundColor: '#FFFFFF', borderRadius: 15, paddingHorizontal: 20, shadowRadius: 80, paddingVertical: 10 }} onPress={()=> this.props.navigation.navigate('MenuPenerimaan')}>
<View style={{ flexDirection: 'row' }}>
<View style={{ width: '80%'}}>
{/* <View style={{ flexDirection: 'row', width: '100%', backgroundColor: 'red' }}> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<Text style={{ alignSelf: 'center', fontSize: 16, fontWeight: 'bold' }}>{item.noKontrak}</Text>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.namaWerehouse}</Text>
</View>
{/* </View> */}
{/* <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.tglTerima}</Text>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.petugas}</Text>
</View>
{/* </View> */}
</View>
<View style={{ justifyContent: 'center', width: '20%', alignItems: 'flex-end'}}>
<Next name="navigate-next" size={26} />
</View>
</View>
</TouchableOpacity>
</View>
)
})}
</View>
export default Penerimaan;
</ScrollView>
</Container>
)
}
}
app/container/home/penerimaan/sampleMenuPenerimaan.js
View file @ 3c1f925e
......@@ -260,13 +260,11 @@ export default class sampleMenuPenerimaan extends Component {
borderRadius={10}
progressLoadingTime={1000}
progress={!this.state.progress}
onPress={() => {
this.setState({ progress: true }, () => {
setTimeout(() => {
this.props.navigation.navigate('MenuPenerimaan2')
this.setState({ progress: false })
}, 1000);
})
onPress={next => {
setTimeout(() => {
this.props.navigation.navigate('MenuPenerimaan2')
next()
}, 300);
}}
>
<Text style={{ color: 'black', fontWeight: '700' }}>Berikutnya</Text>
......
app/container/home/penerimaan/sampleMenuPenerimaan2.js
View file @ 3c1f925e
......@@ -292,13 +292,11 @@ export default class sampleMenuPenerimaan2 extends Component {
raiseLevel={5}
borderRadius={10}
progress={!this.state.progress}
onPress={() => {
this.setState({ progress: true }, () => {
setTimeout(() => {
this.props.navigation.navigate('MenuPenerimaan3')
this.setState({ progress: false })
}, 1000);
})
onPress={next => {
setTimeout(() => {
this.props.navigation.navigate('MenuPenerimaan3')
next()
}, 300);
}}
>
<Text style={{ color: 'black', fontWeight: '700' }}>Berikutnya</Text>
......
app/container/listPenerimaan.js 0 → 100644
View file @ 3c1f925e
import React, { Component } from 'react'
import { Text, View, ScrollView } from 'react-native'
import { Container } from 'native-base'
export default class listPenerimaan extends Component {
constructor(props) {
super(props)
this.state = {
arrayDummy: [
{ noKontrak: '2001920', namaWerehouse: 'Branch-1', petugas: 'denskuy', tglTerima: '03-03-2020' }
]
}
}
render() {
return (
<Container style={{ flex: 1 }}>
<ScrollView style={{ paddingHorizontal: 20, marginVertical: 0, backgroundColor: '#F5F5F5' }} showsVerticalScrollIndicator={false} >
{this.state.arrayDummy.map((item, index) => {
return (
<View style={{ marginTop: index == 0 ? 10 : 20 }} key={index}>
<View style={{ width: '100%', backgroundColor: '#FFFFFF', borderTopLeftRadius: 15, borderTopRightRadius: 15, paddingHorizontal: 20, shadowRadius: 80 }}>
{/* <Text style={{ alignSelf: 'center', marginTop: 10, fontFamily: Fonts.type.bold, fontSize: 16 }}>{item.tempat}</Text>
<Text style={{ fontFamily: Fonts.type.light, marginTop: 10 }}>{item.jalan}</Text>
<Text style={{ fontFamily: Fonts.type.light }}>{item.waktu}</Text>
<Text style={{ fontFamily: Fonts.type.light }}>{item.mobil}</Text> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
{/* <Text style={{ fontFamily: Fonts.type.light }}>{item.via}</Text>
<Text style={{ fontFamily: Fonts.type.bold }}>{item.harga}</Text> */}
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'center', backgroundColor: '#FFFFFF' }}>
<View style={{ borderWidth: .3, marginTop: 5, height: '1%', width: '85%', alignSelf: 'center' }} />
</View>
<View style={{ backgroundColor: '#FFFFFF', height: 60, borderBottomStartRadius: 15, borderBottomEndRadius: 15, paddingHorizontal: 20, flexDirection: 'row', paddingBottom: 10, borderTopColor: '#dedede' }}>
{/* <Ionicons name='ios-timer' size={28} color={item.status == 'Proccess' ? 'orange' : item.status == 'Cancelled' ? 'red' : 'green'} style={{ alignSelf: 'center' }} />
<Text style={{ fontFamily: Fonts.type.bold, alignSelf: 'center', marginLeft: 10, color: item.status == 'Proccess' ? 'orange' : item.status == 'Cancelled' ? 'red' : 'green', fontSize: 16 }}>{item.status}</Text> */}
</View>
</View>
)
})}
</ScrollView>
</Container>
)
}
}
app/library/Array.js
View file @ 3c1f925e
export const Array = {
labelStep: [
"Data Kontrak", "Pencocokan", "Foto"
],
labelAppraisal: [
"Data Kontrak", "Foto", "Pencocokan",
]
}
\ No newline at end of file
app/navigation/appNavigation.js
View file @ 3c1f925e
......@@ -8,6 +8,10 @@ import { headerStyle, headerTitleStyle, headerBgStyle, headerRightStyle} from '.
//Screen
import HomepageScreen from '../container/home/homepageScreen'
import Appraisal from '../container/home/appraisal/appraisal'
import MenuAppraisal from '../container/home/appraisal/sampleMenuAppraisal'
import MenuAppraisal2 from '../container/home/appraisal/sampleMenuAppraisal2'
import MenuAppraisal3 from '../container/home/appraisal/sampleMenuAppraisal3'
import Penerimaan from '../container/home/penerimaan/penerimaan'
import MenuPenerimaan from '../container/home/penerimaan/sampleMenuPenerimaan'
import MenuPenerimaan2 from '../container/home/penerimaan/sampleMenuPenerimaan2'
......@@ -29,6 +33,10 @@ const MainNavigator = createStackNavigator({
HomeNavigation: { screen: HomeTabNavigation, navigationOptions: { header: null}},
HomepageScreen: { screen: HomepageScreen, navigationOptions: { header: null} },
CreateFromScreen: { screen: CreateFormScreen, navigationOptions: { header: null}},
Appraisal: { screen: Appraisal, navigationOptions: { title: 'Appraisal'}},
MenuAppraisal: { screen: MenuAppraisal, navigationOptions: { title: 'Menu Appraisal'}},
MenuAppraisal2: { screen: MenuAppraisal2, navigationOptions: { title: 'Menu Appraisal'}},
MenuAppraisal3: { screen: MenuAppraisal3, navigationOptions: { title: 'Menu Appraisal'}},
Penerimaan: { screen: Penerimaan, navigationOptions: { title: 'Penerimaan'}},
MenuPenerimaan: { screen: MenuPenerimaan, navigationOptions: { header: null} },
MenuPenerimaan2: { screen: MenuPenerimaan2, navigationOptions: { header: null} },
......
package.json
View file @ 3c1f925e
......@@ -13,6 +13,7 @@
"@react-native-community/async-storage": "^1.8.1",
"@react-native-community/datetimepicker": "^2.2.2",
"@react-native-community/masked-view": "^0.1.7",
"accordion-collapse-react-native": "^0.2.8",
"apisauce": "^1.1.1",
"moment": "^2.24.0",
"native-base": "^2.13.8",
......@@ -27,6 +28,7 @@
"react-native-image-picker": "^2.3.1",
"react-native-image-zoom-viewer": "^2.2.27",
"react-native-linear-gradient": "^2.5.6",
"react-native-modal-datetime-picker": "^8.5.1",
"react-native-paper": "^3.6.0",
"react-native-parallax-header": "^1.1.3",
"react-native-really-awesome-button": "^1.6.0",
......@@ -40,14 +42,7 @@
"react-navigation-stack": "^2.2.2",
"react-navigation-tabs": "^2.8.2",
"react-navigation-transitions": "^1.0.12",
"rn-fetch-blob": "^0.12.0",
"react-native-modal-datetime-picker": "^8.5.1",
"react-native-image-picker": "^2.3.1",
"react-native-image-zoom-viewer": "^2.2.27",
"react-native-document-picker": "^3.2.4",
"react-moment": "^0.9.7",
"moment": "^2.24.0",
"@react-native-community/datetimepicker": "^2.2.2"
"rn-fetch-blob": "^0.12.0"
},
"devDependencies": {
"@babel/core": "7.8.6",
......
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