index.js
3.01 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
import React, { Component } from 'react'
import {
ScrollView,
View,
Text,
KeyboardAvoidingView,
TextInput,
} from 'react-native'
import { Button } from 'react-native-elements'
import { HeaderBackButton, StackActions } from 'react-navigation'
import { none, either, isNil, isEmpty, props } from 'ramda'
import { connect } from 'react-redux'
import css from './style'
import { cambiarTitulo, cambiarDescripcion } from '../../redux/actions/nuevaSolicitud'
const validateNext = none(either(isNil, isEmpty))
const navegarSiguiente = (self, requeridos) => {
const pushAction = StackActions.push({
routeName: 'ReferenciasSolicitud'
})
if (validateNext(requeridos)) {
self.props.navigation.dispatch(pushAction)
} else {
console.log('no pasar')
}
}
class NuevaSolicitudScreen extends Component {
static navigationOptions = ({ navigation }) => ({
title: 'Nueva Solicitud',
headerStyle: css.headerStyle,
headerTitleStyle: css.headerTitleStyle,
headerLeft: (<HeaderBackButton
tintColor='#FFFFFF' onPress={() => navigation.dispatch({ type: 'Navigation/BACK' })}
/>)
});
render() {
const self = this
const requeridos = props(['titulo', 'descripcion'], this.props.solicitud.solicitud)
return (
<View style={[css.pane, css.view]}>
<ScrollView contentContainerStyle={css.contentContainer} >
<KeyboardAvoidingView keyboardVerticalOffset={-60} behavior="position" enabled >
<Text style={[css.label]}> A qué institución?</Text>
<Text> {this.props.institucion.nombre}</Text>
<Text style={css.label}>Titulo</Text>
<TextInput
style={[css.input, css.oneline]}
underlineColorAndroid="transparent"
value={this.props.solicitud.solicitud.titulo}
onChangeText={this.props.cambiarTitulo}
/>
<Text style={css.label}>Qué información necesita?</Text>
<View style={css.textAreaContainer} >
<TextInput
style={css.textArea}
value={this.props.solicitud.solicitud.descripcion}
underlineColorAndroid="transparent"
placeholder='Cuerpo de la Solicitud'
placeholderTextColor={'grey'}
numberOfLines={40}
onChangeText={this.props.cambiarDescripcion}
multiline
/>
</View>
</KeyboardAvoidingView>
</ScrollView>
<Button
buttonStyle={css.button}
onPress={() => navegarSiguiente(self, requeridos)}
title='SIGUIENTE'
/>
</View>)
}
}
const mapStateToProps = (state) => ({
institucion: state.nuevaSolicitud.institucion,
solicitud: state.nuevaSolicitud,
})
const mapDispatchToProps = (dispatch) => ({
cambiarTitulo: (titulo) => dispatch(cambiarTitulo(titulo)),
cambiarDescripcion: (descripcion) => dispatch(cambiarDescripcion(descripcion)),
})
export default connect(mapStateToProps, mapDispatchToProps)(NuevaSolicitudScreen)