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
online-quiz-react
Commits
cc59b791
Commit
cc59b791
authored
Aug 12, 2020
by
baesangjune
Browse files
.
parent
815e169f
Changes
3
Show whitespace changes
Inline
Side-by-side
src/Admin.js
View file @
cc59b791
...
@@ -11,114 +11,127 @@ let Setadmin = {}
...
@@ -11,114 +11,127 @@ let Setadmin = {}
function
Admin
()
{
function
Admin
()
{
const
[
question
,
setQuestion
]
=
useState
(
''
)
const
[
result
,
setresult
]
=
useState
(
''
)
const
[
choose
,
setChoose
]
=
useState
(
''
)
const
[
QuizBtnCount
,
setQuizBtnCount
]
=
useState
(
4
)
const
[
answer
,
setAnswer
]
=
useState
(
''
)
const
[
password
,
setPassword
]
=
useState
(
''
)
const
[
adminpassword
,
setAdminPassword
]
=
useState
(
''
)
const
[
time
,
setTime
]
=
useState
(
''
)
const
[
addQuiz
,
setaddQuiz
]
=
useState
(
''
)
const
[
selectOption
,
setselectOption
]
=
useState
(
''
)
const
handleChangeQuestion
=
(
event
)
=>
{
QnAadmin
[
'
Q
'
]
=
event
.
target
.
value
setQuestion
(
event
.
target
.
value
)
function
handleClickSetting
(){
setresult
(
<
AdminSetting
/>
)
}
}
const
handleChangechoose
=
(
event
)
=>
{
QnAadmin
[
'
Choose
'
]
=
event
.
target
.
value
setChoose
(
event
.
target
.
value
)
function
handleClickQuiz
(){
setresult
(
<
AdminQuiz
/>
)
}
}
const
handleChangeanswer
=
(
event
)
=>
{
QnAadmin
[
'
A
'
]
=
event
.
target
.
value
setAnswer
(
event
.
target
.
value
)
function
handleClickAddQuiz
(){
}
QuizBtnCount
.
push
(
const
handleChangePassword
=
(
event
)
=>
{
<
button
type
=
'
button
'
className
=
'
btn btn-outline-primary
'
id
=
{
QuizBtnCount
}
onClick
=
{
handleClickQuiz
}
>
Quiz
{
QuizBtnCount
}
<
/button
>
Setadmin
[
'
password
'
]
=
event
.
target
.
value
)
setPassword
(
event
.
target
.
value
)
setQuizBtnCount
(
QuizBtnCount
+
1
)
}
const
handleChangeAdminPassword
=
(
event
)
=>
{
Setadmin
[
'
AdminPassword
'
]
=
event
.
target
.
value
setAdminPassword
(
event
.
target
.
value
)
}
const
handleChangeTime
=
(
event
)
=>
{
Setadmin
[
'
Time
'
]
=
event
.
target
.
value
setTime
(
event
.
target
.
value
)
}
function
handleClickQnA
()
{
if
(
!
question
)
{
alert
(
'
문제가 입력되지 않았습니다.
'
)
}
else
if
(
!
choose
)
{
alert
(
'
보기가 입력되지 않았습니다.
'
)
}
else
if
(
!
answer
)
{
alert
(
'
정답이 입력되지 않았습니다.
'
)
}
else
{
console
.
log
(
QnAadmin
)
QnAadmins
.
push
(
QnAadmin
)
localStorage
.
setItem
(
'
QnA
'
,
JSON
.
stringify
(
QnAadmins
))
console
.
log
(
QnAadmins
)
alert
(
'
입력이 완료되었습니다.
'
)
}
}
}
function
handleClicksetting
()
{
if
(
!
password
)
{
alert
(
'
비밀번호가 입력되지 않았습니다.
'
)
}
else
if
(
!
adminpassword
)
{
alert
(
'
관리자 비밀번호가 입력되지 않았습니다.
'
)
}
else
if
(
!
time
)
{
alert
(
'
제한시간이 입력되지 않았습니다.
'
)
//타임은 조건은 빼도 될 듯
}
else
{
Setadmins
.
push
(
Setadmin
)
localStorage
.
setItem
(
'
Set
'
,
JSON
.
stringify
(
Setadmins
))
console
.
log
(
Setadmins
)
alert
(
'
저장이 완료되었습니다.
'
)
console
.
log
(
Setadmin
)
// setDoneset(true)
}
}
// const [question, setQuestion] = useState('')
function
addSelectOption
()
{
// const [choose, setChoose] = useState('')
let
list
=
function
()
{
// const [answer, setAnswer] = useState('')
return
<
div
className
=
"
input-group
"
>
// const [password, setPassword] = useState('')
<
div
className
=
"
input-group-prepend
"
>
// const [adminpassword, setAdminPassword] = useState('')
<
div
className
=
"
input-group-text
"
>
// const [time, setTime] = useState('')
<
input
type
=
"
radio
"
id
=
"
option
"
/>
// const [addQuiz, setaddQuiz] = useState('')
<
/div
>
// const [selectOption, setselectOption] = useState('')
<
/div
>
<
input
type
=
"
text
"
className
=
"
form-control
"
placeholder
=
"
보기를 입력하세요
"
onChange
=
{
handleChangechoose
}
/
>
<
/div
>
// const handleChangeQuestion = (event) => {
}
setselectOption
(
list
)
// QnAadmin['Q'] = event.target.value
}
function
handleClickQuiz
()
{
// setQuestion(event.target.value)
let
addQuiz
=
function
()
{
// }
return
<
a
className
=
"
nav-link
"
id
=
"
Quiz4-tab
"
data
-
toggle
=
"
pill
"
href
=
"
#Quiz
"
role
=
"
tab
"
>
Quiz4
<
/a
>
// const handleChangechoose = (event) => {
}
setaddQuiz
(
addQuiz
)
// QnAadmin['Choose'] = event.target.value
}
// setChoose(event.target.value)
// }
// const handleChangeanswer = (event) => {
// QnAadmin['A'] = event.target.value
// setAnswer(event.target.value)
// }
// const handleChangePassword = (event) => {
// Setadmin['password'] = event.target.value
// setPassword(event.target.value)
// }
// const handleChangeAdminPassword = (event) => {
// Setadmin['AdminPassword'] = event.target.value
// setAdminPassword(event.target.value)
// }
// const handleChangeTime = (event) => {
// Setadmin['Time'] = event.target.value
// setTime(event.target.value)
// }
// function handleClickQnA() {
// if (!question) {
// alert('문제가 입력되지 않았습니다.')
// }
// else if (!choose) {
// alert('보기가 입력되지 않았습니다.')
// }
// else if (!answer) {
// alert('정답이 입력되지 않았습니다.')
// }
// else {
// console.log(QnAadmin)
// QnAadmins.push(QnAadmin)
// localStorage.setItem('QnA', JSON.stringify(QnAadmins))
// console.log(QnAadmins)
// alert('입력이 완료되었습니다.')
// }
// }
// function handleClicksetting() {
// if (!password) {
// alert('비밀번호가 입력되지 않았습니다.')
// }
// else if (!adminpassword) {
// alert('관리자 비밀번호가 입력되지 않았습니다.')
// }
// else if (!time) {
// alert('제한시간이 입력되지 않았습니다.') //타임은 조건은 빼도 될 듯
// }
// else {
// Setadmins.push(Setadmin)
// localStorage.setItem('Set', JSON.stringify(Setadmins))
// console.log(Setadmins)
// alert('저장이 완료되었습니다.')
// console.log(Setadmin)
// // setDoneset(true)
// }
// }
// function addSelectOption() {
// let list = function () {
// return <div className="input-group">
// <div className="input-group-prepend">
// <div className="input-group-text">
// <input type="radio" id="option" />
// </div>
// </div>
// <input type="text" className="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
// </div>
// }
// setselectOption(list)
// // }
// function handleClickQuiz() {
// let addQuiz = function () {
// return <a className="nav-link" id="Quiz4-tab" data-toggle="pill" href="#Quiz" role="tab" >Quiz4</a>
// }
// setaddQuiz(addQuiz)
// }
return
(
return
(
<>
<>
...
...
src/AdminQuiz.js
View file @
cc59b791
import
React
,
{
useState
}
from
'
react
'
import
React
,
{
useState
}
from
'
react
'
;
let
list
=
[]
function
AdminQuiz
()
{
const
[
question
,
setQuestion
]
=
useState
(
''
)
const
[
choose
,
setChoose
]
=
useState
(
''
)
const
[
answer
,
setAnswer
]
=
useState
(
''
)
const
[
selectOption
,
setselectOption
]
=
useState
(
1
)
const
handleChangeQuestion
=
(
event
)
=>
{
QnAadmin
[
'
Q
'
]
=
event
.
target
.
value
setQuestion
(
event
.
target
.
value
)
}
const
handleChangechoose
=
(
event
)
=>
{
QnAadmin
[
'
Choose
'
]
=
event
.
target
.
value
setChoose
(
event
.
target
.
value
)
}
const
handleChangeanswer
=
(
event
)
=>
{
QnAadmin
[
'
A
'
]
=
event
.
target
.
value
setAnswer
(
event
.
target
.
value
)
}
function
addSelectOption
()
{
list
.
push
(
<
div
className
=
"
input-group
"
>
<
div
className
=
"
input-group-prepend
"
>
<
div
className
=
"
input-group-text
"
>
<
input
type
=
"
radio
"
id
=
{
selectOption
+
1
}
name
=
"
answer
"
/>
<
/div
>
<
/div
>
<
input
type
=
"
text
"
class
=
"
form-control
"
placeholder
=
"
보기를 입력하세요
"
onChange
=
{
handleChangeChoose
}
/
>
<
/div
>
)
setselectOption
(
selectOption
+
1
)
}
function
handleClickQnA
()
{
if
(
!
question
)
{
alert
(
'
문제가 입력되지 않았습니다.
'
)
}
else
if
(
!
choose
)
{
alert
(
'
보기가 입력되지 않았습니다.
'
)
}
else
if
(
!
answer
)
{
alert
(
'
정답이 입력되지 않았습니다.
'
)
}
else
{
console
.
log
(
QnAadmin
)
QnAadmins
.
push
(
QnAadmin
)
localStorage
.
setItem
(
'
QnA
'
,
JSON
.
stringify
(
QnAadmins
))
console
.
log
(
QnAadmins
)
alert
(
'
입력이 완료되었습니다.
'
)
}
}
// function handleChangeQuestion(){}
return
(
<
div
className
=
""
id
=
"
Quiz1
"
>
<
h2
className
=
"
p-3 border text-center
"
>
문제만들기
<
/h2
>
<
div
className
=
"
p-3 borber
"
>
<
div
className
=
"
p-3
"
>
<
span
className
=
"
font-weight-bold mr-2 h3
"
>
1
.
<
/span
>
<
input
type
=
"
text
"
className
=
"
form-control
"
onChange
=
{
handleChangeQuestion
}
placeholder
=
"
문제를 입력하세요
"
/>
<
/div
>
<
div
className
=
"
p-3
"
>
<
div
className
=
"
input-group
"
>
<
div
className
=
"
input-group-prepend
"
>
<
div
className
=
"
input-group-text
"
>
<
input
type
=
"
radio
"
id
=
{
selectOption
}
name
=
"
answer
"
/>
<
/div
>
<
/div
>
<
input
type
=
"
text
"
className
=
"
form-control
"
placeholder
=
"
보기를 입력하세요
"
onChange
=
{
handleChangeChoose
}
/
>
<
/div
>
{
list
.
map
((
element
)
=>
element
)}
<
button
className
=
"
btn btn-outline-secondary btn-sm
"
onClick
=
{
addSelectOption
}
>+<
/button
>
<
/div
>
<
div
className
=
"
p-3
"
>
<
span
className
=
"
font-weight-bold mr-2 h3
"
>
정답
:
<
/span
>
<
input
type
=
"
text
"
onChange
=
{
handleChangeanswer
}
placeholder
=
"
정답을 입력하세요
"
/>
<
/div
>
<
label
for
=
"
inputLogin
"
className
=
"
d-flex justify-content-center
"
>
<
button
className
=
"
mt-4 btn btn-dark
"
onClick
=
{
handleClick
}
>
작성완료
<
/button
>
<
/label
>
<
/div
>
<
/div
>
)
}
export
default
AdminQuiz
src/AdminSetting.js
View file @
cc59b791
import
React
,{
useState
}
from
'
react
'
function
AdminSetting
()
{
const
[
password
,
setPassword
]
=
useState
(
''
)
const
[
adminpassword
,
setAdminPassword
]
=
useState
(
''
)
const
[
time
,
setTime
]
=
useState
(
''
)
const
handleChangePassword
=
(
event
)
=>
{
Setadmin
[
'
password
'
]
=
event
.
target
.
value
setPassword
(
event
.
target
.
value
)
}
const
handleChangeAdminPassword
=
(
event
)
=>
{
Setadmin
[
'
AdminPassword
'
]
=
event
.
target
.
value
setAdminPassword
(
event
.
target
.
value
)
}
const
handleChangeTime
=
(
event
)
=>
{
Setadmin
[
'
Time
'
]
=
event
.
target
.
value
setTime
(
event
.
target
.
value
)
}
function
handleClicksetting
()
{
if
(
!
password
)
{
alert
(
'
비밀번호가 입력되지 않았습니다.
'
)
}
else
if
(
!
adminpassword
)
{
alert
(
'
관리자 비밀번호가 입력되지 않았습니다.
'
)
}
else
if
(
!
time
)
{
alert
(
'
제한시간이 입력되지 않았습니다.
'
)
//타임은 조건은 빼도 될 듯
}
else
{
Setadmins
.
push
(
Setadmin
)
localStorage
.
setItem
(
'
Set
'
,
JSON
.
stringify
(
Setadmins
))
console
.
log
(
Setadmins
)
alert
(
'
저장이 완료되었습니다.
'
)
console
.
log
(
Setadmin
)
// setDoneset(true)
}
}
return
(
<
div
className
=
"
col-8
"
>
<
h1
className
=
"
p-3 border
"
>
관리자
설정
변경
창
<
/h1
>
<
div
className
=
"
p-3 border
"
>
<
h2
>
변경할
비밀번호를
입력하세요
<
/h2
>
<
input
type
=
"
text
"
onChange
=
{
handleChangePassword
}
placeholder
=
"
New Password
"
/>
<
/div
>
<
div
className
=
"
p-3 border
"
>
<
h2
>
변경할
관리자
비밀번호를
입력하세요
<
/h2
>
<
input
type
=
"
text
"
onChange
=
{
handleChangeAdminPassword
}
placeholder
=
"
New Admin Password
"
/>
<
/div
>
<
div
className
=
"
p-3 border
"
>
<
h2
>
타이머를
설정하세요
(
초단위
)
<
/h2
>
<
input
type
=
"
text
"
onChange
=
{
handleChangeTime
}
placeholder
=
"
Set Time
"
/>
<
/div
>
<
label
for
=
"
inputLogin
"
className
=
"
d-flex justify-content-center
"
>
<
button
className
=
"
mt-4 btn btn-dark
"
onClick
=
{
handleClick
}
>
작성완료
<
/button
>
<
/label
>
<
/div
>
)
}
export
default
AdminSetting
\ No newline at end of file
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