Fakultas Ilmu Komputer UI

Commit fa7962b2 authored by sirinbaisa's avatar sirinbaisa
Browse files

[#36][#140653601] Page Admin List Vacancy dan Verify Vacancy

parent 00405457
import React from 'react';
import Tabs from './components/Tabs';
import Pane from './components/Pane';
import AdminVacancy from './components/AdminVacancy';
import { Item } from 'semantic-ui-react';
export default class AdminVacancyPage extends React.Component {
render() {
return (
<Tabs selected={0}>
<Pane label="Lowongan Belum Terferivikasi" >
<Item.Group>
<AdminVacancy />
</Item.Group>
</Pane>
<Pane label=" Semua Lamaran" />
</Tabs>
);
}
}
import React from 'react';
import { Button, Icon, Item, Grid } from 'semantic-ui-react';
import AdminVerificationModal from './AdminVerificationModal';
export default class AdminVacancyPage extends React.Component {
render() {
return (
<Item className="adminItems">
<Item.Image src="http://semantic-ui.com/images/wireframe/image.png" size="small" />
<Item.Content>
<Item.Header as="a">Software Engineer</Item.Header>
<Grid.Row>
<Grid.Column floated="left">
<h4>Jalanloka </h4>
Jakarta Barat, DKI Jakarta
</Grid.Column>
<Grid.Column floated="right">
<h4> <Icon name="remove circle" size="large" color="red" /> Belum Terverifikasi </h4>
<AdminVerificationModal />
</Grid.Column>
</Grid.Row>
</Item.Content>
</Item>
);
}
}
import React from 'react';
import { Button, Header, Modal, Grid } from 'semantic-ui-react';
export default class AdminVerificationModal extends React.Component {
state = { modalOpen: false }
handleOpen = () => this.setState({
modalOpen: true,
});
handleClose = () => this.setState({
modalOpen: false,
});
render() {
return (
<Modal
trigger={
<Button color="blue" icon="right chevron" labelPosition="right" floated="right" content="ubah" onClick={this.handleOpen} />
}
closeIcon="close"
open={this.state.modalOpen}
onClose={this.handleClose}
>
<Modal.Header>Software Engineer</Modal.Header>
<Modal.Content >
<Modal.Description>
<Header>Deskripsi Lowongan</Header>
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
</Modal.Description>
</Modal.Content>
<Modal.Actions>
<Grid columns={2} >
<Grid.Column>
<Button color="red" floated="left" onClick={this.handleClose} >Hapus</Button>
</Grid.Column>
<Grid.Column>
<Button color="blue" floated="right" onClick={this.handleClose}>Ubah</Button>
<Button color="green" floated="right" onClick={this.handleClose}>Verifikasi</Button>
</Grid.Column>
</Grid>
</Modal.Actions>
</Modal>
);
}
}
......@@ -11,6 +11,7 @@ import Server from './lib/Server';
import Storage from './lib/Storage';
import ApplicantPage from './ApplicantPage';
import TranscriptPage from './TranscriptPage';
import AdminVacancyPage from './AdminVacancyPage';
export default class App extends React.Component {
......@@ -92,6 +93,7 @@ export default class App extends React.Component {
<Route component={Dashboard} onEnter={this.handleAuth}>
<Route path="/transcript/:id" component={company(TranscriptPage)} />
<Route path="/lowongan" component={commonUser(VacancyPage)} />
<Route path="/admin-lowongan" component={AdminVacancyPage} />
<Route path="/buat-lowongan" component={company(CreateVacancy)} />
<Route path="/buat-lowongan/:id" component={company(CreateVacancy)} />
<Route path="/pelamar" component={company(ApplicantPage)} />
......
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