Fakultas Ilmu Komputer UI
Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Fasilkom UI Open Source Software
Kape
Commits
cd2d0c4a
Commit
cd2d0c4a
authored
Mar 28, 2017
by
sirinbaisa
Browse files
[#140654507] #17 Page Modal Register
parent
4fc4fbf7
Changes
3
Hide whitespace changes
Inline
Side-by-side
assets/css/custom.css
View file @
cd2d0c4a
...
...
@@ -27,6 +27,7 @@ body {
}
.tabs
{
margin-top
:
100px
;
margin-left
:
150px
;
...
...
@@ -65,6 +66,12 @@ body {
height
:
700px
;
}
.register
{
margin-left
:
180px
;
margin-right
:
110px
;
}
.formLogin
{
margin
:
0
auto
;
margin-top
:
100px
;
...
...
@@ -77,6 +84,10 @@ padding: 20px;
}
.registerModal
{
margin
:
0
auto
;
}
.bookmark
{
float
:
right
;
}
...
...
@@ -134,10 +145,7 @@ textarea{
height
:
160px
!important
;
}
.register
{
background-color
:
#3B8686
;
}
.note
{
color
:
gray
;
...
...
assets/js/CompanyRegister.jsx
View file @
cd2d0c4a
...
...
@@ -40,7 +40,7 @@ export default class companyRegister extends React.Component {
icon
=
{
{
name
:
'
attach
'
,
circular
:
true
,
link
:
true
}
}
placeholder
=
'attach logo'
required
type
=
"File"
/>
</
Form
.
Field
>
<
Form
.
Field
required
>
...
...
assets/js/Login.jsx
View file @
cd2d0c4a
import
React
from
'
react
'
;
import
{
Grid
,
Segment
,
Button
,
Header
,
Icon
,
Modal
,
Form
,
Input
,
TextArea
,
}
from
'
semantic-ui-react
'
;
import
{
Grid
,
Segment
,
Button
,
Header
,
Icon
,
Modal
,
Form
,
Input
,
TextArea
,
Card
}
from
'
semantic-ui-react
'
;
import
LoginForm
from
'
./components/LoginForm
'
;
export
default
class
Login
extends
React
.
Component
{
...
...
@@ -23,8 +23,19 @@ export default class Login extends React.Component {
<
Segment
basic
>
<
LoginForm
type
=
"company"
header
=
"Company Login"
imgSrc
=
"logo.png"
imgSize
=
"small"
/>
{
this
.
props
.
children
}
</
Segment
>
<
RegisterModal
/>
</
Segment
>
<
div
className
=
"register"
>
<
Card
>
<
Card
.
Content
>
<
Card
.
Header
>
New to us ?
</
Card
.
Header
>
<
RegisterModal
/>
</
Card
.
Content
>
</
Card
>
</
div
>
</
Grid
.
Column
>
...
...
@@ -41,8 +52,8 @@ export default class Login extends React.Component {
}
const
RegisterModal
=
()
=>
(
<
Modal
trigger
=
{
<
Button
>
Show Modal
</
Button
>
}
closeIcon
=
'close'
>
<
Header
icon
=
'archive'
content
=
'
Archive Old Message
s'
/>
<
Modal
trigger
=
{
<
Button
primary
floated
=
"right"
>
Register Here!
</
Button
>
}
closeIcon
=
'close'
>
<
Header
icon
=
'archive'
content
=
'
Register for More Benefit
s'
/>
<
Modal
.
Content
>
<
Form
>
...
...
@@ -95,10 +106,12 @@ const RegisterModal = () => (
<
Input
placeholder
=
'Provinsi'
required
/>
</
Form
.
Field
>
<
Button
type
=
'submit'
floated
=
'right'
color
=
'blue'
>
Submit
</
Button
>
</
Form
>
</
Modal
.
Content
>
<
Modal
.
Actions
>
<
Button
type
=
'submit'
floated
=
'right'
color
=
'blue'
>
Submit
</
Button
>
</
Modal
.
Actions
>
</
Modal
>
)
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment