Skip to content

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

denskuy#3

parent ee1dde20
Expand all 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 {
<View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
marginLeft: -20,
// zIndex: 5,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderTopWidth: 8,
......
app/container/home/appraisal/sampleMenuAppraisal2.js
View file @ cbe544da
......@@ -9,6 +9,7 @@ import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button";
import DocumentPicker from 'react-native-document-picker'
import RNFetchBlob from 'rn-fetch-blob'
import Colors from '../../../library/colors';
export default class sampleMenuAppraisal2 extends Component {
constructor(props) {
......@@ -115,17 +116,17 @@ export default class sampleMenuAppraisal2 extends Component {
stepIndicatorSize: 20,
currentStepIndicatorSize: 20,
currentStepStrokeWidth: 1,
stepStrokeCurrentColor: "#FBB040",
stepStrokeCurrentColor: Colors.yellowBasic,
stepIndicatorCurrentColor: 'white',
stepIndicatorLabelCurrentColor: "#FBB040",
currentStepLabelColor: "#FBB040",
stepStrokeUnFinishedColor: "#FBB040",
stepIndicatorLabelCurrentColor: Colors.yellowBasic,
currentStepLabelColor: Colors.yellowBasic,
stepStrokeUnFinishedColor: Colors.yellowBasic,
separatorUnFinishedColor: '#DEE1E5',
stepIndicatorUnFinishedColor: '#DEE1E5',
stepIndicatorLabelUnFinishedColor: '#ffffff',
labelColor: '#E6E6E6',
stepIndicatorFinishedColor: "#FBB040",
separatorFinishedColor: "#FBB040",
stepIndicatorFinishedColor: Colors.yellowBasic,
separatorFinishedColor: Colors.yellowBasic,
}}
stepCount={Array.labelStep.length}
/>
......@@ -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' }}>
<AwesomeButton
backgroundColor='#fcc000'
backgroundShadow={null}
backgroundColor={Colors.yellowBasic}
backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'}
backgroundDarker={'#FFED75'}
backgroundProgress={null}
width={120}
height={45}
raiseLevel={5}
borderRadius={10}
progress={true}
progressLoadingTime={1000}
progress={!this.state.progress}
onPress={next => {
setTimeout(() => {
this.props.navigation.navigate('MenuAppraisal3')
......
app/container/home/appraisal/sampleMenuAppraisal3.js
View file @ cbe544da
......@@ -6,6 +6,7 @@ import { RadioButton } from 'react-native-paper';
import StepIndicator from 'react-native-step-indicator';
import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button";
import Colors from '../../../library/colors';
export default class sampleMenuAppraisal3 extends Component {
constructor(props) {
......@@ -40,17 +41,17 @@ export default class sampleMenuAppraisal3 extends Component {
stepIndicatorSize: 20,
currentStepIndicatorSize: 20,
currentStepStrokeWidth: 1,
stepStrokeCurrentColor: "#FBB040",
stepStrokeCurrentColor: Colors.yellowBasic,
stepIndicatorCurrentColor: 'white',
stepIndicatorLabelCurrentColor: "#FBB040",
currentStepLabelColor: "#FBB040",
stepStrokeUnFinishedColor: "#FBB040",
stepIndicatorLabelCurrentColor: Colors.yellowBasic,
currentStepLabelColor: Colors.yellowBasic,
stepStrokeUnFinishedColor: Colors.yellowBasic,
separatorUnFinishedColor: '#DEE1E5',
stepIndicatorUnFinishedColor: '#DEE1E5',
stepIndicatorLabelUnFinishedColor: '#ffffff',
labelColor: '#E6E6E6',
stepIndicatorFinishedColor: "#FBB040",
separatorFinishedColor: "#FBB040",
stepIndicatorFinishedColor: Colors.yellowBasic,
separatorFinishedColor: Colors.yellowBasic,
}}
stepCount={Array.labelStep.length}
/>
......@@ -65,8 +66,8 @@ export default class sampleMenuAppraisal3 extends Component {
</View>
<Collapse isCollapsed={true} onToggle={() => this.setState({ collapseFrame: !this.state.collapseFrame })}>
<CollapseHeader style={{ backgroundColor: '#fcc000', width: '40%', borderRadius: 10, justifyContent: 'center' }} >
<Separator bordered style={{ backgroundColor: '#fcc000', borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
......@@ -265,8 +266,8 @@ export default class sampleMenuAppraisal3 extends Component {
</Collapse>
<Collapse isCollapsed={true} style={{ marginTop: 10 }} onToggle={() => this.setState({ collapseElectrical: !this.state.collapseElectrical })}>
<CollapseHeader style={{ backgroundColor: '#fcc000', width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000', borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
......@@ -422,8 +423,8 @@ export default class sampleMenuAppraisal3 extends Component {
</Collapse>
<Collapse isCollapsed={true} style={{ marginTop: 10 }} onToggle={() => this.setState({ collapseEngine: !this.state.collapseEngine })}>
<CollapseHeader style={{ backgroundColor: '#fcc000', width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: '#fcc000', borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<CollapseHeader style={{ backgroundColor: Colors.yellowBasic, width: '40%', borderRadius: 10 }} >
<Separator bordered style={{ backgroundColor: Colors.yellowBasic, borderRadius: 10, flexDirection: 'row', justifyContent: 'flex-start', paddingHorizontal: 20, alignItems: 'center' }}>
<View style={{
backgroundColor: '#E6E6E6', height: 10, width: 10,
backgroundColor: 'transparent',
......@@ -626,17 +627,18 @@ export default class sampleMenuAppraisal3 extends Component {
</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
backgroundColor='#fcc000'
backgroundShadow={null}
backgroundColor={Colors.yellowBasic}
backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'}
backgroundDarker={'#FFED75'}
backgroundProgress={null}
width={120}
height={45}
raiseLevel={5}
borderRadius={10}
progressLoadingTime={1000}
progress={!this.state.progress}
onPress={next => {
setTimeout(() => {
......
app/container/home/penerimaan/penerimaan.js
View file @ cbe544da
......@@ -69,31 +69,48 @@ export default class Penerimaan extends Component {
</View>
)
})}
<View style={{ marginTop: 10 }}>
<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 key={index} style={{ paddingHorizontal: 7}}>
<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={{ width: '80%'}}>
<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 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 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'}}>
<View style={{ justifyContent: 'center', width: '20%', alignItems: 'flex-end' }}>
<Next name="navigate-next" size={26} />
</View>
</View>
</TouchableOpacity>
</View>
</TouchableOpacity>
</View>
)
})}
......
app/container/home/penerimaan/sampleMenuPenerimaan.js
View file @ cbe544da
......@@ -7,6 +7,7 @@ import StepIndicator from 'react-native-step-indicator';
import DateTimePicker from 'react-native-modal-datetime-picker';
import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button";
import Colors from '../../../library/colors';
export default class sampleMenuPenerimaan extends Component {
constructor(props) {
......@@ -248,11 +249,11 @@ export default class sampleMenuPenerimaan extends Component {
</ScrollView>
<View style={{ width: '100%', justifyContent: 'flex-end', marginTop: 20, alignSelf: 'center', alignContent: 'flex-end', alignItems: 'center' }}>
<AwesomeButton
backgroundColor='#fcc000'
backgroundShadow={null}
<AwesomeButton
backgroundColor={Colors.yellowBasic}
backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'}
backgroundDarker={'#FFED75'}
backgroundProgress={null}
width={120}
height={45}
......
app/container/home/penerimaan/sampleMenuPenerimaan2.js
View file @ cbe544da
......@@ -5,6 +5,7 @@ import { RadioButton } from 'react-native-paper';
import StepIndicator from 'react-native-step-indicator';
import { Array } from '../../../library/Array';
import AwesomeButton from "react-native-really-awesome-button";
import Colors from '../../../library/colors';
export default class sampleMenuPenerimaan2 extends Component {
constructor(props) {
......@@ -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' }}>
<AwesomeButton
backgroundColor='#fcc000'
backgroundShadow={null}
backgroundColor={Colors.yellowBasic}
backgroundShadow={'#DBDBDB'}
backgroundPlaceholder={null}
backgroundDarker={'#e0ac02'}
backgroundDarker={'#FFED75'}
backgroundProgress={null}
width={120}
height={45}
raiseLevel={5}
borderRadius={10}
progressLoadingTime={1000}
progress={!this.state.progress}
onPress={next => {
setTimeout(() => {
......
app/library/colors.js
View file @ cbe544da
const Colors = {
yellowBasic: '#ffdd00',
blackBasic: '#010101'
blackBasic: '#010101',
dijjahYellow: '#fcc000',
}
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