Skip to content

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

denskuy#3

parent ee1dde20
Hide whitespace changes
Inline Side-by-side
Showing with 187 additions and 82 deletions
app/container/home/appraisal/appraisal.js
View file @ cbe544da
...@@ -80,7 +80,6 @@ export default class Appraisal extends Component { ...@@ -80,7 +80,6 @@ export default class Appraisal extends Component {
<View style={{ <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10, backgroundColor: '#E6E6E6', height: 10, width: 10,
marginLeft: -20, marginLeft: -20,
// zIndex: 5,
backgroundColor: 'transparent', backgroundColor: 'transparent',
borderStyle: 'solid', borderStyle: 'solid',
borderTopWidth: 8, borderTopWidth: 8,
......
app/container/home/appraisal/sampleMenuAppraisal.js
View file @ cbe544da
...@@ -8,6 +8,7 @@ import StepIndicator from 'react-native-step-indicator'; ...@@ -8,6 +8,7 @@ import StepIndicator from 'react-native-step-indicator';
import DateTimePicker from 'react-native-modal-datetime-picker'; import DateTimePicker from 'react-native-modal-datetime-picker';
import { Array } from '../../../library/Array'; import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button"; import AwesomeButton from "react-native-really-awesome-button";
import Colors from '../../../library/colors';
export default class sampleMenuAppraisal extends Component { export default class sampleMenuAppraisal extends Component {
constructor(props) { constructor(props) {
...@@ -24,7 +25,12 @@ export default class sampleMenuAppraisal extends Component { ...@@ -24,7 +25,12 @@ export default class sampleMenuAppraisal extends Component {
tanggalPenerimaan: '', tanggalPenerimaan: '',
tanggalUpdate: '', tanggalUpdate: '',
isDateTimePickerVisible: false, isDateTimePickerVisible: false,
isDateTimePickerVisiblePenerimaan: false isDateTimePickerVisiblePenerimaan: false,
collapseKontrak: true,
collpaseSTNK: true,
collapseFaktur: true,
collapseSertifikat: true,
collapseUnit: true
} }
} }
...@@ -59,28 +65,43 @@ export default class sampleMenuAppraisal extends Component { ...@@ -59,28 +65,43 @@ export default class sampleMenuAppraisal extends Component {
stepIndicatorSize: 20, stepIndicatorSize: 20,
currentStepIndicatorSize: 20, currentStepIndicatorSize: 20,
currentStepStrokeWidth: 1, currentStepStrokeWidth: 1,
stepStrokeCurrentColor: "#FBB040", stepStrokeCurrentColor: Colors.yellowBasic,
stepIndicatorCurrentColor: 'white', stepIndicatorCurrentColor: 'white',
stepIndicatorLabelCurrentColor: "#FBB040", stepIndicatorLabelCurrentColor: Colors.yellowBasic,
currentStepLabelColor: "#FBB040", currentStepLabelColor: Colors.yellowBasic,
stepStrokeUnFinishedColor: "#FBB040", stepStrokeUnFinishedColor: Colors.yellowBasic,
separatorUnFinishedColor: '#DEE1E5', separatorUnFinishedColor: '#DEE1E5',
stepIndicatorUnFinishedColor: '#DEE1E5', stepIndicatorUnFinishedColor: '#DEE1E5',
stepIndicatorLabelUnFinishedColor: '#ffffff', stepIndicatorLabelUnFinishedColor: '#ffffff',
labelColor: '#E6E6E6', labelColor: '#E6E6E6',
stepIndicatorFinishedColor: "#FBB040", stepIndicatorFinishedColor: Colors.yellowBasic,
separatorFinishedColor: "#FBB040", separatorFinishedColor: Colors.yellowBasic,
}} }}
stepCount={Array.labelStep.length} stepCount={Array.labelStep.length}
/> />
{/* <View style={{ backgroundColor: '#fcc000', height: 30, justifyContent: 'center', paddingHorizontal: 5, borderRadius: 20, width: '40%', marginBottom: 20 }}> {/* <View style={{ backgroundColor: Colors.yellowBasic, height: 30, justifyContent: 'center', paddingHorizontal: 5, borderRadius: 20, width: '40%', marginBottom: 20 }}>
<Text style={{ fontWeight: '700', textAlign: 'center' }}>Data Kontrak</Text> <Text style={{ fontWeight: '700', textAlign: 'center' }}>Data Kontrak</Text>
</View> */} </View> */}
<Collapse style={{ marginTop: 20 }} isCollapsed={true}> <Collapse style={{ marginTop: 20 }} isCollapsed={true} onToggle={() => this.setState({ collapseKontrak: !this.state.collapseKontrak })}>
<CollapseHeader style={{ backgroundColor: '#fcc000' }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<Text>Data Kontrak</Text> <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
borderRightWidth: 0,
borderBottomWidth: 10,
borderLeftWidth: 10,
borderTopColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: this.state.collapseKontrak == true ? '#523c00' : 'transparent',
borderLeftColor: this.state.collapseKontrak == true ? 'transparent' : '#523c00',
}} />
<View style={{ alignSelf: 'center', marginLeft: 10 }}>
<Text>Data Kontrak</Text>
</View>
</Separator> </Separator>
</CollapseHeader> </CollapseHeader>
<CollapseBody> <CollapseBody>
...@@ -383,10 +404,25 @@ export default class sampleMenuAppraisal extends Component { ...@@ -383,10 +404,25 @@ export default class sampleMenuAppraisal extends Component {
</CollapseBody> </CollapseBody>
</Collapse> </Collapse>
<Collapse style={{ marginTop: 20 }} isCollapsed={true}> <Collapse style={{ marginTop: 20 }} isCollapsed={true} onToggle={() => this.setState({ collpaseSTNK: !this.state.collpaseSTNK })}>
<CollapseHeader style={{ backgroundColor: '#fcc000' }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<Text>Data STNK</Text> <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
borderRightWidth: 0,
borderBottomWidth: 10,
borderLeftWidth: 10,
borderTopColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: this.state.collpaseSTNK == true ? '#523c00' : 'transparent',
borderLeftColor: this.state.collpaseSTNK == true ? 'transparent' : '#523c00',
}} />
<View style={{ alignSelf: 'center', marginLeft: 10 }}>
<Text>Data STNK</Text>
</View>
</Separator> </Separator>
</CollapseHeader> </CollapseHeader>
<CollapseBody> <CollapseBody>
...@@ -462,10 +498,25 @@ export default class sampleMenuAppraisal extends Component { ...@@ -462,10 +498,25 @@ export default class sampleMenuAppraisal extends Component {
</CollapseBody> </CollapseBody>
</Collapse> </Collapse>
<Collapse style={{ marginTop: 20 }} isCollapsed={true}> <Collapse style={{ marginTop: 20 }} isCollapsed={true} onToggle={() => this.setState({ collapseFaktur: !this.state.collapseFaktur })}>
<CollapseHeader style={{ backgroundColor: '#fcc000' }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<Text>Data Faktur</Text> <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
borderRightWidth: 0,
borderBottomWidth: 10,
borderLeftWidth: 10,
borderTopColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: this.state.collapseFaktur == true ? '#523c00' : 'transparent',
borderLeftColor: this.state.collapseFaktur == true ? 'transparent' : '#523c00',
}} />
<View style={{ alignSelf: 'center', marginLeft: 10 }}>
<Text>Data Faktur</Text>
</View>
</Separator> </Separator>
</CollapseHeader> </CollapseHeader>
<CollapseBody> <CollapseBody>
...@@ -512,10 +563,25 @@ export default class sampleMenuAppraisal extends Component { ...@@ -512,10 +563,25 @@ export default class sampleMenuAppraisal extends Component {
</CollapseBody> </CollapseBody>
</Collapse> </Collapse>
<Collapse style={{ marginTop: 20 }} isCollapsed={true}> <Collapse style={{ marginTop: 20 }} isCollapsed={true} onToggle={() => this.setState({ collapseSertifikat: !this.state.collapseSertifikat })}>
<CollapseHeader style={{ backgroundColor: '#fcc000' }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<Text>Data Sertifikat</Text> <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
borderRightWidth: 0,
borderBottomWidth: 10,
borderLeftWidth: 10,
borderTopColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: this.state.collapseSertifikat == true ? '#523c00' : 'transparent',
borderLeftColor: this.state.collapseSertifikat == true ? 'transparent' : '#523c00',
}} />
<View style={{ alignSelf: 'center', marginLeft: 10 }}>
<Text>Data Sertifikat</Text>
</View>
</Separator> </Separator>
</CollapseHeader> </CollapseHeader>
<CollapseBody> <CollapseBody>
...@@ -562,10 +628,25 @@ export default class sampleMenuAppraisal extends Component { ...@@ -562,10 +628,25 @@ export default class sampleMenuAppraisal extends Component {
</CollapseBody> </CollapseBody>
</Collapse> </Collapse>
<Collapse style={{ marginTop: 20 }} isCollapsed={true}> <Collapse style={{ marginTop: 20 }} isCollapsed={true} onToggle={() => this.setState({ collapseUnit: !this.state.collapseUnit })}>
<CollapseHeader style={{ backgroundColor: '#fcc000' }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<Text>Data Unit</Text> <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 0,
borderRightWidth: 0,
borderBottomWidth: 10,
borderLeftWidth: 10,
borderTopColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: this.state.collapseUnit == true ? '#523c00' : 'transparent',
borderLeftColor: this.state.collapseUnit == true ? 'transparent' : '#523c00',
}} />
<View style={{ alignSelf: 'center', marginLeft: 10 }}>
<Text>Data Unit</Text>
</View>
</Separator> </Separator>
</CollapseHeader> </CollapseHeader>
<CollapseBody> <CollapseBody>
...@@ -774,10 +855,10 @@ export default class sampleMenuAppraisal extends Component { ...@@ -774,10 +855,10 @@ export default class sampleMenuAppraisal extends Component {
</ScrollView> </ScrollView>
<View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}> <View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}>
<AwesomeButton <AwesomeButton
backgroundColor='#fcc000' backgroundColor={Colors.yellowBasic}
backgroundShadow={null} backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null} backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'} backgroundDarker={'#FFED75'}
backgroundProgress={null} backgroundProgress={null}
width={120} width={120}
height={45} height={45}
...@@ -785,7 +866,7 @@ export default class sampleMenuAppraisal extends Component { ...@@ -785,7 +866,7 @@ export default class sampleMenuAppraisal extends Component {
borderRadius={10} borderRadius={10}
progressLoadingTime={1000} progressLoadingTime={1000}
progress={!this.state.progress} progress={!this.state.progress}
onPress={next => { onPress={next => {
setTimeout(() => { setTimeout(() => {
this.props.navigation.navigate('MenuAppraisal2') this.props.navigation.navigate('MenuAppraisal2')
next() next()
......
app/container/home/appraisal/sampleMenuAppraisal2.js
View file @ cbe544da
...@@ -9,6 +9,7 @@ import { Array } from '../../../library/Array'; ...@@ -9,6 +9,7 @@ import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button"; import AwesomeButton from "react-native-really-awesome-button";
import DocumentPicker from 'react-native-document-picker' import DocumentPicker from 'react-native-document-picker'
import RNFetchBlob from 'rn-fetch-blob' import RNFetchBlob from 'rn-fetch-blob'
import Colors from '../../../library/colors';
export default class sampleMenuAppraisal2 extends Component { export default class sampleMenuAppraisal2 extends Component {
constructor(props) { constructor(props) {
...@@ -115,17 +116,17 @@ export default class sampleMenuAppraisal2 extends Component { ...@@ -115,17 +116,17 @@ export default class sampleMenuAppraisal2 extends Component {
stepIndicatorSize: 20, stepIndicatorSize: 20,
currentStepIndicatorSize: 20, currentStepIndicatorSize: 20,
currentStepStrokeWidth: 1, currentStepStrokeWidth: 1,
stepStrokeCurrentColor: "#FBB040", stepStrokeCurrentColor: Colors.yellowBasic,
stepIndicatorCurrentColor: 'white', stepIndicatorCurrentColor: 'white',
stepIndicatorLabelCurrentColor: "#FBB040", stepIndicatorLabelCurrentColor: Colors.yellowBasic,
currentStepLabelColor: "#FBB040", currentStepLabelColor: Colors.yellowBasic,
stepStrokeUnFinishedColor: "#FBB040", stepStrokeUnFinishedColor: Colors.yellowBasic,
separatorUnFinishedColor: '#DEE1E5', separatorUnFinishedColor: '#DEE1E5',
stepIndicatorUnFinishedColor: '#DEE1E5', stepIndicatorUnFinishedColor: '#DEE1E5',
stepIndicatorLabelUnFinishedColor: '#ffffff', stepIndicatorLabelUnFinishedColor: '#ffffff',
labelColor: '#E6E6E6', labelColor: '#E6E6E6',
stepIndicatorFinishedColor: "#FBB040", stepIndicatorFinishedColor: Colors.yellowBasic,
separatorFinishedColor: "#FBB040", separatorFinishedColor: Colors.yellowBasic,
}} }}
stepCount={Array.labelStep.length} stepCount={Array.labelStep.length}
/> />
...@@ -236,16 +237,17 @@ export default class sampleMenuAppraisal2 extends Component { ...@@ -236,16 +237,17 @@ export default class sampleMenuAppraisal2 extends Component {
<View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}> <View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}>
<AwesomeButton <AwesomeButton
backgroundColor='#fcc000' backgroundColor={Colors.yellowBasic}
backgroundShadow={null} backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null} backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'} backgroundDarker={'#FFED75'}
backgroundProgress={null} backgroundProgress={null}
width={120} width={120}
height={45} height={45}
raiseLevel={5} raiseLevel={5}
borderRadius={10} borderRadius={10}
progress={true} progressLoadingTime={1000}
progress={!this.state.progress}
onPress={next => { onPress={next => {
setTimeout(() => { setTimeout(() => {
this.props.navigation.navigate('MenuAppraisal3') this.props.navigation.navigate('MenuAppraisal3')
......
app/container/home/appraisal/sampleMenuAppraisal3.js
View file @ cbe544da
...@@ -6,6 +6,7 @@ import { RadioButton } from 'react-native-paper'; ...@@ -6,6 +6,7 @@ import { RadioButton } from 'react-native-paper';
import StepIndicator from 'react-native-step-indicator'; import StepIndicator from 'react-native-step-indicator';
import { Array } from '../../../library/Array'; import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button"; import AwesomeButton from "react-native-really-awesome-button";
import Colors from '../../../library/colors';
export default class sampleMenuAppraisal3 extends Component { export default class sampleMenuAppraisal3 extends Component {
constructor(props) { constructor(props) {
...@@ -40,17 +41,17 @@ export default class sampleMenuAppraisal3 extends Component { ...@@ -40,17 +41,17 @@ export default class sampleMenuAppraisal3 extends Component {
stepIndicatorSize: 20, stepIndicatorSize: 20,
currentStepIndicatorSize: 20, currentStepIndicatorSize: 20,
currentStepStrokeWidth: 1, currentStepStrokeWidth: 1,
stepStrokeCurrentColor: "#FBB040", stepStrokeCurrentColor: Colors.yellowBasic,
stepIndicatorCurrentColor: 'white', stepIndicatorCurrentColor: 'white',
stepIndicatorLabelCurrentColor: "#FBB040", stepIndicatorLabelCurrentColor: Colors.yellowBasic,
currentStepLabelColor: "#FBB040", currentStepLabelColor: Colors.yellowBasic,
stepStrokeUnFinishedColor: "#FBB040", stepStrokeUnFinishedColor: Colors.yellowBasic,
separatorUnFinishedColor: '#DEE1E5', separatorUnFinishedColor: '#DEE1E5',
stepIndicatorUnFinishedColor: '#DEE1E5', stepIndicatorUnFinishedColor: '#DEE1E5',
stepIndicatorLabelUnFinishedColor: '#ffffff', stepIndicatorLabelUnFinishedColor: '#ffffff',
labelColor: '#E6E6E6', labelColor: '#E6E6E6',
stepIndicatorFinishedColor: "#FBB040", stepIndicatorFinishedColor: Colors.yellowBasic,
separatorFinishedColor: "#FBB040", separatorFinishedColor: Colors.yellowBasic,
}} }}
stepCount={Array.labelStep.length} stepCount={Array.labelStep.length}
/> />
...@@ -65,8 +66,8 @@ export default class sampleMenuAppraisal3 extends Component { ...@@ -65,8 +66,8 @@ export default class sampleMenuAppraisal3 extends Component {
</View> </View>
<Collapse isCollapsed={true} onToggle={() => this.setState({ collapseFrame: !this.state.collapseFrame })}> <Collapse isCollapsed={true} onToggle={() => this.setState({ collapseFrame: !this.state.collapseFrame })}>
<CollapseHeader style={{ backgroundColor: '#fcc000', width: '40%', borderRadius: 10, justifyContent: 'center' }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000', borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<View style={{ <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10, backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent', backgroundColor: 'transparent',
...@@ -265,8 +266,8 @@ export default class sampleMenuAppraisal3 extends Component { ...@@ -265,8 +266,8 @@ export default class sampleMenuAppraisal3 extends Component {
</Collapse> </Collapse>
<Collapse isCollapsed={true} style={{ marginTop: 10 }} onToggle={() => this.setState({ collapseElectrical: !this.state.collapseElectrical })}> <Collapse isCollapsed={true} style={{ marginTop: 10 }} onToggle={() => this.setState({ collapseElectrical: !this.state.collapseElectrical })}>
<CollapseHeader style={{ backgroundColor: '#fcc000', width: '40%', borderRadius: 10 }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000', borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<View style={{ <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10, backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent', backgroundColor: 'transparent',
...@@ -422,8 +423,8 @@ export default class sampleMenuAppraisal3 extends Component { ...@@ -422,8 +423,8 @@ export default class sampleMenuAppraisal3 extends Component {
</Collapse> </Collapse>
<Collapse isCollapsed={true} style={{ marginTop: 10 }} onToggle={() => this.setState({ collapseEngine: !this.state.collapseEngine })}> <Collapse isCollapsed={true} style={{ marginTop: 10 }} onToggle={() => this.setState({ collapseEngine: !this.state.collapseEngine })}>
<CollapseHeader style={{ backgroundColor: '#fcc000', width: '40%', borderRadius: 10 }} > <CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000', borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}> <Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<View style={{ <View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10, backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent', backgroundColor: 'transparent',
...@@ -626,17 +627,18 @@ export default class sampleMenuAppraisal3 extends Component { ...@@ -626,17 +627,18 @@ export default class sampleMenuAppraisal3 extends Component {
</ScrollView> </ScrollView>
<View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center', backgroundColor: 'transparent' }}> <View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}>
<AwesomeButton <AwesomeButton
backgroundColor='#fcc000' backgroundColor={Colors.yellowBasic}
backgroundShadow={null} backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null} backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'} backgroundDarker={'#FFED75'}
backgroundProgress={null} backgroundProgress={null}
width={120} width={120}
height={45} height={45}
raiseLevel={5} raiseLevel={5}
borderRadius={10} borderRadius={10}
progressLoadingTime={1000}
progress={!this.state.progress} progress={!this.state.progress}
onPress={next => { onPress={next => {
setTimeout(() => { setTimeout(() => {
......
app/container/home/penerimaan/penerimaan.js
View file @ cbe544da
...@@ -69,31 +69,48 @@ export default class Penerimaan extends Component { ...@@ -69,31 +69,48 @@ export default class Penerimaan extends Component {
</View> </View>
) )
})} })}
<View style={{ marginTop: 10 }}> <View style={{ marginTop: 10 }}>
{this.state.arrayDummy.map((item, index) => { {this.state.arrayDummy.map((item, index) => {
return ( return (
<View key={index}> <View key={index} style={{ paddingHorizontal: 7}}>
<TouchableOpacity style={{ width: '100%', backgroundColor: '#FFFFFF', borderRadius: 15, paddingHorizontal: 20, shadowRadius: 80, paddingVertical: 10 }} onPress={()=> this.props.navigation.navigate('MenuPenerimaan')}> <TouchableOpacity style={{ width: '100%', backgroundColor: '#FFFFFF', borderRadius: 15, paddingHorizontal: 10, shadowRadius: 80, paddingVertical: 10 }} onPress={() => this.props.navigation.navigate('MenuAppraisal')}>
<View style={{ width: 80, height: 20, backgroundColor: 'black', marginLeft: -20, marginTop: 5, borderTopRightRadius: 5, borderBottomRightRadius: 5 }}>
<Text style={{ color: 'white', textAlign: 'center' }}>Draft</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={{ flexDirection: 'row' }}>
<View style={{ width: '80%'}}> <View style={{ width: '80%' }}>
{/* <View style={{ flexDirection: 'row', width: '100%', backgroundColor: 'red' }}> */} {/* <View style={{ flexDirection: 'row', width: '100%', backgroundColor: 'red' }}> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<Text style={{ alignSelf: 'center', fontSize: 16, fontWeight: 'bold' }}>{item.noKontrak}</Text> <Text style={{ alignSelf: 'center', fontSize: 16, fontWeight: 'bold' }}>{item.noKontrak}</Text>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.namaWerehouse}</Text> <Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.namaWerehouse}</Text>
</View> </View>
{/* </View> */} {/* </View> */}
{/* <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> */} {/* <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> */}
<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.tglTerima}</Text>
<Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.petugas}</Text> <Text style={{ alignSelf: 'center', fontSize: 14 }}>{item.petugas}</Text>
</View> </View>
{/* </View> */} {/* </View> */}
</View> </View>
<View style={{ justifyContent: 'center', width: '20%', alignItems: 'flex-end'}}> <View style={{ justifyContent: 'center', width: '20%', alignItems: 'flex-end' }}>
<Next name="navigate-next" size={26} /> <Next name="navigate-next" size={26} />
</View> </View>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
) )
})} })}
......
app/container/home/penerimaan/sampleMenuPenerimaan.js
View file @ cbe544da
...@@ -7,6 +7,7 @@ import StepIndicator from 'react-native-step-indicator'; ...@@ -7,6 +7,7 @@ import StepIndicator from 'react-native-step-indicator';
import DateTimePicker from 'react-native-modal-datetime-picker'; import DateTimePicker from 'react-native-modal-datetime-picker';
import { Array } from '../../../library/Array'; import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button"; import AwesomeButton from "react-native-really-awesome-button";
import Colors from '../../../library/colors';
export default class sampleMenuPenerimaan extends Component { export default class sampleMenuPenerimaan extends Component {
constructor(props) { constructor(props) {
...@@ -248,11 +249,11 @@ export default class sampleMenuPenerimaan extends Component { ...@@ -248,11 +249,11 @@ export default class sampleMenuPenerimaan extends Component {
</ScrollView> </ScrollView>
<View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}> <View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}>
<AwesomeButton <AwesomeButton
backgroundColor='#fcc000' backgroundColor={Colors.yellowBasic}
backgroundShadow={null} backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null} backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'} backgroundDarker={'#FFED75'}
backgroundProgress={null} backgroundProgress={null}
width={120} width={120}
height={45} height={45}
......
app/container/home/penerimaan/sampleMenuPenerimaan2.js
View file @ cbe544da
...@@ -5,6 +5,7 @@ import { RadioButton } from 'react-native-paper'; ...@@ -5,6 +5,7 @@ import { RadioButton } from 'react-native-paper';
import StepIndicator from 'react-native-step-indicator'; import StepIndicator from 'react-native-step-indicator';
import { Array } from '../../../library/Array'; import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button"; import AwesomeButton from "react-native-really-awesome-button";
import Colors from '../../../library/colors';
export default class sampleMenuPenerimaan2 extends Component { export default class sampleMenuPenerimaan2 extends Component {
constructor(props) { constructor(props) {
...@@ -282,15 +283,16 @@ export default class sampleMenuPenerimaan2 extends Component { ...@@ -282,15 +283,16 @@ export default class sampleMenuPenerimaan2 extends Component {
<View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}> <View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}>
<AwesomeButton <AwesomeButton
backgroundColor='#fcc000' backgroundColor={Colors.yellowBasic}
backgroundShadow={null} backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null} backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'} backgroundDarker={'#FFED75'}
backgroundProgress={null} backgroundProgress={null}
width={120} width={120}
height={45} height={45}
raiseLevel={5} raiseLevel={5}
borderRadius={10} borderRadius={10}
progressLoadingTime={1000}
progress={!this.state.progress} progress={!this.state.progress}
onPress={next => { onPress={next => {
setTimeout(() => { setTimeout(() => {
......
app/library/colors.js
View file @ cbe544da
const Colors = { const Colors = {
yellowBasic: '#ffdd00', yellowBasic: '#ffdd00',
blackBasic: '#010101' blackBasic: '#010101',
dijjahYellow: '#fcc000',
} }
export default Colors; export default Colors;
\ No newline at end of file
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