Fakultas Ilmu Komputer UI

Commit 5908d1de authored by sirinbaisa's avatar sirinbaisa
Browse files

[#140654507] #12 Page register company

parent f0c4e670
......@@ -109,15 +109,14 @@ font-size: 30px;
}
.registerForm{
width: 500px;
width: 800px;
margin: 0 auto;
padding:50px;
background-color: white;
background-color: #3B8686;
}
.register{
background-color: white;
background-color:#3B8686;
}
......@@ -141,3 +140,6 @@ input.active:invalid {
margin-top: 5px;
}
card .formRegis{
margin-top: 100px;
}
\ No newline at end of file
import React from 'react';
import { Button, Checkbox, Form, Input, TextArea, Grid, Divider, Header, Icon} from 'semantic-ui-react';
import { Button, Checkbox, Form, Input, TextArea, Grid, Divider, Header, Icon, Card } from 'semantic-ui-react';
export default class companyRegister extends React.Component {
render = () => (
<div className="register">
<div className="registerForm">
<Card fluid >
<Card.Content>
<Form>
<Header as='h2' icon textAlign='center'>
<Icon name='signup' circular />
......@@ -16,7 +19,7 @@ export default class companyRegister extends React.Component {
</Header>
<Form.Field required>
<label>Email</label>
<Input type="text" id="email" icon='user' iconPosition='left' placeholder="email" required />
<Input type="text" id="email" icon='user' iconPosition='left' placeholder="email" required />
</Form.Field>
<Form.Field required>
<label>Password</label>
......@@ -57,9 +60,11 @@ export default class companyRegister extends React.Component {
</Form.Field >
<Button type='submit' floated='right' color='blue'>Submit</Button>
</Form>
</div>
</div>
</Card.Content>
</Card>
</div>
</div>
)
}
......@@ -5,6 +5,7 @@ import { Segment, Modal, Button, Icon, Image as ImageComponent, Item, TextArea,
import Dashboard from './Dashboard';
import Login from './Login';
import VacancyPage from './VacancyPage';
import CompanyRegister from './CompanyRegister';
// import Register from './CompanyRegister'
import Pane from './components/Pane';
import Tabs from './components/Tabs';
......@@ -19,6 +20,7 @@ export const Profile = () => (
export const App = () => (
<Router history={browserHistory}>
<Route path="/login" component={Login} />
<Route path="/register" component={CompanyRegister} />
{/*<Route path="/register" component={Register} />*/}
<Route component={Dashboard}>
<Route path="/" component={Profile} />
......
......@@ -20,7 +20,7 @@ export default class Lowongan extends React.Component {
<Item.Description>{this.props.content}</Item.Description>
<Item.Extra>
<h4>{ this.props.data.data1 }</h4>
<h3>{ this.props.data.data1 }</h3>
{paragraph}
<ModalPendaftaran id={1} data={ { header: 'Deskripsi Lowongan', description: 'Lorem ipsum dolor sit amet, consectetur' +
......
......@@ -6,12 +6,15 @@ import Server from '../lib/Server';
export default class TopMenu extends React.Component {
state = { activeItem: 'home' };
handleItemClick = (e, { name2 }) => this.setState({ activeItem: name })
render() {
const { activeItem } = this.state
return (
<Menu pointing secondary>
<Image as="a" size="small" src="/assets/img/logo.png" href="/" />
<Menu.Menu position="right">
<Menu.Item as={Link} to="/home" name="home" />
<Menu.Item as={Link} to="/lowongan" name="home" />
<Menu.Item as={Link} to="/profile" name="profil" />
{Server.isLoggedIn() ?
<Menu.Item as={Link} href="/api/api-auth/logout/?next=/" name="logout" /> :
......
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