Skip to content

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

list approval

parent 2ebd8fb3
Hide whitespace changes
Inline Side-by-side
Showing with 472 additions and 320 deletions
app/container/home/appraisal/appraisal.js
View file @ ad6f251c
import React, { Component } from 'react'
import { Text, View, ScrollView, TouchableOpacity } from 'react-native'
import { Container } from 'native-base'
import api from '../../../service/api'
import SvgAnimatedLinearGradient from 'react-native-svg-animated-linear-gradient'
import Svg, { Circle, Rect } from 'react-native-svg'
import Reactron from 'reactotron-react-native'
import Next from 'react-native-vector-icons/MaterialIcons'
export default class Appraisal extends Component {
......@@ -11,73 +15,82 @@ export default class Appraisal extends Component {
arrayDummy: [
{ noKontrak: 'K-2001920', namaWerehouse: 'Branch-2', petugas: 'Dadang Tukimin', tglTerima: '03-03-2020', status: 'Draft', brand: 'Honda', type: 'Revo', noPol: 'B 4203 PWK' },
{ noKontrak: 'K-2001921', namaWerehouse: 'Branch-1', petugas: 'Dudung Tukimin', tglTerima: '03-03-2020', status: 'Need Approval', brand: 'Honda', type: 'Beat', noPol: 'B 4203 STW' },
]
],
listData: [],
loading: false
}
}
componentDidMount() {
this.getListAppraisal()
}
getListAppraisal() {
this.setState({ loading: true })
api.create().getListAppraisal({
warehouse_id: 2
}).then((response) => {
console.log(JSON.stringify(response.data))
if (response.data.status == "success") {
let listData = []
response.data.data.map((item, index) => {
if (item.appraisal_status != 'Rejected') {
listData.push(item)
}
})
this.setState({ listData }, () => {
setTimeout(() => {
this.setState({ loading: false })
}, 500);
})
}
})
}
render() {
return (
<Container style={{ flex: 1 }}>
<ScrollView style={{ paddingHorizontal: 20, backgroundColor: '#F5F5F5', paddingTop: 10 }} showsVerticalScrollIndicator={false} >
{this.state.arrayDummy.map((item, index) => {
{this.state.listData.map((item, index) => {
return (
<View key={index} style={{ paddingHorizontal: 7 }}>
<TouchableOpacity style={{ marginTop: 10, borderRadius: 20 }} onPress={() => this.props.navigation.navigate('MenuAppraisal')}>
{!this.state.loading && (
<TouchableOpacity style={{ marginTop: 10, borderRadius: 20 }} onPress={() => this.props.navigation.navigate('MenuAppraisal', { data: item })}>
<View style={{ height: 60, backgroundColor: '#e4b300', justifyContent: 'space-between', paddingHorizontal: 20, flexDirection: 'row', borderTopRightRadius: 10, borderTopLeftRadius: 10 }}>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'white', fontSize: 16, fontWeight: '700' }}>{item.noKontrak}</Text>
<Text style={{ color: 'white', fontSize: 14 }}>{item.petugas}</Text>
<Text style={{ color: 'white', fontSize: 16, fontWeight: '700' }}>{item.contract_number}</Text>
<Text style={{ color: 'white', fontSize: 14 }}>{item.nasabah_name}</Text>
</View>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'white', fontSize: 14, textAlign: 'center' }}>{item.namaWerehouse}</Text>
<Text style={{ color: 'white', fontSize: 14, textAlign: 'center' }}>{item.warehouse_code}</Text>
</View>
</View>
<View style={{ height: 60, backgroundColor: '#E6E6E6', justifyContent: 'space-between', paddingHorizontal: 20, flexDirection: 'row', borderBottomRightRadius: 10, borderBottomLeftRadius: 10 }}>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'black', fontSize: 14 }}>{item.brand} - {item.type}</Text>
<Text style={{ color: 'black', fontSize: 14 }}>{item.noPol}</Text>
<Text style={{ color: 'black', fontSize: 14 }}>{item.brand} - {item.model}</Text>
<Text style={{ color: 'black', fontSize: 14 }}>{item.police_number}</Text>
</View>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'black', fontSize: 14, textAlign: 'center' }}>{item.status}</Text>
<Text style={{ color: 'black', fontSize: 14 }}>{item.appraisal_status}</Text>
<Text style={{ color: 'black', fontSize: 14 }}>{item.pull_officer}</Text>
</View>
</View>
{/* <View style={{ backgroundColor: '#E6E6E6', borderBottomRightRadius: 10, borderBottomLeftRadius: 10, justifyContent: 'center', paddingHorizontal: 20, paddingVertical: 10, borderTopWidth: .7, borderTopColor: 'black' }}>
</View> */}
</TouchableOpacity>
{/* <TouchableOpacity style={{ width: '100%', backgroundColor: '#FFFFFF', borderRadius: 15, paddingHorizontal: 10, shadowRadius: 80, paddingVertical: 10, marginTop: 10 }} onPress={() => this.props.navigation.navigate('MenuAppraisal')}>
<View style={{ width: 120, height: 20, backgroundColor: 'black', marginLeft: -20, marginTop: 5, borderTopRightRadius: 5, borderBottomRightRadius: 5 }}>
<Text style={{ color: 'white', textAlign: 'center' }}>{item.status}</Text>
</View>
<View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
marginLeft: -20,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 8,
borderRightWidth: 0,
borderBottomWidth: 0,
borderLeftWidth: 10,
borderTopColor: 'black',
borderRightColor: 'transparent',
borderBottomColor: 'transparent',
borderLeftColor: 'transparent',
}} />
<View style={{ flexDirection: 'row' }}>
<View style={{ width: '80%' }}>
<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 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 style={{ justifyContent: 'center', width: '20%', alignItems: 'flex-end' }}>
<Next name="navigate-next" size={26} />
</View>
</View>
</TouchableOpacity> */}
)}
{this.state.loading && (
<SvgAnimatedLinearGradient
height={140}
borderRadius={200}
marginTop={-15}
width={'100%'}
duration={800}
primaryColor="#fff3c9"
secondaryColor="#e4b300"
>
<Rect x="0" y="30" rx="5" ry="1" width="1000" height="120" />
</SvgAnimatedLinearGradient>
)}
</View>
)
})}
......
app/container/home/appraisal/sampleMenuAppraisal.js
View file @ ad6f251c
......@@ -14,6 +14,7 @@ export default class sampleMenuAppraisal extends Component {
constructor(props) {
super(props)
this.state = {
data: this.props.navigation.state.params.data || "",
dateUpdate: M(new Date()).format('DD-MMM-YYYY'),
datePenerimaan: M(new Date()).format('DD-MMM-YYYY'),
checked: 'first',
......@@ -49,8 +50,9 @@ export default class sampleMenuAppraisal extends Component {
}
render() {
let { data } = this.state
return (
<Container style={{ flex: 1, paddingHorizontal: 20}}>
<Container style={{ flex: 1, paddingHorizontal: 20 }}>
<ScrollView
showsVerticalScrollIndicator={false}
>
......@@ -114,8 +116,8 @@ export default class sampleMenuAppraisal extends Component {
<View style={styles.viewInputDisable}>
<TextInput
style={styles.textInput}
value={'Test'}
editable={false}
value={this.state.data == "" ? null : String(data.branch_code)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -126,8 +128,8 @@ export default class sampleMenuAppraisal extends Component {
<View style={styles.viewInputDisable}>
<TextInput
style={styles.textInput}
value={'Test'}
editable={false}
value={this.state.data == "" ? null : String(data.branch_name)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -139,8 +141,8 @@ export default class sampleMenuAppraisal extends Component {
<View style={styles.viewInputDisable}>
<TextInput
style={styles.textInput}
value={'Test'}
editable={false}
value={this.state.data == "" ? null : String(data.contract_number)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -152,8 +154,8 @@ export default class sampleMenuAppraisal extends Component {
<View style={styles.viewInputDisable}>
<TextInput
style={styles.textInput}
value={'Test'}
editable={false}
value={this.state.data == "" ? null : String(data.sub_contract_number)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -165,8 +167,8 @@ export default class sampleMenuAppraisal extends Component {
<View style={styles.viewInputDisable}>
<TextInput
style={styles.textInput}
value={'Test'}
editable={false}
value={this.state.data == "" ? null : String(data.nasabah_name)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -179,8 +181,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ kodeWerehouse: e })}
style={styles.textInput}
value={this.state.kodeWerehouse}
editable
value={this.state.data == "" ? null : String(data.warehouse_code)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -193,8 +195,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaWerehouse: e })}
style={styles.textInput}
value={this.state.namaWerehouse}
editable
value={this.state.data == "" ? null : String(data.warehouse_name)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -207,8 +209,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ kodeRemote: e })}
style={styles.textInput}
value={this.state.kodeRemote}
editable
value={this.state.data == "" ? null : String(data.remote_code)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -221,8 +223,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.remote_name)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -267,7 +269,7 @@ export default class sampleMenuAppraisal extends Component {
/>
<TextInput
style={styles.textInput}
value={this.state.datePenerimaan}
value={data.date_in}
editable={false}
/>
</TouchableOpacity>
......@@ -281,8 +283,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.assessment_type)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -295,8 +297,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.guarantee_type)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -309,8 +311,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.location_name)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -323,8 +325,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.location_description)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -337,8 +339,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.pull_officer)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -351,8 +353,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.collector)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -361,28 +363,46 @@ export default class sampleMenuAppraisal extends Component {
<View style={{ height: 30, justifyContent: 'center' }}>
<Text style={{ fontSize: 13 }}>Tgl Masuk Werehouse</Text>
</View>
<View style={styles.viewInputEnable}>
<TouchableOpacity
style={styles.viewInputEnable}
onPress={() => this.setState({ isDateTimePickerVisiblePenerimaan: true })}
>
<DateTimePicker
mode={'date'}
isVisible={this.state.isDateTimePickerVisiblePenerimaan}
onConfirm={(date) => this.handlePenerimaanDate(date)}
onCancel={() => this.setState({ isDateTimePickerVisiblePenerimaan: false })}
/>
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={data.warehouse_date_in}
editable={false}
/>
</View>
</TouchableOpacity>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', paddingVertical: 2.5 }}>
<View style={{ height: 30, justifyContent: 'center' }}>
<Text style={{ fontSize: 13 }}>Tgl Pick up</Text>
</View>
<View style={styles.viewInputEnable}>
<TouchableOpacity
style={styles.viewInputEnable}
onPress={() => this.setState({ isDateTimePickerVisiblePenerimaan: true })}
>
<DateTimePicker
mode={'date'}
isVisible={this.state.isDateTimePickerVisiblePenerimaan}
onConfirm={(date) => this.handlePenerimaanDate(date)}
onCancel={() => this.setState({ isDateTimePickerVisiblePenerimaan: false })}
/>
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={data.pickup_date}
editable={false}
/>
</View>
</TouchableOpacity>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', paddingVertical: 2.5 }}>
......@@ -436,7 +456,7 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
value={String(data.stnk_recondition)}
editable
/>
</View>
......@@ -459,7 +479,7 @@ export default class sampleMenuAppraisal extends Component {
/>
<TextInput
style={styles.textInput}
value={this.state.datePenerimaan}
value={data.due_date}
editable={false}
/>
</TouchableOpacity>
......@@ -473,8 +493,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.pkb)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -487,8 +507,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.swdkljj)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -539,7 +559,7 @@ export default class sampleMenuAppraisal extends Component {
/>
<TextInput
style={styles.textInput}
value={this.state.datePenerimaan}
value={data.invoice_date}
editable={false}
/>
</TouchableOpacity>
......@@ -553,8 +573,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.invoice_number)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -595,8 +615,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.certificate_number)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -617,7 +637,7 @@ export default class sampleMenuAppraisal extends Component {
/>
<TextInput
style={styles.textInput}
value={this.state.datePenerimaan}
value={data.certificate_date}
editable={false}
/>
</TouchableOpacity>
......@@ -660,8 +680,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.police_number)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -673,8 +693,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.chassis_number)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -686,8 +706,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.engine_number)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -699,8 +719,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.last_km)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -712,8 +732,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.key)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -725,8 +745,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.brand)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -738,8 +758,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.type)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -751,8 +771,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.model)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -764,8 +784,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.unit_year)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -777,8 +797,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.unit_color)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -790,8 +810,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.market_price)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -803,8 +823,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.comparative_value)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -816,8 +836,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.principal_financing)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -829,8 +849,8 @@ export default class sampleMenuAppraisal extends Component {
<TextInput
onChangeText={(e) => this.setState({ namaRemote: e })}
style={styles.textInput}
value={this.state.namaRemote}
editable
value={this.state.data == "" ? null : String(data.carousel_price)}
editable={this.state.data == "" ? true : false}
/>
</View>
</View>
......@@ -839,30 +859,30 @@ export default class sampleMenuAppraisal extends Component {
</ListItem>
</CollapseBody>
</Collapse>
<View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center', marginBottom: 20 }}>
<AwesomeButton
backgroundColor={Colors.yellowBasic}
backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null}
backgroundDarker={'#FFED75'}
backgroundProgress={null}
width={120}
height={45}
raiseLevel={5}
borderRadius={10}
progressLoadingTime={1000}
progress={!this.state.progress}
onPress={next => {
setTimeout(() => {
this.props.navigation.navigate('MenuAppraisal2')
next()
}, 300);
}}
>
<Text style={{ color: 'black', fontWeight: '700' }}>Berikutnya</Text>
</AwesomeButton>
</View>
<AwesomeButton
backgroundColor={Colors.yellowBasic}
backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null}
backgroundDarker={'#FFED75'}
backgroundProgress={null}
width={120}
height={45}
raiseLevel={5}
borderRadius={10}
progressLoadingTime={1000}
progress={!this.state.progress}
onPress={next => {
setTimeout(() => {
this.props.navigation.navigate('MenuAppraisal2')
next()
}, 300);
}}
>
<Text style={{ color: 'black', fontWeight: '700' }}>Berikutnya</Text>
</AwesomeButton>
</View>
</ScrollView>
</Container>
)
......
app/container/home/appraisal/sampleMenuAppraisal3.js
View file @ ad6f251c
......@@ -23,7 +23,18 @@ export default class sampleMenuAppraisal3 extends Component {
kunci: null,
collapseFrame: true,
collapseElectrical: true,
collapseEngine: true
collapseEngine: true,
ban: '',
velg: '',
rem: '',
shock: '',
lampu: '',
meter: '',
holder: '',
mesin: '',
blok: '',
sistem: '',
radiaotor: ''
}
}
render() {
......@@ -96,37 +107,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.ban === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ ban: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.ban === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ ban: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.ban === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ ban: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.ban === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ ban: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.ban === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ ban: '100' }); }}
/>
</View>
</View>
......@@ -139,37 +150,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.velg === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ velg: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.velg === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ velg: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.velg === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ velg: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.velg === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ velg: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.velg === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ velg: '100' }); }}
/>
</View>
</View>
......@@ -182,80 +193,80 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.rem === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ rem: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.rem === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ rem: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.rem === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ rem: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.rem === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ rem: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.rem === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ rem: '100' }); }}
/>
</View>
</View>
</View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', paddingVertical: 2.5 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', paddingVertical: 2.5 }}>
<View style={{ height: 30, justifyContent: 'center', width: '50%' }}>
<Text style={{ fontSize: 13 }}>Shock Depan</Text>
</View>
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.shock === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ shock: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.shock === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ shock: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.shock === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ shock: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.shock === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ shock: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.shock === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ shock: '100' }); }}
/>
</View>
</View>
......@@ -296,37 +307,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.lampu === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ lampu: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.lampu === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ lampu: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.lampu === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ lampu: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.lampu === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ lampu: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.lampu === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ lampu: '100' }); }}
/>
</View>
</View>
......@@ -339,37 +350,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.meter === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ meter: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.meter === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ meter: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.meter === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ meter: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.meter === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ meter: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.meter === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ meter: '100' }); }}
/>
</View>
</View>
......@@ -382,37 +393,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.holder === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ holder: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.holder === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ holder: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.holder === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ holder: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.holder === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ holder: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.holder === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ holder: '100' }); }}
/>
</View>
</View>
......@@ -453,37 +464,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.mesin === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ mesin: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.mesin === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ mesin: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.mesin === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ mesin: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.mesin === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ mesin: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.mesin === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ mesin: '100' }); }}
/>
</View>
</View>
......@@ -496,37 +507,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.blok === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ blok: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.blok === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ blok: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.blok === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ blok: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.blok === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ blok: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.blok === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ blok: '100' }); }}
/>
</View>
</View>
......@@ -539,37 +550,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.sistem === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ sistem: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.sistem === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ sistem: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.sistem === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ sistem: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.sistem === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ sistem: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.sistem === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ sistem: '100' }); }}
/>
</View>
</View>
......@@ -582,37 +593,37 @@ export default class sampleMenuAppraisal3 extends Component {
<View style={{ width: '50%', flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ width: '20%' }}>
<RadioButton
value="true"
status={this.state.object === 'true' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'true' }); }}
value="25"
status={this.state.radiaotor === '25' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ radiaotor: '25' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="50"
status={this.state.radiaotor === '50' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ radiaotor: '50' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="75"
status={this.state.radiaotor === '75' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ radiaotor: '75' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="85"
status={this.state.radiaotor === '85' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ radiaotor: '85' }); }}
/>
</View>
<View style={{ width: '20%' }}>
<RadioButton
value="false"
status={this.state.object === 'false' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ object: 'false' }); }}
value="100"
status={this.state.radiaotor === '100' ? 'checked' : 'unchecked'}
onPress={() => { this.setState({ radiaotor: '100' }); }}
/>
</View>
</View>
......
app/container/home/approval/approval.js
View file @ ad6f251c
import React, { Component } from 'react'
import { Text, View, ScrollView, TouchableOpacity } from 'react-native'
import { Container } from 'native-base'
import api from '../../../service/api'
import SvgAnimatedLinearGradient from 'react-native-svg-animated-linear-gradient'
import Svg, { Circle, Rect } from 'react-native-svg'
import Reactron from 'reactotron-react-native'
import Next from 'react-native-vector-icons/MaterialIcons'
export default class Approval extends Component {
constructor(props) {
super(props)
this.state = {
arrayDummy: [
{ noKontrak: 'K-2001920', namaWerehouse: 'Branch-2', petugas: 'Dadang Tukimin', tglTerima: '03-03-2020', status: 'Draft', brand: 'Honda', type: 'Revo', noPol: 'B 4203 PWK' },
{ noKontrak: 'K-2001921', namaWerehouse: 'Branch-1', petugas: 'Dudung Tukimin', tglTerima: '03-03-2020', status: 'Need Approval', brand: 'Honda', type: 'Beat', noPol: 'B 4203 STW' },
],
listData: [],
loading: false
}
}
componentDidMount() {
this.getListApproval()
}
getListApproval() {
this.setState({ loading: true })
api.create().getListApproval({
warehouse_id: 2
}).then((response) => {
console.log(JSON.stringify(response.data))
if (response.data.status == "success") {
let listData = []
response.data.data.map((item, index) => {
if (item.appraisal_status != 'Rejected') {
listData.push(item)
}
})
this.setState({ listData }, () => {
setTimeout(() => {
this.setState({ loading: false })
}, 500);
})
}
})
}
render() {
return (
<Container style={{ flex: 1 }}>
<ScrollView style={{ paddingHorizontal: 20, backgroundColor: '#F5F5F5', paddingTop: 10 }} showsVerticalScrollIndicator={false} >
{this.state.listData.map((item, index) => {
return (
<View key={index} style={{ paddingHorizontal: 7 }}>
{!this.state.loading && (
<TouchableOpacity style={{ marginTop: 10, borderRadius: 20 }} onPress={() => this.props.navigation.navigate('MenuAppraisal', { data: item })}>
<View style={{ height: 60, backgroundColor: '#e4b300', justifyContent: 'space-between', paddingHorizontal: 20, flexDirection: 'row', borderTopRightRadius: 10, borderTopLeftRadius: 10 }}>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'white', fontSize: 16, fontWeight: '700' }}>{item.contract_number}</Text>
<Text style={{ color: 'white', fontSize: 14 }}>{item.nasabah_name}</Text>
</View>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'white', fontSize: 14, textAlign: 'center' }}>{item.warehouse_code}</Text>
</View>
</View>
<View style={{ height: 60, backgroundColor: '#E6E6E6', justifyContent: 'space-between', paddingHorizontal: 20, flexDirection: 'row', borderBottomRightRadius: 10, borderBottomLeftRadius: 10 }}>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'black', fontSize: 14 }}>{item.brand} - {item.model}</Text>
<Text style={{ color: 'black', fontSize: 14 }}>{item.police_number}</Text>
</View>
<View style={{ justifyContent: 'center' }}>
<Text style={{ color: 'black', fontSize: 14 }}>{item.appraisal_status}</Text>
<Text style={{ color: 'black', fontSize: 14 }}>{item.pull_officer}</Text>
</View>
</View>
</TouchableOpacity>
)}
{this.state.loading && (
<SvgAnimatedLinearGradient
height={140}
borderRadius={200}
marginTop={-15}
width={'100%'}
duration={800}
primaryColor="#fff3c9"
secondaryColor="#e4b300"
>
<Rect x="0" y="30" rx="5" ry="1" width="1000" height="120" />
</SvgAnimatedLinearGradient>
)}
</View>
)
})}
</ScrollView>
</Container>
)
}
}
app/navigation/appNavigation.js
View file @ ad6f251c
......@@ -19,6 +19,7 @@ import Penerimaan from '../container/home/penerimaan/penerimaan'
import MenuPenerimaan from '../container/home/penerimaan/sampleMenuPenerimaan'
import MenuPenerimaan2 from '../container/home/penerimaan/sampleMenuPenerimaan2'
import MenuPenerimaan3 from '../container/home/penerimaan/sampleMenuPenerimaan3'
import Approval from '../container/home/approval/approval'
//IconBack
import IconBack from 'react-native-vector-icons/MaterialIcons'
......@@ -46,6 +47,7 @@ const MainNavigator = createStackNavigator({
MenuPenerimaan: { screen: MenuPenerimaan, navigationOptions: { title: 'Menu Penerimaan' } },
MenuPenerimaan2: { screen: MenuPenerimaan2, navigationOptions: { title: 'Menu Penerimaan' } },
MenuPenerimaan3: { screen: MenuPenerimaan3, navigationOptions: { title: 'Menu Penerimaan' } },
Approval: { screen: Approval, navigationOptions: { title: 'Approval' } },
// LatihanDragDrop: { screen: LatihanDragDrop, navigationOptions: { title: 'Latihan'}}
}, {
headerMode: 'screen',
......
app/service/api.js
View file @ ad6f251c
......@@ -46,7 +46,9 @@ const create = () => {
const getListClar = (value) => api.post('demo/get_list_clar', value)
const getWarehouse = () => GET('demo/get_user_warehouse')
const getPermission = () => GET('demo/get_permission')
const getUserWarehouse = () => GET('demo/get_user_warehouse')
const getUserWarehouse = () => GET('demo/get_user_warehouse')
const getListAppraisal = (value) => POST('demo/get_list_appraisal', value)
const getListApproval = (value) => POST('demo/get_list_approval', value)
return {
......@@ -54,7 +56,9 @@ const create = () => {
getListClar,
getWarehouse,
getPermission,
getUserWarehouse
getUserWarehouse,
getListAppraisal,
getListApproval
}
}
......
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