Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in
Toggle navigation
P
planner-team-one
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
21
Issues
21
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
Евгений Положенцев
planner-team-one
Commits
9cfd0a0e
Commit
9cfd0a0e
authored
Nov 09, 2022
by
Ermolaev Timur
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
#30
Добавил инпуты и селект в модальное окно
parent
53b62eba
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
21 additions
and
2 deletions
+21
-2
MonthCalendarBody.js
...ont/src/components/MonthCalendarBody/MonthCalendarBody.js
+20
-2
ModalTask.js
planner-front/src/components/UI/ModalTask/ModalTask.js
+1
-0
No files found.
planner-front/src/components/MonthCalendarBody/MonthCalendarBody.js
View file @
9cfd0a0e
import
{
FormControl
Label
,
Switch
}
from
"@mui/material"
;
import
{
FormControl
,
FormControlLabel
,
InputLabel
,
MenuItem
,
Select
,
Switch
,
TextField
}
from
"@mui/material"
;
import
{
useEffect
,
useState
}
from
"react"
;
import
CalendarRow
from
"./CalendarRow/CalendarRow"
;
import
CalendarSmallCell
from
"./CalendarSmallCell/CalendarSmallCell"
;
import
CalendarStandartCell
from
"./CalendarStandartCell.js/CalendarStandartCell"
;
import
CalendarTask
from
"./CalendarTask/CalendarTask"
;
import
ModalTask
from
"../UI/ModalTask/ModalTask"
;
import
{
TextFieldsRounded
}
from
"@mui/icons-material"
;
function
MonthCalendarBody
({
month
,
year
,
tasks
,
createTaskInCellHandler
,
onChangeCellTaskTitle
,
setCurrentTask
,
hourFormat
,
setHourFormat
})
{
...
...
@@ -133,7 +134,24 @@ function MonthCalendarBody({month, year, tasks, createTaskInCellHandler, onChang
<
ModalTask
modal
=
{
modal
}
handleClose
=
{()
=>
{
handleClose
()}}
/
>
>
<
TextField
id
=
"outlined-basic"
label
=
"title"
variant
=
"standard"
sx
=
{{
marginBottom
:
'30px'
}}
/
>
<
TextField
id
=
"outlined-basic"
label
=
"desctiption"
variant
=
"standard"
sx
=
{{
marginBottom
:
'30px'
}}
/
>
<
FormControl
variant
=
"standard"
sx
=
{{
width
:
'120px'
}}
>
<
InputLabel
id
=
"calendar-type-label"
>
Приоритет
<
/InputLabel
>
<
Select
variant
=
"standard"
labelId
=
"calendar-type-label"
id
=
"calendar-type"
onChange
=
{()
=>
{}}
label
=
"Type"
>
<
MenuItem
value
=
{
"C"
}
>
C
<
/MenuItem
>
<
MenuItem
value
=
{
"B"
}
>
B
<
/MenuItem
>
<
MenuItem
value
=
{
"A"
}
>
A
<
/MenuItem
>
<
/Select
>
<
/FormControl
>
<
/ModalTask
>
<
/
>
);
}
...
...
planner-front/src/components/UI/ModalTask/ModalTask.js
View file @
9cfd0a0e
...
...
@@ -3,6 +3,7 @@ import Modal from '@mui/material/Modal';
export
default
function
ModalTask
({
modal
,
handleClose
,
children
})
{
const
style
=
{
position
:
'absolute'
,
top
:
modal
.
yPage
-
modal
.
yDiv
-
modal
.
yDivClick
,
...
...
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