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
ppl-fasilkom-ui
2021
Kelas D
Justika - Pengembangan Platform untuk UMKM
Justika UMKM Legal - Frontend
Commits
5c74cf39
Commit
5c74cf39
authored
Apr 25, 2021
by
Shafiya Adzhani
Browse files
[CHORES] add default value to form iumk
parent
4bdbccbc
Pipeline
#72595
passed with stages
in 5 minutes and 43 seconds
Changes
3
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
src/components/FormIUMK/FormIUMK1.js
View file @
5c74cf39
import
React
from
'
react
'
import
PropTypes
from
'
prop-types
'
const
FormIUMK1
=
({
register
,
errors
,
handleSubmit
,
onSubmit
,
data
})
=>
{
const
FormIUMK1
=
({
register
,
errors
,
handleSubmit
,
onSubmit
,
data
,
setValue
,
})
=>
{
return
(
<
form
className
=
"
px-4
"
...
...
@@ -186,6 +193,7 @@ const FormIUMK1 = ({register, errors, handleSubmit, onSubmit, data}) => {
<
button
className
=
"
bg-poporange text-white heading-3 px-10 md:px-28 lg:px-24 xl:px-24 2xl:px-24 py-2 mb-10 float-right shadow rounded-lg submit
"
data
-
testid
=
"
lanjut-button
"
onClick
=
{()
=>
setValue
(
'
page
'
,
'
2
'
)}
>
Lanjut
<
/button
>
...
...
@@ -200,6 +208,7 @@ FormIUMK1.propTypes = {
handleSubmit
:
PropTypes
.
func
,
onSubmit
:
PropTypes
.
func
,
data
:
PropTypes
.
object
,
setValue
:
PropTypes
.
func
,
}
export
default
FormIUMK1
src/components/FormIUMK/FormIUMK2.js
View file @
5c74cf39
import
EmployeeDropdown
from
'
../Dropdown/EmployeeDropdown
'
import
PropTypes
from
'
prop-types
'
const
FormIUMK2
=
({
register
,
handleSubmit
,
onSubmit
,
setEmployeeData
})
=>
{
const
FormIUMK2
=
({
register
,
handleSubmit
,
onSubmit
,
setEmployeeData
,
setValue
,
data
,
})
=>
{
return
(
<
form
className
=
"
bg-white flex flex-col px-4
"
...
...
@@ -33,7 +40,10 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
Jumlah
Karyawan
<
span
className
=
"
medium-text text-black ml-1
"
>
(
opsional
)
<
/span
>
<
/label
>
<
EmployeeDropdown
setEmployeeData
=
{
setEmployeeData
}
/
>
<
EmployeeDropdown
setEmployeeData
=
{
setEmployeeData
}
defaultValue
=
{
data
.
karyawan
}
/
>
<
/div
>
<
div
className
=
"
flex flex-col pb-6
"
data
-
testid
=
"
form-iumk-2-kode-kbli
"
>
<
label
className
=
"
mb-2 heading-3 text-black
"
>
...
...
@@ -47,6 +57,7 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
ref
=
{
register
({
required
:
false
,
})}
defaultValue
=
{
data
.
kbli
}
/
>
<
/div
>
<
div
className
=
"
flex flex-col pb-8
"
data
-
testid
=
"
form-iumk-2-catatan
"
>
...
...
@@ -61,6 +72,7 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
ref
=
{
register
({
required
:
false
,
})}
defaultValue
=
{
data
.
catatan
}
/
>
<
/div
>
<
/div
>
...
...
@@ -68,6 +80,7 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
<
button
className
=
"
bg-poporange text-white heading-3 px-10 md:px-28 lg:px-24 xl:px-24 2xl:px-24 py-2 mb-10 float-right shadow rounded-lg submit
"
data
-
testid
=
"
lanjut-button
"
onClick
=
{()
=>
setValue
(
'
page
'
,
'
3
'
)}
>
Lanjut
<
/button
>
...
...
@@ -81,6 +94,8 @@ FormIUMK2.propTypes = {
handleSubmit
:
PropTypes
.
func
,
onSubmit
:
PropTypes
.
func
,
setEmployeeData
:
PropTypes
.
func
,
setValue
:
PropTypes
.
func
,
data
:
PropTypes
.
object
,
}
export
default
FormIUMK2
src/pages/formiumk.js
View file @
5c74cf39
...
...
@@ -10,7 +10,7 @@ import {useState} from 'react'
import
{
useForm
}
from
'
react-hook-form
'
const
FormIUMK
=
()
=>
{
const
{
register
,
handleSubmit
,
errors
}
=
useForm
({
const
{
register
,
handleSubmit
,
errors
,
setValue
}
=
useForm
({
mode
:
'
onChange
'
,
reValidateMode
:
'
onChange
'
,
})
...
...
@@ -21,6 +21,7 @@ const FormIUMK = () => {
const
[
employeeData
,
setEmployeeData
]
=
useState
(
null
)
const
onSubmit
=
(
input
)
=>
{
setPageNumber
(
input
.
page
)
if
(
pageNumber
!=
3
)
{
if
(
pageNumber
==
1
)
{
setData
({...
data
,
...
input
})
...
...
@@ -28,14 +29,19 @@ const FormIUMK = () => {
setData
({...
data
,
...
input
,
...{
karyawan
:
employeeData
}})
}
}
setPageNumber
(
pageNumber
+
1
)
}
return
(
<
div
>
<
Navbar
isLoggedIn
=
{
loggedIn
}
name
=
{
name
}
/
>
<
div
className
=
"
bg-lightgrey px-10 lg:px-2 xl:px-2 2xl:px-2 py-6
"
>
<
Stepper
currentPage
=
{
pageNumber
}
setCurrentPage
=
{
setPageNumber
}
/
>
<
Stepper
currentPage
=
{
pageNumber
}
handleSubmit
=
{
handleSubmit
}
onSubmit
=
{
onSubmit
}
register
=
{
register
}
setValue
=
{
setValue
}
/
>
<
div
className
=
"
bg-white flex flex-col mx-92 lg:mx-80 xl:mx-80 2xl:mx-80 px-4 lg:px-6 xl:px-6 2xl:px-6 pt-4
"
>
{
pageNumber
==
1
&&
(
<
FormIUMK1
...
...
@@ -46,6 +52,7 @@ const FormIUMK = () => {
data
=
{
data
}
currentPage
=
{
pageNumber
}
setCurrentPage
=
{
setPageNumber
}
setValue
=
{
setValue
}
/
>
)}
...
...
@@ -56,6 +63,8 @@ const FormIUMK = () => {
handleSubmit
=
{
handleSubmit
}
onSubmit
=
{
onSubmit
}
setEmployeeData
=
{
setEmployeeData
}
data
=
{
data
}
setValue
=
{
setValue
}
/
>
)}
...
...
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