Fakultas Ilmu Komputer UI

Commit 7b36e111 authored by M. Reza Qorib's avatar M. Reza Qorib
Browse files

Merge branch 'UserStory2' of https://gitlab.com/PPL2017csui/PPLA1 into UserStory2

parents b4b64143 f0c4e670
......@@ -140,3 +140,4 @@ input.active:invalid {
font-size: 12px;
margin-top: 5px;
import React from 'react';
import { Button, Checkbox, Form, Input, TextArea, Grid, Divider, Header, Icon} from 'semantic-ui-react';
export default class companyRegister extends React.Component {
render = () => (
<div className="register">
<div className="registerForm">
<Header as='h2' icon textAlign='center'>
<Icon name='signup' circular />
<Form.Field required>
<Input type="text" id="email" icon='user' iconPosition='left' placeholder="email" required />
<Form.Field required>
<Input type='password' id="password" icon='key' iconPosition='left' placeholder="password" required />
<Form.Field required>
<label>Konfirmasi Password</label>
<Input type='password' icon="key" iconPosition="left" placeholder='password' required />
<Form.Field required>
<label>Nama Perusahaan</label>
<Input placeholder='Nama Perusahaan' required />
<Form.Field required>
icon={{ name: 'attach', circular: true, link: true }}
placeholder='attach logo'
<Form.Field required>
<TextArea placeholder='Tell us more' required/>
<Form.Field required>
<Input placeholder='Alamat' required />
<Form.Field required>
<Input placeholder='Kota' required />
<Form.Field required>
<Input placeholder='Provinsi' required />
</Form.Field >
<Button type='submit' floated='right' color='blue'>Submit</Button>
......@@ -20,25 +20,17 @@ export default class VacancyPage extends React.Component {
const {activeItem} = this.state;
return (
<div className="tabs">
<Menu tabular>
<Menu.Item name='Semua Lowongan' active={activeItem === 'Semua Lowongan'} onClick={this.handleItemClick}/>
<Menu.Item name='Lamaran Saya' active={activeItem === 'Lamaran Saya'} onClick={this.handleItemClick}/>
<Menu.Menu position='right'>
<Input transparent icon={{name: 'search', link: true}} placeholder='Search users...'/>
return (<div>
<Tabs selected={0}>
<Pane label="Semua Lowongan">
<VacancyList vacancies={data} />
<Pane label="Lamaran saya">
<div>This is my tab 2 contents!</div>
......@@ -12,20 +12,25 @@ export default class Lowongan extends React.Component {
render() {
return (
<Item >
<Item.Content verticalAlign="middle">
<h4>{ this.props.data.data1 }</h4>
<ModalPendaftaran id={1} data={ { header: 'dor', description: 'blabla' } } buttonTitle="Daftar" />
<ModalPendaftaran id={1} data={ { header: 'Deskripsi Lowongan', description: '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.' } } buttonTitle="Daftar" />
\ No newline at end of file
......@@ -39,7 +39,7 @@ export default class ModalPendaftaran extends React.Component {
render = () => (
trigger={<Button onClick={this.handleOpen} >{this.props.buttonTitle}</Button>}
trigger={<Button onClick={this.handleOpen} floated='right'>{this.props.buttonTitle}</Button>}
......@@ -15,10 +15,10 @@ export default class VacancyList extends React.Component {
render = () => (
<div className="vacancyList" >
<Item.Group relaxed>
{/*<Item.Group relaxed>*/}
{ this.generateVacancies() }
\ No newline at end of file
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