add aditional fields to profile address on frontend

This commit is contained in:
GotPPay
2018-09-12 22:05:21 +02:00
committed by Bilal Catic
parent a901da55fc
commit b98f3c979c
2 changed files with 46 additions and 3 deletions

View File

@@ -35,7 +35,8 @@ export const profileTexts = {
FIRST_NAME: 'First Name',
LAST_NAME: 'Last Name',
DELEGATE: 'Attention',
INVOICE_MAIL: 'Invoice Mail'
INVOICE_MAIL: 'Invoice Mail',
DELIVERY_MAIL: 'Delivery Mail'
},
buttons: {
SAVE: 'Save',

View File

@@ -12,7 +12,10 @@ class AddEditProfileAddress extends Component {
idCountrySelected: address.idCountrySelected || this.props.params.countries[0].idCountry,
city: address.city || '',
detailedAddress: address.detailedAddress || '',
zipCode: address.zipCode || ''
zipCode: address.zipCode || '',
firstName: address.firstName || '',
lastName: address.lastName || '',
deliveryMail: address.deliveryMail || ''
};
this.props.params.onAddressChange(this.state);
@@ -30,16 +33,52 @@ class AddEditProfileAddress extends Component {
}
render() {
const {idCountrySelected, city, detailedAddress, zipCode} = this.state;
const {idCountrySelected, city, detailedAddress, zipCode, firstName, lastName, deliveryMail} = this.state;
const {countries} = this.props.params;
return (
<div className="address-add-edit-content">
<Form className="address-edit-content">
<h5>{profileTexts.labels.DELEGATE}</h5>
<FormGroup>
<Label for="address-first-name">{profileTexts.labels.FIRST_NAME}</Label>
<Input value={firstName}
autoComplete="nope"
onChange={this.handleChange}
type="text"
name="firstName"
id="address-first-name"
placeholder={profileTexts.labels.FIRST_NAME} />
</FormGroup>
<FormGroup>
<Label for="address-last-name">{profileTexts.labels.LAST_NAME}</Label>
<Input value={lastName}
autoComplete="nope"
onChange={this.handleChange}
type="text"
name="lastName"
id="address-last-name"
placeholder={profileTexts.labels.LAST_NAME} />
</FormGroup>
<FormGroup>
<Label for="address-delivery-mail">{profileTexts.labels.DELIVERY_MAIL}</Label>
<Input value={deliveryMail}
autoComplete="nope"
onChange={this.handleChange}
type="text"
name="deliveryMail"
id="address-delivery-mail"
placeholder={profileTexts.labels.DELIVERY_MAIL} />
</FormGroup>
<h5>{profileTexts.labels.BILLING_ADDRESSES}</h5>
<FormGroup>
<Label for="address-country">{profileTexts.labels.ADDRESS_COUNTRY}<span className="required-icon">*</span></Label>
<Input value={idCountrySelected}
type="select"
autoComplete="nope"
onChange={this.handleChange}
name="idCountrySelected"
id="address-country"
@@ -56,6 +95,7 @@ class AddEditProfileAddress extends Component {
<Label for="address-city">{profileTexts.labels.ADDRESS_CITY}<span className="required-icon">*</span></Label>
<Input value={city}
onChange={this.handleChange}
autoComplete="nope"
type="text"
name="city"
id="address-city"
@@ -65,6 +105,7 @@ class AddEditProfileAddress extends Component {
<FormGroup>
<Label for="address-details">{profileTexts.labels.ADDRESS_DETAILS}<span className="required-icon">*</span></Label>
<Input value={detailedAddress}
autoComplete="nope"
onChange={this.handleChange}
type="textarea"
name="detailedAddress"
@@ -75,6 +116,7 @@ class AddEditProfileAddress extends Component {
<FormGroup>
<Label for="address-zip">{profileTexts.labels.ADDRESS_ZIP}<span className="required-icon">*</span></Label>
<Input value={zipCode}
autoComplete="nope"
onChange={this.handleChange}
type="text"
name="zipCode"