From a237efeedd4d5f35cda9b8f588d07a66acdc9388 Mon Sep 17 00:00:00 2001
From: sirinbaisa <baisashirin@gmail.com>
Date: Mon, 17 Apr 2017 20:38:42 +0700
Subject: [PATCH] [#22][#140652771] Page Admin Student
---
assets/css/custom.css | 18 ++++++++++++
assets/js/ProfilePage.jsx | 59 ++++++++++++++++++++++++++++++++++-----
assets/js/index.jsx | 3 +-
3 files changed, 72 insertions(+), 8 deletions(-)
diff --git a/assets/css/custom.css b/assets/css/custom.css
index dc1d4a2a..fff0971f 100755
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -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
diff --git a/assets/js/ProfilePage.jsx b/assets/js/ProfilePage.jsx
index 8c8f6904..cb5ef4b8 100644
--- a/assets/js/ProfilePage.jsx
+++ b/assets/js/ProfilePage.jsx
@@ -1,22 +1,67 @@
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>
);
diff --git a/assets/js/index.jsx b/assets/js/index.jsx
index cc866085..d50f0675 100644
--- a/assets/js/index.jsx
+++ b/assets/js/index.jsx
@@ -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>
--
GitLab