Fakultas Ilmu Komputer UI

Commit a237efee authored by sirinbaisa's avatar sirinbaisa
Browse files

[#22][#140652771] Page Admin Student

parent ae1f556b
......@@ -173,3 +173,21 @@ itemLowongan{
color: black;
}
.biodata h5{
line-height: 30%;
}
.button-profile{
margin-top:30px;
}
.ui.segment.profile-form{
padding-bottom: 37px;
margin-top:4%;
}
.profilePage{
margin-bottom:40px;
margin-left:5%;
margin-right:5%;
}
\ No newline at end of file
import React from 'react';
import { Segment, Grid, Image, Header, Icon } from 'semantic-ui-react';
import { Segment, Image, Header, Icon, Container, Button, Form } from 'semantic-ui-react';
export default class ProfilePage extends React.Component {
render() {
return (
<div className="profilePage">
<Segment>
<Segment className="biodata-section">
<Header as='h2' icon textAlign='center'>
<Image src="http://semantic-ui.com/images/wireframe/square-image.png" size="small" shape="circular" />
<Header.Content>
Students Name
<Header as="h2" icon textAlign="center">
<Image src="http://semantic-ui.com/images/wireframe/square-image.png" size="small" shape="circular" />
</Header>
<Container textAlign="center" className="profile-biodata">
<div className="biodata">
<h3> Students Name </h3>
<h5> Ilmu Komputer, Fakultas Ilmu Komputer </h5>
<h5> jojon@ui.ac.id </h5>
<h5> 08123456789 </h5>
<h5> Jakarta, 30 Februari 1945 </h5>
</div>
<div className="button-profile">
<Button primary size="small">Resume</Button>
<Button primary size="small">Transkrip</Button>
</div>
</Container>
</Segment >
<Segment className="profile-form">
<Header as='h3' textAlign='center'>
<Icon name='edit' />
<Header.Content>
Edit Profile Page
</Header.Content>
</Header>
<Form size="small">
<Form.Field>
<label>Email</label>
<input placeholder='jojon@email.com' />
</Form.Field>
<Form.Field>
<label>No Hp</label>
<input placeholder='08123456789' />
</Form.Field>
<Form.Field>
<label>Resume</label>
<input placeholder='Resume' type="File"/>
</Form.Field>
<Button type='submit' size="small" primary floated="right">Submit</Button>
</Form>
</Segment>
</Segment>
</div>
);
......
......@@ -5,6 +5,7 @@ import { Segment } from 'semantic-ui-react';
import Dashboard from './Dashboard';
import Login from './Login';
import VacancyPage from './VacancyPage';
import ProfilePage from './ProfilePage';
import Server from './lib/Server';
import Storage from './lib/Storage';
......@@ -41,7 +42,7 @@ export default class App extends React.Component {
<Route path="/login" component={Login} />
<Route component={Dashboard} onEnter={this.handleAuth}>
<Route path="/" component={VacancyPage} />
<Route path="/profile" component={Profile} />
<Route path="/profile" component={ProfilePage} />
<Route path="/lowongan" component={VacancyPage} />
<Route path="/users" component={Profile} />
</Route>
......
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