-
Notifications
You must be signed in to change notification settings - Fork 3
/
AddressForm.js
74 lines (65 loc) · 1.74 KB
/
AddressForm.js
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
import React from "react";
import Formsy from "formsy-react";
import _ from "underscore";
import ReactIntl, {IntlMixin, FormattedMessage} from "react-intl";
import "../styles/address-form.less";
Formsy.addValidationRule('isAlphaNumericPunctuation', function (values, value) {
return /^[A-Za-zÀ-ž0-9\/\\\-\.\,\s\(\)\'\#ªº]*$/.test(value);
});
var AddressForm = React.createClass({
mixins: [ReactIntl.IntlMixin],
getInitialState() {
return {
canSubmit: true,
address: this.props.initialAddress
};
},
onValidSubmit(address) {
address.addressId = this.state.address.addressId;
this.props.onValidSubmit(address);
},
onChange(address) {
this.setState({
address: _.extend(this.state.address, address)
});
},
enableButton() {
this.setState({
canSubmit: true
});
},
disableButton() {
this.setState({
canSubmit: false
});
},
render() {
if (!this.state.address) {
return;
}
var country = this.state.address.country;
var countryInputGroup = require('./input-groups/InputGroup' + country);
return (
<Formsy.Form
className='address-form'
onValidSubmit={this.onValidSubmit}
onChange={this.onChange}
onValid={this.enableButton}
onInvalid={this.disableButton}>
{countryInputGroup(this.state.address)}
<div className='row'>
<div className='col-sm-3'>
<button
className='btn btn-primary'
type='submit'
disabled={!this.state.canSubmit}>
<FormattedMessage
message={this.getIntlMessage('save')} />
</button>
</div>
</div>
</Formsy.Form>
);
}
});
export default AddressForm;