Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
Tia-dev
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dida Adams Arizona
Tia-dev
Commits
eb765229
Commit
eb765229
authored
Aug 07, 2020
by
Rifka Kurnia Irfiana
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://103.44.149.204/d.arizona/tia-dev
into rifka
parents
1c965028
f9bd77ae
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
94 additions
and
6 deletions
+94
-6
Login.js
src/container/Login.js
+39
-6
ResetPassword.js
src/container/ResetPassword.js
+53
-0
index.js
src/router/index.js
+2
-0
No files found.
src/container/Login.js
View file @
eb765229
import
React
,
{
Component
}
from
'react'
;
import
Images
from
'../assets/Images'
;
import
{
Checkbox
,
Button
,
InputAdornment
,
TextField
,
InputLabel
}
from
'@material-ui/core'
;
import
{
Checkbox
,
Button
,
InputAdornment
,
TextField
,
InputLabel
,
Typography
,
IconButton
}
from
'@material-ui/core'
;
import
{
withStyles
}
from
'@material-ui/core/styles'
;
import
Visibility
from
'@material-ui/icons/Visibility'
;
import
VisibilityOff
from
'@material-ui/icons/VisibilityOff'
;
const
CustomCheckbox
=
withStyles
({
root
:
{
...
...
@@ -14,6 +16,26 @@ const CustomCheckbox = withStyles({
})((
props
)
=>
<
Checkbox
color
=
"default"
{...
props
}
/>
)
;
class
Login
extends
Component
{
constructor
(
props
)
{
super
(
props
)
this
.
state
=
{
username
:
''
,
password
:
''
,
showPass
:
false
}
}
componentDidMount
()
{
// this.coba()
}
coba
(
e
)
{
this
.
setState
({
username
:
e
})
}
render
()
{
return
(
<
div
style
=
{{
flex
:
1
,
display
:
'flex'
}}
>
...
...
@@ -30,9 +52,11 @@ class Login extends Component {
id
=
"username"
type
=
{
"text"
}
name
=
{
"username"
}
value
=
{
this
.
state
.
username
}
onChange
=
{(
e
)
=>
this
.
setState
({
username
:
e
.
target
.
value
})}
variant
=
"outlined"
error
=
{
false
}
style
=
{{
width
:
'100%'
,
height
:
51
,
marginTop
:
32
}}
style
=
{{
width
:
'100%'
,
height
:
51
,
marginTop
:
32
,
fontSize
:
14
}}
helperText
=
""
InputProps
=
{{
endAdornment
:
<
InputAdornment
position
=
"end"
><
img
src
=
{
Images
.
email
}
/></
InputAdornment
>
,
...
...
@@ -42,14 +66,23 @@ class Login extends Component {
<
TextField
label
=
"Kata Sandi *"
id
=
"password"
type
=
{
"password"
}
type
=
{
this
.
state
.
showPass
?
'text'
:
'password'
}
name
=
{
"password"
}
variant
=
"outlined"
error
=
{
tru
e
}
error
=
{
fals
e
}
style
=
{{
width
:
'100%'
,
height
:
51
,
marginTop
:
12
}}
helperText
=
""
InputProps
=
{{
endAdornment
:
<
InputAdornment
position
=
"end"
><
img
src
=
{
Images
.
key
}
/></
InputAdornment
>
,
endAdornment
:
<
InputAdornment
position
=
"end"
>
<
IconButton
aria
-
label
=
"toggle password visibility"
style
=
{{
color
:
'#4b4b4b'
,
opacity
:
0.5
}}
onClick
=
{()
=>
this
.
setState
({
showPass
:
!
this
.
state
.
showPass
})}
edge
=
"end"
>
{
this
.
state
.
showPass
?
<
Visibility
style
=
{{
fontSize
:
18
}}
/> : <VisibilityOff style={{fontSize: 18}} /
>
}
<
/IconButton
>
<
/InputAdornment>
,
}}
/
>
...
...
@@ -59,7 +92,7 @@ class Login extends Component {
<
span
style
=
{{
marginLeft
:
30
,
color
:
'#51c6ea'
,
cursor
:
'pointer'
}}
>
Lupa
Kata
Sandi
?
<
/span
>
<
/div
>
<
Button
variant
=
"contained"
style
=
{{
marginTop
:
23
,
width
:
'100%'
,
height
:
35
,
borderRadius
:
4
}}
disabled
>
Login
<
Typography
style
=
{{
fontSize
:
12
}}
>
Login
<
/Typography
>
<
/Button
>
<
/div
>
<
/div
>
...
...
src/container/ResetPassword.js
0 → 100644
View file @
eb765229
import
React
,
{
Component
}
from
'react'
;
import
Images
from
'../assets/Images'
;
import
{
TextField
,
InputAdornment
,
Button
,
Typography
}
from
'@material-ui/core'
;
class
ResetPassword
extends
Component
{
constructor
(
props
)
{
super
(
props
)
this
.
state
=
{
username
:
''
,
password
:
''
}
}
user
(
username
)
{
this
.
setState
({
username
:
username
})
}
render
()
{
return
(
<
div
style
=
{{
flex
:
1
,
display
:
'flex'
,
backgroundColor
:
'#51c6ea'
,
height
:
'100vh'
,
justifyContent
:
'center'
,
alignItems
:
'center'
}}
>
<
div
style
=
{{
padding
:
60
,
display
:
'flex'
,
flexDirection
:
'column'
,
width
:
318
,
height
:
351
,
borderRadius
:
12
,
boxShadow
:
'0 2 4 0 rgba(0, 0, 0, 0.2)'
,
backgroundColor
:
'#ffffff'
}}
>
<
img
src
=
{
Images
.
tia
}
/
>
<
TextField
label
=
"Email *"
id
=
"username"
type
=
{
"text"
}
name
=
{
"username"
}
value
=
{
this
.
state
.
username
}
onChange
=
{(
username
)
=>
this
.
setState
({
username
:
username
.
target
.
value
})}
variant
=
"outlined"
error
=
{
false
}
style
=
{{
width
:
250
,
height
:
51
,
margin
:
32
,
fontSize
:
14
}}
helperText
=
""
InputProps
=
{{
endAdornment
:
<
InputAdornment
position
=
"end"
><
img
src
=
{
Images
.
email
}
/></
InputAdornment
>
,
}}
/
>
<
Button
variant
=
"contained"
style
=
{{
width
:
250
,
height
:
51
,
marginLeft
:
32
,
marginBottom
:
24
,
borderRadius
:
4
}}
disabled
>
<
Typography
style
=
{{
fontSize
:
12
}}
>
Lanjut
<
/Typography
>
<
/Button
>
<
/div
>
<
/div
>
);
}
}
export
default
ResetPassword
;
\ No newline at end of file
src/router/index.js
View file @
eb765229
...
...
@@ -11,6 +11,7 @@ import Home from '../container/Home'
import
Login
from
'../container/Login'
import
Register
from
'../container/Register'
import
Screen404
from
'../container/Screen404'
import
ResetPassword
from
'../container/ResetPassword'
// This site has 3 pages, all of which are rendered
// dynamically in the browser (not server rendered).
//
...
...
@@ -33,6 +34,7 @@ export default function BasicExample() {
/
>
<
/Route
>
<
Route
path
=
"/login"
component
=
{
Login
}
/
>
<
Route
path
=
"/reset"
component
=
{
ResetPassword
}
/
>
<
Route
path
=
"/register"
component
=
{
Register
}
/
>
<
PrivateRoute
path
=
"/home"
component
=
{
Home
}
/
>
<
Route
path
=
"*"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a 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