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

Style show job page

Browse Source
This commit is contained in:
Berkeley Martinez
2015-10-15 22:09:12 -07:00
parent 979583e0c9
commit 1ed576bee1
1 changed files with 42 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
common/app/routes/Jobs/components/ShowJob.jsx
View File

@ -1,5 +1,5 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Row, Thumbnail, Panel, Well } from 'react-bootstrap'; import { Row, Col, Thumbnail, Panel } from 'react-bootstrap';
import moment from 'moment'; import moment from 'moment';
const defaultImage = const defaultImage =
@ -50,22 +50,49 @@ export default React.createClass({
return ( return (
<div> <div>
<Row> <Row>
<Well> <Col
<Thumbnail md={ 10 }
alt={ logo ? company + 'company logo' : 'stock image' } mdOffset={ 1 }
src={ logo || defaultImage } xs={ 12 }>
style={ thumbnailStyle } />
<Panel> <Panel>
Position: { position || 'N/A' } <Row>
<br /> <h2 className='text-center'>
Location: { locale ? locale : `${city}, ${state}` } { company }
<br /> </h2>
Contact: { email || phone || 'N/A' } </Row>
<br /> <div className='spacer' />
Posted On: { moment(postedOn).format('MMMM Do, YYYY') } <Row>
<Col
md={ 3 }
mdPush={ 7 }>
<Thumbnail
alt={ logo ? company + 'company logo' : 'stock image' }
src={ logo || defaultImage }
style={ thumbnailStyle } />
</Col>
<Col
md={ 4 }>
Position: { position || 'N/A' }
<br />
Location: { locale ? locale : `${city}, ${state}` }
<br />
Contact: { email || phone || 'N/A' }
<br />
Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
</Col>
</Row>
<div className='spacer' />
<Row>
<Col
md={ 6 }
mdOffset={ 3 }
xs={ 12 }>
<p>{ description }</p>
</Col>
</Row>
</Panel> </Panel>
<p>{ description }</p> </Col>
</Well>
</Row> </Row>
</div> </div>
); );