Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
Today KU
Commits
5da655b9
Commit
5da655b9
authored
Oct 31, 2021
by
Choi Ga Young
Browse files
studyplan컴포넌트 분리
parent
8e4e78cc
Changes
4
Hide whitespace changes
Inline
Side-by-side
client/src/components/
Form
/StudyPlan
ListForm
.js
→
client/src/components/
Card
/StudyPlan
Card
.js
View file @
5da655b9
import
styles
from
"
./form.module.scss
"
;
import
styles
from
"
.
./Form
/form.module.scss
"
;
import
{
Link
}
from
"
react-router-dom
"
;
const
StudyPlan
ListForm
=
()
=>
{
const
StudyPlan
Card
=
()
=>
{
return
(
<>
<
h2
className
=
"
text-center
"
>
학업별
계획
<
/h2
>
<
div
className
=
"
d-flex justify-content-center mt-3
"
>
<
div
className
=
"
card
"
style
=
{{
width
:
"
20rem
"
}}
>
<
div
className
=
"
card-body
"
>
<
div
className
=
"
d-flex justify-content-between
"
>
<
h5
className
=
"
card-title
"
>
운영체제
<
/h5
>
<
div
>
<
h5
className
=
"
card-title
col-10
"
>
운영체제
<
/h5
>
<
div
className
=
"
col-2
"
>
<
i
className
=
"
bi bi-pencil-square pe-2
"
><
/i
>
<
i
className
=
"
bi bi-trash
"
><
/i
>
<
/div
>
...
...
@@ -27,12 +26,13 @@ const StudyPlanListForm = () => {
<
/div
>
<
/div
>
<
/div
>
{
/*계획 없을 때 보여질 카드*/
}
<
div
className
=
"
d-flex justify-content-center mt-3
"
>
<
div
className
=
"
card
"
style
=
{{
width
:
"
20rem
"
}}
>
<
div
className
=
"
card-body
"
>
<
div
className
=
"
d-flex
justify-content-between
"
>
<
h5
className
=
"
card-title
"
>
네트워크
프로그래밍
및
실습
<
/h5
>
<
div
>
<
div
className
=
"
d-flex
"
>
<
h5
className
=
"
card-title
col-10 text-nowrap
"
style
=
{{
overflow
:
"
hidden
"
,
textOverflow
:
"
ellipsis
"
}}
>
네트워크
프로그래밍
및
실습
<
/h5
>
<
div
className
=
"
col-2
"
>
<
i
className
=
"
bi bi-pencil-square pe-2
"
><
/i
>
<
i
className
=
"
bi bi-trash
"
><
/i
>
<
/div
>
...
...
@@ -47,20 +47,9 @@ const StudyPlanListForm = () => {
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
d-flex justify-content-center mt-3
"
>
<
Link
className
=
"
text-decoration-none link-dark
"
to
=
"
/subject/edit
"
>
<
div
className
=
"
card
"
style
=
{{
width
:
"
20rem
"
}}
>
<
div
className
=
"
card-body d-flex flex-column bg-secondary bg-opacity-25
"
>
<
div
>
<
i
class
=
"
bi bi-plus-lg d-flex justify-content-center fs-3
"
><
/i
>
<
p
className
=
"
card-text mt-2 text-center
"
>
새로운
과목
추가하기
<
/p
>
<
/div
>
<
/div
>
<
/div
>
<
/Link
>
<
/div
>
<
/
>
)
}
export
default
StudyPlanListForm
;
\ No newline at end of file
export
default
StudyPlanCard
;
\ No newline at end of file
client/src/components/Form/StudyPlanEditForm.js
View file @
5da655b9
...
...
@@ -51,11 +51,11 @@ const StudyPlanEditForm = () => {
style
=
{{
boxShadow
:
"
none
"
,
borderRadius
:
"
0
"
}}
placeholder
=
"
제목
"
onChange
=
{
handleChange
}
/
>
<
div
className
=
"
d-flex mb-3
"
>
<
label
className
=
"
col col-form-label
m-2
"
>
마감일
<
/label
>
<
label
className
=
"
col col-form-label
text-center
"
>
마감일
<
/label
>
<
div
className
=
{
studyplan
.
deadline
===
"
on
"
?
"
col-7
"
:
"
col-5
"
}
>
<
input
className
=
{
`form-control shadow-none
${
styles
.
dateInput
}
`
}
type
=
"
date
"
name
=
"
endDate
"
aria
-
label
=
"
endDate
"
onChange
=
{
handleChange
}
/
>
<
/div
>
<
div
className
=
{
"
col-
5
"
+
(
studyplan
.
deadline
===
"
on
"
?
"
d-none
"
:
"
d-block
"
)}
>
<
div
className
=
{
"
col-
4
"
+
(
studyplan
.
deadline
===
"
on
"
?
"
d-none
"
:
"
d-block
"
)}
>
<
input
className
=
{
`form-control shadow-none
${
styles
.
dateInput
}
`
}
type
=
"
time
"
name
=
"
endTime
"
aria
-
label
=
"
endTime
"
onChange
=
{
handleChange
}
/
>
<
/div
>
<
/div
>
...
...
client/src/components/StudyPlanList.js
0 → 100644
View file @
5da655b9
import
{
Link
}
from
"
react-router-dom
"
;
import
StudyPlanCard
from
"
./Card/StudyPlanCard.js
"
;
const
StudyPlanList
=
()
=>
{
return
(
<>
<
div
>
<
StudyPlanCard
/>
<
/div
>
<
div
className
=
"
d-flex justify-content-center mt-3
"
>
<
Link
className
=
"
text-decoration-none link-dark
"
to
=
"
/subject/edit
"
style
=
{{
width
:
"
20rem
"
}}
>
<
div
className
=
"
card
"
>
<
div
className
=
"
card-body d-flex flex-column bg-secondary bg-opacity-25
"
>
<
div
>
<
i
class
=
"
bi bi-plus-lg d-flex justify-content-center fs-3
"
><
/i
>
<
p
className
=
"
card-text mt-2 text-center
"
>
새로운
과목
추가하기
<
/p
>
<
/div
>
<
/div
>
<
/div
>
<
/Link
>
<
/div
>
<
/
>
)
}
export
default
StudyPlanList
;
\ No newline at end of file
client/src/pages/StudyPlanListPage.js
View file @
5da655b9
import
Menu
from
"
../components/Menu/Menu.js
"
;
import
HomeBtn
from
"
../components/Buttons/HomeBtn.js
"
;
import
StudyPlanList
Form
from
"
../components/
Form/
StudyPlanList
Form
.js
"
;
import
StudyPlanList
from
"
../components/StudyPlanList.js
"
;
const
StudyPlanListPage
=
()
=>
{
return
(
<>
<
Menu
/>
<
HomeBtn
/>
<
StudyPlanListForm
/>
<
h2
className
=
"
text-center
"
>
학업별
계획
<
/h2
>
<
StudyPlanList
/>
<
/
>
)
}
...
...
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