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
bora-it
Commits
cf7d5e40
Commit
cf7d5e40
authored
Jul 07, 2021
by
우지원
Browse files
0707
parent
8274fab1
Changes
3
Hide whitespace changes
Inline
Side-by-side
client/src/components/Room/ChannelList.js
View file @
cf7d5e40
...
...
@@ -80,7 +80,7 @@ const ChannelList = () => {
<
div
className
=
"
modal fade
"
id
=
"
exitRoom
"
tab
i
ndex
=
"
-1
"
tab
I
ndex
=
"
-1
"
aria
-
labelledby
=
"
exitRoomLabel
"
aria
-
hidden
=
"
true
"
>
...
...
client/src/components/Room/Controller.js
View file @
cf7d5e40
...
...
@@ -9,8 +9,8 @@ import React, { useState } from 'react';
const
Controller
=
()
=>
{
const
[
mic
,
setMic
]
=
useState
(
"
true
"
)
const
[
video
,
setVideo
]
=
useState
(
"
true
"
)
const
[
speaker
,
setSpeaker
]
=
useState
(
"
true
"
)
const
[
video
,
setVideo
]
=
useState
(
"
true
"
)
const
micOn
=
(()
=>
setMic
(
false
));
const
micOff
=
(()
=>
setMic
(
true
));
...
...
@@ -24,8 +24,9 @@ const Controller = () => {
<
div
className
=
"
row
"
>
<
div
className
=
"
col d-flex justify-content-center
"
style
=
{{
backgroundColor
:
'
#C4C4C4
'
,
position
:
'
absolute
'
,
bottom
:
0
,
width
:
'
414px
'
}}
style
=
{{
backgroundColor
:
'
#C4C4C4
'
,
position
:
'
absolute
'
,
bottom
:
0
,
width
:
'
414px
'
}}
>
{
mic
?
<
div
className
=
"
col d-flex justify-content-center
"
>
<
button
type
=
"
button
"
className
=
"
btn
"
onClick
=
{
micOn
}
>
<
img
src
=
{
micoff_btn
}
width
=
"
45
"
height
=
"
40
"
/>
...
...
@@ -52,8 +53,7 @@ const Controller = () => {
type
=
"
button
"
className
=
"
btn
"
data
-
bs
-
toggle
=
"
modal
"
data
-
bs
-
target
=
"
#exampleModal
"
src
=
{
video_btn
}
data
-
bs
-
target
=
"
#shareModal
"
onClick
=
"
location.href='ScreenSelect.js'
"
onClick
=
{
videoOn
}
>
...
...
@@ -66,8 +66,10 @@ const Controller = () => {
<
/button
>
<
/div>
}
<
/div
>
<
ScreenSelect
/>
<
ScreenSelect
videoOff
=
{
videoOff
}
/
>
<
/div
>
<
/div
>
)
}
...
...
client/src/components/Room/ScreenSelect.js
View file @
cf7d5e40
const
ScreenSelect
=
()
=>
{
import
Controller
from
"
./Controller
"
const
ScreenSelect
=
({
videoOff
})
=>
{
return
(
<
div
className
=
"
container
"
>
<
div
className
=
"
modal fade
"
id
=
"
exampl
eModal
"
tab
i
ndex
=
"
-1
"
aria
-
labelledby
=
"
exampl
eModalLabel
"
id
=
"
shar
eModal
"
tab
I
ndex
=
"
-1
"
aria
-
labelledby
=
"
shar
eModalLabel
"
aria
-
hidden
=
"
true
"
>
<
div
className
=
"
modal-dialog
"
>
<
div
className
=
"
modal-content
"
>
<
div
className
=
"
modal-header
"
>
<
h5
className
=
"
modal-title
"
id
=
"
exampl
eModalLabel
"
>
<
h5
className
=
"
modal-title
"
id
=
"
shar
eModalLabel
"
>
공유
화면
선택
<
/h5
>
<
button
...
...
@@ -19,20 +21,21 @@ const ScreenSelect = () => {
className
=
"
btn-close
"
data
-
bs
-
dismiss
=
"
modal
"
aria
-
label
=
"
Close
"
onClick
=
{
videoOff
}
><
/button
>
<
/div
>
<
div
className
=
"
modal-body
"
>
<
div
className
=
"
row
"
>
<
div
className
=
"
col-sm-6 mb-3
"
>
<
div
className
=
"
card
"
>
<
div
style
=
{{
height
:
'
150px
'
}}
className
=
"
card-body
"
>
<
div
style
=
{{
height
:
'
150px
'
}}
className
=
"
card-body
"
>
<
p
className
=
"
card-text
"
>
공유화면1
<
/p
>
<
/div
>
<
/div
>
<
/div
>
<
div
className
=
"
col-sm-6
"
>
<
div
className
=
"
card
"
>
<
div
style
=
{{
height
:
'
150px
'
}}
className
=
"
card-body
"
>
<
div
style
=
{{
height
:
'
150px
'
}}
className
=
"
card-body
"
>
<
p
className
=
"
card-text
"
>
공유화면2
<
/p
>
<
/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