Fakultas Ilmu Komputer UI

Commit 968961c2 authored by sirinbaisa's avatar sirinbaisa
Browse files

[#23][#140652771] Tambahin icon verified

parent 6299bee8
......@@ -59,10 +59,12 @@ background-color: #EEEEEE;
}
.halamanLogin{
width: 1000px;
height: 646px;
background-size: cover;
background: url("../img/bw-blur.png") fixed center;
background: url("../img/background.png")no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-bottom: 80px;
}
......@@ -72,7 +74,7 @@ background-color: #EEEEEE;
}
.formLogin{
margin: 80px auto 0;
margin: 30px auto 0;
width: 430px;
}
......
import React from 'react';
import CompanyVacancy from './components/CompanyVacancy';
import { Segment } from 'semantic-ui-react';
export default class ApplicantPage extends React.Component {
render() {
return (
<CompanyVacancy header="Software Engineer" />
<CompanyVacancy header="Software Engineer" />
);
}
}
import React from 'react';
import moment from 'moment';
import { Button, Icon, Item } from 'semantic-ui-react';
import { Button, Icon, Item, Segment } from 'semantic-ui-react';
import { Link } from 'react-router';
const defaultImage = 'http://semantic-ui.com/images/wireframe/image.png';
......@@ -19,23 +19,29 @@ export default class ApplicantList extends React.Component {
render() {
return (
<Item className="applicantItems">
<Item.Image src={this.props.data.company.logo ? this.props.data.company.logo : defaultImage} size="small" />
<Item.Content>
<Item.Header as="a">{this.props.data.name}</Item.Header>
<Button color="blue" floated="right" as={Link} to={this.getLink}>
Ubah <Icon name="right chevron" />
</Button>
<Segment compact basic floated="right">
<h4> <Icon name="right checkmark box" size="large" color="green" /> Verified </h4>
<Button color="blue" floated="right" as={Link} to={this.getLink}>
Ubah <Icon name="right chevron" />
</Button>
</Segment>
<Item.Extra>
<h3> 105 Pendaftar </h3>
Ditutup {moment(moment(this.props.data.close_time)).fromNow()}
Ditutup {moment(moment(this.props.data.close_time)).fromNow()}
</Item.Extra>
</Item.Content>
</Item>
);
}
}
import React from 'react';
import { Item, Button, Grid } from 'semantic-ui-react';
import { Item, Button, Grid, Segment } from 'semantic-ui-react';
import { Link } from 'react-router';
import Vacancy from './Vacancy';
import CompanyVacancy from './CompanyVacancy';
......@@ -84,11 +84,15 @@ export default class VacancyList extends React.Component {
}
render = () => (
<Segment>
<Grid container columns="eleven" doubling>
{ this.companyHeader() }
<Item.Group relaxed style={{ width: '100%' }}>
{ this.generateVacancies() }
</Item.Group>
<Item.Group relaxed style={{ width: '100%' }}>
{ this.generateVacancies() }
</Item.Group>
</Grid>
</Segment>
);
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment