Fakultas Ilmu Komputer UI

Commit 7c7d7699 authored by sirinbaisa's avatar sirinbaisa
Browse files

[#140654507] #12 page Login dan Menu

parent c0d5650c
@fontface {
font-family: 'Bungee Inline', cursive;
src: url('https://fonts.googleapis.com/css?family=Bungee+Inline')
}
html, body{
padding: 0;
height: auto;
......@@ -49,42 +54,39 @@ body {
padding: 25px;
}
.halamanLogin{
background-image: url("../img/bw.jpg");
background-size: cover;
background-position: center;
background-attachment: fixed;
height: 700px;
}
.formLogin{
margin: 0 auto;
margin-top: 100px;
width: 430px;
border: 2px solid transparent;
border-radius: 12px;
background-color: transparent;
padding: 10px;
border-color:#e8e8e8;
padding: 20px;
font-family: 'Bungee Inline';
background-color: white;
}
.formLogin span{
font-size: 30px;
.formLogin img{
height: 70px !important;
margin:5px;
margin-bottom:30px;
}
.formLogin span{
margin-left: 10px;
font-size: 32px;
}
.SsoLogin{
margin: 0 auto;
margin-top: 100px;
width: 430px;
border: 2px solid transparent;
border-radius: 12px;
background-color: transparent;
padding: 10px;
}
.SsoLogin span{
font-size: 30px;
}
.SsoLogin span{
margin-left: 10px;
.formLogin span{
margin-left: 5px;
}
.LoginPage{
......@@ -156,4 +158,5 @@ card .formRegis{
itemLowongan{
color: black;
}
\ No newline at end of file
}
......@@ -16,6 +16,8 @@ export default class Login extends React.Component {
};
render = () => (
<div className="halamanLogin">
<Grid columns={2} relaxed>
<Grid.Column>
<Segment basic>
......@@ -32,6 +34,7 @@ export default class Login extends React.Component {
</Grid.Column>
</Grid>
</div>
)
}
import React from 'react';
import { Form, Input, Button, Message, Image } from 'semantic-ui-react';
import { Form, Input, Button, Message, Image, Card } from 'semantic-ui-react';
import { browserHistory } from 'react-router';
import Server from '../lib/Server';
......@@ -45,7 +45,10 @@ export default class LoginForm extends React.Component {
}
render = () => (
<div className="formLogin" >
<Form onSubmit={e => this.handleSubmit(e)} error={this.state.errorFlag}>
<div className="formHeader">
<Image src={`./assets/img/${this.props.imgSrc}`} size={this.props.imgSize} verticalAlign="middle" /> <span>{ this.props.header }</span>
......@@ -71,6 +74,9 @@ export default class LoginForm extends React.Component {
/>
</Form>
</div>
)
}
......@@ -5,7 +5,6 @@ import Server from '../lib/Server';
export default class TopMenu extends React.Component {
state = { activeItem: 'home' };
handleItemClick = (e, { name }) => this.setState({ activeItem: name })
render() {
const { activeItem } = this.state;
......
......@@ -170,7 +170,7 @@
"description": "Ini Company nomor satu",
"verified": true,
"logo": "",
"alamat": "Alamat company 1"
"address": "Alamat company 1"
}
},
{
......@@ -185,7 +185,7 @@
"description": "Ini Company nomor dua",
"verified": true,
"logo": "",
"alamat": "Ini alamat Company duar"
"address": "Ini address Company duar"
}
},
{
......@@ -2264,7 +2264,7 @@
"path": "/admin/core/company/add/",
"query_params": "",
"raw_body": "",
"body": "{\n \"_save\": [\n \"Save\"\n ],\n \"alamat\": [\n \"Ini alamat Company duar \"\n ],\n \"csrfmiddlewaretoken\": [\n \"bQaWsFgD1AgeJoBqWmd0TzM4vtOTeBn4b29hrT3Kh8C8mi1UER6VmuWoDNr6TZyM\"\n ],\n \"description\": [\n \"Ini Company nomor dua\"\n ],\n \"logo\": [\n \"\"\n ],\n \"user\": [\n \"4\"\n ],\n \"verified\": [\n \"on\"\n ]\n}",
"body": "{\n \"_save\": [\n \"Save\"\n ],\n \"address\": [\n \"Ini address Company duar \"\n ],\n \"csrfmiddlewaretoken\": [\n \"bQaWsFgD1AgeJoBqWmd0TzM4vtOTeBn4b29hrT3Kh8C8mi1UER6VmuWoDNr6TZyM\"\n ],\n \"description\": [\n \"Ini Company nomor dua\"\n ],\n \"logo\": [\n \"\"\n ],\n \"user\": [\n \"4\"\n ],\n \"verified\": [\n \"on\"\n ]\n}",
"method": "POST",
"start_time": "2017-03-28T05:52:02.543Z",
"view_name": "admin:core_company_add",
......@@ -2352,7 +2352,7 @@
"path": "/admin/core/company/add/",
"query_params": "",
"raw_body": "",
"body": "{\n \"_save\": [\n \"Save\"\n ],\n \"alamat\": [\n \"Alamat company 1\"\n ],\n \"csrfmiddlewaretoken\": [\n \"qRrwCYU6nEjXElJviBxGyQDcEGGSJ8gFq3qRBcHdDcFRhf9Z06qB1LNwM0j5owrn\"\n ],\n \"description\": [\n \"Ini Company nomor satu\"\n ],\n \"logo\": [\n \"\"\n ],\n \"user\": [\n \"3\"\n ],\n \"verified\": [\n \"on\"\n ]\n}",
"body": "{\n \"_save\": [\n \"Save\"\n ],\n \"address\": [\n \"Alamat company 1\"\n ],\n \"csrfmiddlewaretoken\": [\n \"qRrwCYU6nEjXElJviBxGyQDcEGGSJ8gFq3qRBcHdDcFRhf9Z06qB1LNwM0j5owrn\"\n ],\n \"description\": [\n \"Ini Company nomor satu\"\n ],\n \"logo\": [\n \"\"\n ],\n \"user\": [\n \"3\"\n ],\n \"verified\": [\n \"on\"\n ]\n}",
"method": "POST",
"start_time": "2017-03-28T05:51:12.375Z",
"view_name": "admin:core_company_add",
......
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