Fakultas Ilmu Komputer UI

Commit 1f7f29ef authored by sirinbaisa's avatar sirinbaisa
Browse files

[#140654507] #15 #16 update Modal for register

parent 72f83f40
html, body{ body{
padding: 0; padding: 0;
height: auto; height: auto;
width: auto; width: auto;
background-color: black;
} }
.center{ .center{
...@@ -18,10 +19,14 @@ html, body{ ...@@ -18,10 +19,14 @@ html, body{
} }
body { body {
font: 300 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; font: 300 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: #eee;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.halamanLowongan{
}
.tabs { .tabs {
margin-top: 100px; margin-top: 100px;
margin-left: 150px; margin-left: 150px;
...@@ -29,6 +34,7 @@ body { ...@@ -29,6 +34,7 @@ body {
background: #fff; background: #fff;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
border-radius: 3px; border-radius: 3px;
margin-bottom: 30px;
} }
.tabs__labels { .tabs__labels {
margin: 0; margin: 0;
......
...@@ -40,6 +40,7 @@ export default class companyRegister extends React.Component { ...@@ -40,6 +40,7 @@ export default class companyRegister extends React.Component {
icon={{ name: 'attach', circular: true, link: true }} icon={{ name: 'attach', circular: true, link: true }}
placeholder='attach logo' placeholder='attach logo'
required required
type="File"
/> />
</Form.Field> </Form.Field>
<Form.Field required> <Form.Field required>
......
import React from 'react'; import React from 'react';
import { Grid, Segment } from 'semantic-ui-react'; import { Grid, Segment, Button, Header, Icon, Modal, Form, Input, TextArea, } from 'semantic-ui-react';
import LoginForm from './components/LoginForm'; import LoginForm from './components/LoginForm';
export default class Login extends React.Component { export default class Login extends React.Component {
...@@ -24,6 +24,8 @@ export default class Login extends React.Component { ...@@ -24,6 +24,8 @@ export default class Login extends React.Component {
<LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" /> <LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" />
{this.props.children} {this.props.children}
</Segment> </Segment>
<RegisterModal/>
</Grid.Column> </Grid.Column>
<Grid.Column> <Grid.Column>
...@@ -38,3 +40,65 @@ export default class Login extends React.Component { ...@@ -38,3 +40,65 @@ export default class Login extends React.Component {
) )
} }
const RegisterModal = () => (
<Modal trigger={<Button>Show Modal</Button>} closeIcon='close'>
<Header icon='archive' content='Archive Old Messages' />
<Modal.Content>
<Form>
<Header as='h2' icon textAlign='center'>
<Icon name='signup' circular />
<Header.Content>
Register
</Header.Content>
</Header>
<Form.Field required>
<label>Email</label>
<Input type="text" id="email" icon='user' iconPosition='left' placeholder="email" required />
</Form.Field>
<Form.Field required>
<label>Password</label>
<Input type='password' id="password" icon='key' iconPosition='left' placeholder="password" required />
</Form.Field>
<Form.Field required>
<label>Konfirmasi Password</label>
<Input type='password' icon="key" iconPosition="left" placeholder='password' required />
</Form.Field>
<Form.Field required>
<label>Nama Perusahaan</label>
<Input placeholder='Nama Perusahaan' required />
</Form.Field>
<Form.Field required>
<label>Logo</label>
<Input
icon={{ name: 'attach', circular: true, link: true }}
placeholder='attach logo'
required
type="File"
/>
</Form.Field>
<Form.Field required>
<label>Deskripsi</label>
<TextArea placeholder='Tell us more' required/>
</Form.Field>
<Form.Field required>
<label>Alamat</label>
<Input placeholder='Alamat' required />
</Form.Field>
<Form.Field required>
<label>Kota</label>
<Input placeholder='Kota' required />
</Form.Field>
<Form.Field required>
<label>Provinsi</label>
<Input placeholder='Provinsi' required />
</Form.Field >
</Form>
</Modal.Content>
<Modal.Actions>
<Button type='submit' floated='right' color='blue'>Submit</Button>
</Modal.Actions>
</Modal>
)
...@@ -31,7 +31,8 @@ export default class VacancyPage extends React.Component { ...@@ -31,7 +31,8 @@ export default class VacancyPage extends React.Component {
render() { render() {
const data = [{ data1: 'Software Enggineer' }, { data1: 'System Analyst' }]; const data = [{ data1: 'Software Enggineer' }, { data1: 'System Analyst' }];
return (<div> return (
<div className="halamanLowongan">
<Tabs selected={0}> <Tabs selected={0}>
<Pane label="Semua Lowongan" > <Pane label="Semua Lowongan" >
<VacancyList url="/vacancies/" /> <VacancyList url="/vacancies/" />
...@@ -43,6 +44,7 @@ export default class VacancyPage extends React.Component { ...@@ -43,6 +44,7 @@ export default class VacancyPage extends React.Component {
<VacancyList url="/c" /> <VacancyList url="/c" />
</Pane> </Pane>
</Tabs> </Tabs>
</div> </div>
); );
......
...@@ -23,7 +23,6 @@ export default class Lowongan extends React.Component { ...@@ -23,7 +23,6 @@ export default class Lowongan extends React.Component {
<h4>{ this.props.data.company.name }</h4> <h4>{ this.props.data.company.name }</h4>
<h5>{ this.props.data.company.address }</h5> <h5>{ this.props.data.company.address }</h5>
<ModalPendaftaran <ModalPendaftaran
id={this.props.data.id} data={{ header: this.props.data.name, id={this.props.data.id} data={{ header: this.props.data.name,
description: this.props.data.description }} buttonTitle="Daftar" /> description: this.props.data.description }} buttonTitle="Daftar" />
......
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