senaduka/old-new-wiaas
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add aditional fields to profile address on frontend

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/constants/profileSettingsConstants.js
View File

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

46
frontend/src/containers/profileSettings/components/AddEditProfileAddress.jsx
View File

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