gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add job cert buttons

Browse Source
This commit is contained in:
Berkeley Martinez
2015-11-04 13:45:22 -08:00
parent 173c511026
commit 1251b14d9d
1 changed files with 50 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
common/app/routes/Jobs/components/NewJob.jsx
View File

@ -45,6 +45,7 @@ const hightlightCopy = `
Highlight my post to make it stand out. (+$50) Highlight my post to make it stand out. (+$50)
`; `;
const isRemoteCopy = ` const isRemoteCopy = `
This job can be performed remotely. This job can be performed remotely.
`; `;
@ -113,6 +114,8 @@ export default contain({
url, url,
logo, logo,
company, company,
isFrontEndCert,
isFullStackCert,
isHighlighted, isHighlighted,
isRemoteOk, isRemoteOk,
howToApply howToApply
@ -127,7 +130,9 @@ export default contain({
company: formatValue(company, makeRequired(isAscii)), company: formatValue(company, makeRequired(isAscii)),
isHighlighted: formatValue(isHighlighted, null, 'bool'), isHighlighted: formatValue(isHighlighted, null, 'bool'),
isRemoteOk: formatValue(isRemoteOk, null, 'bool'), isRemoteOk: formatValue(isRemoteOk, null, 'bool'),
howToApply: formatValue(howToApply, makeRequired(isAscii)) howToApply: formatValue(howToApply, makeRequired(isAscii)),
isFrontEndCert,
isFullStackCert
}; };
}, },
subscribeOnWillMount() { subscribeOnWillMount() {
@ -148,6 +153,8 @@ export default contain({
company: PropTypes.object, company: PropTypes.object,
isHighlighted: PropTypes.object, isHighlighted: PropTypes.object,
isRemoteOk: PropTypes.object, isRemoteOk: PropTypes.object,
isFrontEndCert: PropTypes.bool,
isFullStackCert: PropTypes.bool,
howToApply: PropTypes.object howToApply: PropTypes.object
}, },
@ -180,6 +187,8 @@ export default contain({
url, url,
logo, logo,
company, company,
isFrontEndCert,
isFullStackCert,
isHighlighted, isHighlighted,
isRemoteOk, isRemoteOk,
howToApply howToApply
@ -196,7 +205,9 @@ export default contain({
company: inHTMLData(company.value), company: inHTMLData(company.value),
isHighlighted: !!isHighlighted.value, isHighlighted: !!isHighlighted.value,
isRemoteOk: !!isRemoteOk.value, isRemoteOk: !!isRemoteOk.value,
howToApply: inHTMLData(howToApply.value) howToApply: inHTMLData(howToApply.value),
isFrontEndCert,
isFullStackCert
}; };
const job = Object.keys(jobValues).reduce((accu, prop) => { const job = Object.keys(jobValues).reduce((accu, prop) => {
@ -235,8 +246,11 @@ export default contain({
isHighlighted, isHighlighted,
isRemoteOk, isRemoteOk,
howToApply, howToApply,
isFrontEndCert,
isFullStackCert,
jobActions: { handleForm } jobActions: { handleForm }
} = this.props; } = this.props;
const { handleChange } = this; const { handleChange } = this;
const labelClass = 'col-sm-offset-1 col-sm-2'; const labelClass = 'col-sm-offset-1 col-sm-2';
const inputClass = 'col-sm-6'; const inputClass = 'col-sm-6';
@ -253,7 +267,40 @@ export default contain({
onSubmit={ this.handleSubmit }> onSubmit={ this.handleSubmit }>
<div className='spacer'> <div className='spacer'>
<h2>First, tell us about the position</h2> <h2>First, select your ideal applicant: </h2>
</div>
<Row>
<Col
xs={ 6 }
xsOffset={ 3 }>
<Row>
<Button className={ isFrontEndCert ? '' : 'active' }>
<h4>Front End Development Certified</h4>
You can expect each applicant
to have a code portfolio using the
following technologies:
HTML5, CSS, jQuery, API integrations, MVC Framework
<br />
<br />
</Button>
</Row>
<div className='button-spacer' />
<Row>
<Button className={ isFullStackCert ? 'active' : ''}>
<h4>Full Stack Development Certified</h4>
You can expect each applicant to have a code
portfolio using the following technologies:
HTML5, CSS, jQuery, API integrations, MVC Framework,
JavaScript, Node.js, MongoDB, Express.js
<br />
<br />
</Button>
</Row>
</Col>
</Row>
<div className='spacer'>
<h2>Tell us about the position</h2>
</div> </div>
<Input <Input
bsStyle={ position.bsStyle } bsStyle={ position.bsStyle }