Fakultas Ilmu Komputer UI

Commit ab4134ff authored by sirinbaisa's avatar sirinbaisa
Browse files

[#21] [#140652771] Page Add Vacancy Company

parent 4f1a4071
......@@ -26,6 +26,17 @@
background-color: #EEEEEE;
}
.create-lowongan{
margin-top: 60px;
margin-left: 19%;
margin-right: 19%;
margin-bottom: 100px;
}
.ui.segment.form-segment{
padding-bottom: 50px;
}
.tabs {
margin-top: 100px;
margin-left: 100px;
......@@ -64,6 +75,7 @@ background-color: #EEEEEE;
padding-bottom: 80px;
}
.headerLoginform{
background-color: #2e6da4;
}
......@@ -142,8 +154,6 @@ textarea{
height: 160px !important;
}
.note {
color: gray;
margin: 8px 0;
......@@ -175,6 +185,11 @@ itemLowongan{
background-color: #ffffff;
}
.item.applicantItems{
height: 110px;
}
\ No newline at end of file
.extra.extra-company h3{
padding-top:10px;
}
.extra.extra-company h2{
color: black;
}
import React from 'react';
import { Segment, Button, Form, TextArea, Header, Icon, Image } from 'semantic-ui-react';
export default class CreateLowongan extends React.Component {
render() {
return (
<div className="create-lowongan" >
<Segment className="form-segment">
<Header as='h2' icon textAlign='center'>
<Icon name='briefcase' circular />
<Header.Content>
Lowongan KP
</Header.Content>
</Header>
<Form>
<Form.Field>
<label>Posisi Lowongan</label>
<input placeholder="Posisi" />
</Form.Field>
<Form.Field label='Alamat Kantor' control='select'>
<option value='alamat1'>Alamat 1</option>
<option value='alamat2'>Alamat 2</option>
<input placeholder="Alamat" />
</Form.Field>
<Form.TextArea label="Deskripsi" placeholder="Deskripsi Lowongan..." row />
<Button type="submit" primary floated="right">Submit</Button>
</Form>
</Segment>
</div>
);
}
}
import React from 'react';
import { Segment, Button, Icon, Item } from 'semantic-ui-react';
export default class ApplicantList extends React.Component {
static propTypes = {
header: React.PropTypes.string.isRequired,
......@@ -15,16 +16,17 @@ export default class ApplicantList extends React.Component {
<Segment>
<Item.Group divided>
<Item className="applicantItems">
<Item.Image src="/assets/images/wireframe/image.png" siza="tiny" />
<Item.Image src="http://semantic-ui.com/images/wireframe/image.png" />
<Item.Content>
<Item.Header as="a">{this.props.header}</Item.Header>
<Item.Header as="a" className="header-lowongan" ></Item.Header>
<Segment padded basic floated="right">
<Button primary floated="right" >Ubah<Icon name="right chevron" /></Button>
<Button primary floated="right" > Ubah <Icon name="right chevron" /></Button>
<Segment basic> 5 jam lalu</Segment>
</Segment>
<Item.Extra>
<Item.Extra className="extra-company">
<h2>{this.props.header}</h2>
<h3> 105 Pendaftar </h3>
</Item.Extra>
......
......@@ -6,6 +6,7 @@ import Dashboard from './Dashboard';
import Login from './Login';
import VacancyPage from './VacancyPage';
import HomeCompany from './HomeCompany';
import CreateLowongan from './CreateLowongan';
import Server from './lib/Server';
import Storage from './lib/Storage';
......@@ -31,7 +32,7 @@ export default class App extends React.Component {
handleHome= (nextState, replace) => {
if (Server.isLoggedIn()) {
Storage.get('user-data').student ? replace({pathname: '/lowongan'}) : replace({pathname: '/profile'});
Storage.get('user-data').student ? replace({ pathname: '/lowongan' }) : replace({ pathname: '/profile' });
} else {
replace({ pathname: '/login' });
}
......@@ -46,6 +47,7 @@ export default class App extends React.Component {
<Route path="/lowongan" component={VacancyPage} />
<Route path="/company" component={HomeCompany} />
<Route path="/users" component={Profile} />
<Route path="/create-lowongan" component={CreateLowongan} />
</Route>
<Route path="/home" onEnter={this.handleHome} />
<Redirect from="*" to="/home" />
......
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