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
butter-studio
Commits
4a0d5496
Commit
4a0d5496
authored
Aug 11, 2021
by
Kim, Subin
Browse files
TimeTable text-center
parent
4656d091
Changes
1
Hide whitespace changes
Inline
Side-by-side
client/src/components/Admin/TimeTable.js
View file @
4a0d5496
...
@@ -69,18 +69,18 @@ const TimeTable = ({ ticketInfo = { movieId: 0 }, setTicketInfo }) => {
...
@@ -69,18 +69,18 @@ const TimeTable = ({ ticketInfo = { movieId: 0 }, setTicketInfo }) => {
{
el
.
timetable
.
map
(
time
=>
{
{
el
.
timetable
.
map
(
time
=>
{
if
(
/ticket/g
.
test
(
history
.
location
.
pathname
))
if
(
/ticket/g
.
test
(
history
.
location
.
pathname
))
return
<
div
className
=
"
d-inline-flex m-2
"
>
return
<
div
className
=
"
d-inline-flex m-2
"
>
<
div
className
=
{
`card text-dark
${
styles
.
cursor
}
`
}
onClick
=
{()
=>
handleClick
(
time
)}
>
<
div
className
=
{
`card text-dark
text-center
${
styles
.
cursor
}
`
}
onClick
=
{()
=>
handleClick
(
time
)}
>
<
div
className
=
"
card-body py-1
"
><
img
src
=
{
`
${
time
.
partTime
===
"
morning
"
?
'
/images/sun.svg
'
:
time
.
partTime
===
"
night
"
?
'
/images/moon.svg
'
:
'
...
'
}
`
}
style
=
{{
width
:
'
20px
'
}}
alt
=
""
/>
{
moment
(
time
.
start_time
).
format
(
'
HH:mm
'
)}
~
{
moment
(
time
.
end_time
).
format
(
'
HH:mm
'
)}
<
/div
>
<
div
className
=
"
card-body py-1
"
><
img
src
=
{
`
${
time
.
partTime
===
"
morning
"
?
'
/images/sun.svg
'
:
time
.
partTime
===
"
night
"
?
'
/images/moon.svg
'
:
'
...
'
}
`
}
style
=
{{
width
:
'
20px
'
}}
alt
=
""
/>
{
moment
(
time
.
start_time
).
format
(
'
HH:mm
'
)}
~
{
moment
(
time
.
end_time
).
format
(
'
HH:mm
'
)}
<
/div
>
<
div
className
=
"
card-footer
text-center
py-1
"
>
{
time
.
theater
.
rows
*
time
.
theater
.
columns
-
time
.
reservations
}
/ {time.theater.rows * time.theater.columns}</
div
>
<
div
className
=
"
card-footer py-1
"
>
{
time
.
theater
.
rows
*
time
.
theater
.
columns
-
time
.
reservations
}
/ {time.theater.rows * time.theater.columns}</
div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
else
return
<
div
className
=
"
d-inline-flex flex-column m-2
"
>
else
return
<
div
className
=
"
d-inline-flex flex-column m-2
"
>
{
/
theater
/
g
.
test
(
history
.
location
.
pathname
)
?
null
:
<
div
className
=
"
d-flex justify-content-end
"
>
{
/
theater
/
g
.
test
(
history
.
location
.
pathname
)
?
null
:
<
div
className
=
"
d-flex justify-content-end
"
>
<
button
type
=
"
button
"
className
=
{
`btn btn-dark btn-sm shadow-none
${
styles
.
customBtn
}
`
}
onClick
=
{()
=>
deleteTime
(
time
.
id
)}
>
X
<
/button
>
<
button
type
=
"
button
"
className
=
{
`btn btn-dark btn-sm shadow-none
${
styles
.
customBtn
}
`
}
onClick
=
{()
=>
deleteTime
(
time
.
id
)}
>
X
<
/button
>
<
/div>
}
<
/div>
}
<
div
className
=
{
"
card
"
+
(
/theater/g
.
test
(
history
.
location
.
pathname
)
?
"
text-dark
"
:
""
)}
>
<
div
className
=
{
"
card
text-center
"
+
(
/theater/g
.
test
(
history
.
location
.
pathname
)
?
"
text-dark
"
:
""
)}
>
<
div
className
=
"
card-body py-1
"
>
{
moment
(
time
.
start_time
).
format
(
'
HH:mm
'
)}
~
{
moment
(
time
.
end_time
).
format
(
'
HH:mm
'
)}
<
/div
>
<
div
className
=
"
card-body py-1
"
>
{
moment
(
time
.
start_time
).
format
(
'
HH:mm
'
)}
~
{
moment
(
time
.
end_time
).
format
(
'
HH:mm
'
)}
<
/div
>
<
div
className
=
"
card-footer
text-center
py-1
"
>
{
time
.
title
}
<
/div
>
<
div
className
=
"
card-footer py-1
"
>
{
time
.
title
}
<
/div
>
<
/div
>
<
/div
>
<
/div
>
<
/div
>
})}
})}
...
...
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