Fakultas Ilmu Komputer UI

Commit ae81c530 authored by sirinbaisa's avatar sirinbaisa
Browse files

#140654507 #12 Page Lowongan dan edit tabs

parent f64c9891
......@@ -108,3 +108,35 @@ font-size: 30px;
margin-top: 10px;
}
.registerForm{
width: 500px;
margin: 0 auto;
padding:50px;
background-color: white;
}
.register{
background-color: white;
background-color:#3B8686;
}
.note {
color: gray;
margin: 8px 0;
}
input.active:valid {
box-shadow: 0 0 5px 1px green;
}
input.active:invalid {
box-shadow: 0 0 5px 1px red;
}
.error {
color: red;
font-size: 12px;
margin-top: 5px;
}
\ No newline at end of file
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, browserHistory } from 'react-router';
import { Segment, Modal, Button, Icon, Image as ImageComponent, Item, TextArea, Form } from 'semantic-ui-react';
import { Segment, Modal, Button, Icon, Image as ImageComponent, Item, TextArea, Forms } from 'semantic-ui-react';
import Dashboard from './Dashboard';
import Login from './Login';
import Register from './CompanyRegister'
import Pane from './components/Pane';
import Tabs from './components/Tabs';
import ModalAlert from './components/ModalAlert';
......@@ -30,6 +31,7 @@ export const Home = () => (
export const App = () => (
<Router history={browserHistory}>
<Route path="/login" component={Login} />
<Route path="/register" component={Register} />
<Route component={Dashboard}>
<Route path="/" component={Profile} />
<Route path="profile" component={Profile} />
......
/* eslint-disable no-unused-expressions */
import React from 'react';
import ReactTestUtils from 'react-addons-test-utils';
import Lowongan from '../components/ComponentRegister';
describe('Lowongan', () => {
it('renders without problem', () => {
let companyRegister = ReactTestUtils.renderIntoDocument(
<CompanyRegister />);
expect(companyRegister).to.exist;
});
});
\ No newline at end of file
......@@ -3,6 +3,7 @@ import React from 'react';
import ReactTestUtils from 'react-addons-test-utils';
import Lowongan from '../../components/Lowongan';
describe('Lowongan', () => {
it('renders without problem', () => {
let lowongan = ReactTestUtils.renderIntoDocument(
<Lowongan />);
......@@ -12,3 +13,4 @@ import Lowongan from '../../components/Lowongan';
<Lowongan image="img" header="header" content="content" paragraph="paragraph"/>);
expect(lowongan).to.exist;
});
});
\ No newline at end of file
......@@ -3,8 +3,10 @@ import React from 'react';
import ReactTestUtils from 'react-addons-test-utils';
import ModalPendaftaran from '../../components/ModalPendaftaran';
describe('ModalPendaftaran', () => {
it('renders without problem', () => {
const lowongan = ReactTestUtils.renderIntoDocument(
const ModalPendaftaran = ReactTestUtils.renderIntoDocument(
<ModalPendaftaran header="header" buttontTitle="buttonTitle" content="content"/>);
expect(lowongan).to.exist;
expect(ModalPendaftaran).to.exist;
});
});
\ No newline at end of file
import React from 'react';
import { Button, Image as ImageComponent, Item } from 'semantic-ui-react';
import { Button, Image as ImageComponent, Item, Rating } from 'semantic-ui-react'
import ModalPendaftaran from './ModalPendaftaran';
......@@ -13,6 +13,7 @@ export default class Lowongan extends React.Component {
render() {
return (
<<<<<<< HEAD
<Item.Group relaxed>
<Item>
{this.props.image}
......@@ -30,3 +31,26 @@ export default class Lowongan extends React.Component {
);
}
}
=======
<Item.Group relaxed>
<Item>
{this.props.image}
<Item.Content verticalAlign="middle">
<Item.Header>
{this.props.header}
</Item.Header>
<Rating />
<Item.Description>{this.props.content}</Item.Description>
<Item.Extra>
<div className="daftar">
<ModalPendaftaran content={this.props.paragraph} header="Pendaftaran Lowongan" buttontTitle="Daftar" />
</div>
</Item.Extra>
</Item.Content>
</Item>
</Item.Group>
);
}
}
>>>>>>> 8fff9b6... [#140382397] #12 page lowongan
......@@ -38,9 +38,9 @@ export default class Tabs extends React.Component {
const activeClass = (this.state.selected === index ? 'active' : '');
return (
<li key={index}>
<button className={activeClass} onClick={this.handleClick.bind(this, index)}>
<a className={activeClass} onClick={this.handleClick.bind(this, index)}>
{child.props.label}
</button>
</a>
</li>
);
}
......
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