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
quiz-competition
Commits
c4fea74c
Commit
c4fea74c
authored
Nov 05, 2020
by
baesangjune
Browse files
.
parent
ff88444d
Changes
3
Show whitespace changes
Inline
Side-by-side
src/client/src/core/Warning.jsx
View file @
c4fea74c
...
@@ -8,7 +8,6 @@ import { useEffect } from "react";
...
@@ -8,7 +8,6 @@ import { useEffect } from "react";
import
Card
from
"
react-bootstrap/esm/Card
"
;
import
Card
from
"
react-bootstrap/esm/Card
"
;
import
{
Link
,
Redirect
}
from
'
react-router-dom
'
;
import
{
Link
,
Redirect
}
from
'
react-router-dom
'
;
function
Warning
()
{
function
Warning
()
{
const
[
data
,
setData
]
=
useState
({
name
:
""
,
})
const
[
data
,
setData
]
=
useState
({
name
:
""
,
})
const
[
courses
,
setCourses
]
=
useState
([{
name
:
""
,
description
:
""
,
code
:
""
,
}])
const
[
courses
,
setCourses
]
=
useState
([{
name
:
""
,
description
:
""
,
code
:
""
,
}])
...
@@ -48,7 +47,6 @@ function Warning() {
...
@@ -48,7 +47,6 @@ function Warning() {
};
};
return
(
return
(
<
div
>
<
div
>
{
console
.
log
(
"
quiz=
"
,
quiz
)
}
<
Container
className
=
"col-sm-6 col-md-5 col-lg-4 p-5"
>
<
Container
className
=
"col-sm-6 col-md-5 col-lg-4 p-5"
>
<
Form
.
Text
className
=
"text-muted"
>
<
Form
.
Text
className
=
"text-muted"
>
<
h1
className
=
"text-center mt-1 pb-3 font-italic text-danger"
>
Korea University
</
h1
>
<
h1
className
=
"text-center mt-1 pb-3 font-italic text-danger"
>
Korea University
</
h1
>
...
...
src/client/src/quiz/Problems.jsx
View file @
c4fea74c
// import React, { useState, useEffect } from 'react'
// import React, { useState, useEffect } from 'react'
// import { Link, Redirect } from 'react-router-dom';
// import { Link, Redirect } from 'react-router-dom';
// import Timer from 'react-compound-timer'; // 타이머쓰기위해 import
// import Timer from 'react-compound-timer'; // 타이머쓰기위해 import
// import quiz from './Quiz'
// function Problems() {
// function Problems() {
// let Time = 0
// const [data, setData] = useState({ name: "", })
// if (JSON.parse(localStorage.getItem("Set")) === null) {
// const [courses, setCourses] = useState([{ name: "", description: "", code: "", }])
// Time = 30010
// const [values, setValues] = useState({
// }
// title: "",
// else {
// problems: [],
// Time = Number(JSON.parse(localStorage.getItem("Set"))[0].Time)
// show: false,
// }
// startAt: "",
// endAt: "",
// course: "",
// });
// const { authUser } = useAuth()
// useEffect(() => {
// const abortController = new AbortController()
// const signal = abortController.signal
// readUser(authUser.user._id, { t: authUser.token }).then(res => {
// setData(res);
// })
// list(signal).then(res => {
// setCourses(res)
// })
// }, []);
// let Time = 30010
// const [question, setQuestion] = useState({
// const [question, setQuestion] = useState({
//
...localQnA[0]
// })
// })
// const [selected, setSelected] = useState("") //선택한 답을 보여줄 것
// const [selected, setSelected] = useState("") //선택한 답을 보여줄 것
...
@@ -112,91 +132,87 @@
...
@@ -112,91 +132,87 @@
// </>
// </>
// )
// )
// // return (
// // <div> </div>
// // )
// }
// }
// export default Problems
// export default Problems
import
React
,
{
useEffect
,
useState
}
from
"
react
"
;
// //
import React, { useEffect, useState } from "react";
import
{
Link
,
useParams
}
from
'
react-router-dom
'
;
// //
import { Link, useParams } from 'react-router-dom';
import
Card
from
"
react-bootstrap/Card
"
;
// //
import Card from "react-bootstrap/Card";
import
Button
from
"
react-bootstrap/Button
"
;
// //
import Button from "react-bootstrap/Button";
import
{
listByUserId
}
from
"
./api-quiz
"
;
// //
import { listByUserId } from "./api-quiz";
import
authHelpers
from
"
../auth/auth-helpers
"
;
// //
import authHelpers from "../auth/auth-helpers";
function
Problem
(
{
problem
,
number
,
onUpdate
,
onRemove
}
)
{
// //
function Problem
s
() {
const
{
userId
}
=
useParams
();
// //
const { userId } = useParams();
const
[
quizzes
,
setQuizzes
]
=
useState
([]);
// //
const [quizzes, setQuizzes] = useState([]);
const
jwt
=
authHelpers
.
isAuthenticated
();
// //
const jwt = authHelpers.isAuthenticated();
useEffect
(()
=>
{
// //
useEffect(() => {
const
abortController
=
new
AbortController
();
// //
const abortController = new AbortController();
const
signal
=
abortController
.
signal
;
// //
const signal = abortController.signal;
listByUserId
({
userId
:
userId
},
{
t
:
jwt
.
token
},
signal
).
then
((
data
)
=>
{
// //
listByUserId({ userId: userId }, { t: jwt.token }, signal).then((data) => {
if
(
data
.
error
)
{
// //
if (data.error) {
console
.
log
(
data
.
error
);
// //
console.log(data.error);
}
else
{
// //
} else {
// console.log(data);
// //
// console.log(data);
setQuizzes
(
data
);
// //
setQuizzes(data);
}
// //
}
});
// //
});
return
()
=>
{
// //
return () => {
abortController
.
abort
();
// //
abortController.abort();
};
// //
};
},
[
userId
]);
// //
}, [userId]);
return
(
// //
return (
<
div
>
{
console
.
log
(
quizzes
)
}
)
</
div
>
// //
<div>{console.log(quizzes)})</div>
// <div>
// //
// <div>
// {quizzes.map((quiz, i) => {
// //
// {quizzes.map((quiz, i) => {
// return (
// //
// return (
// <Link key={i} to={`/quiz/${quiz._id}`}>
// //
// <Link key={i} to={`/quiz/${quiz._id}`}>
// // <Card>
// //
// // <Card>
// <Card.Body>
// //
// <Card.Body>
// <Card.Title>
// //
// <Card.Title>
// {i + 1}번. {quiz}
// //
// {i + 1}번. {quiz}
// </Card.Title>
// //
// </Card.Title>
// Answers
// //
// Answers
// {problem.answers.map((answer, index) => {
// //
// {problem.answers.map((answer, index) => {
// return <Card.Text key={index}>{answer}</Card.Text>;
// //
// return <Card.Text key={index}>{answer}</Card.Text>;
// })}
// //
// })}
// <Link to={`/quiz/problem/edit/${problem._id}`}>
// //
// <Link to={`/quiz/problem/edit/${problem._id}`}>
// <Button onClick={(event) => onUpdate(number)}>수정</Button>
// //
// <Button onClick={(event) => onUpdate(number)}>수정</Button>
// </Link>
// //
// </Link>
// <Button onClick={() => onRemove(number)}>삭제</Button>
// //
// <Button onClick={() => onRemove(number)}>삭제</Button>
// </Card.Body>
// //
// </Card.Body>
// </Card>
// //
// </Card>
// </Link>
// //
// </Link>
// );
// //
// );
// })}
// //
// })}
// </div>
// //
// </div>
// <Card>
// //
// <Card>
// <Card.Body>
// //
// <Card.Body>
// <Card.Title>
// //
// <Card.Title>
// {number + 1}번. {problem.question}
// //
// {number + 1}번. {problem.question}
// </Card.Title>
// //
// </Card.Title>
// Answers
// //
// Answers
// {problem.answers.map((answer, index) => {
// //
// {problem.answers.map((answer, index) => {
// return <Card.Text key={index}>{answer}</Card.Text>;
// //
// return <Card.Text key={index}>{answer}</Card.Text>;
// })}
// //
// })}
// <Link to={`/quiz/problem/edit/${problem._id}`}>
// //
// <Link to={`/quiz/problem/edit/${problem._id}`}>
// <Button onClick={(event) => onUpdate(number)}>수정</Button>
// //
// <Button onClick={(event) => onUpdate(number)}>수정</Button>
// </Link>
// //
// </Link>
// <Button onClick={() => onRemove(number)}>삭제</Button>
// //
// <Button onClick={() => onRemove(number)}>삭제</Button>
// </Card.Body>
// //
// </Card.Body>
// </Card>
// //
// </Card>
);
// //
);
}
// //
}
export
default
Problem
;
// //
export default Problem
s
;
src/client/src/quiz/Quizzes.jsx
View file @
c4fea74c
...
@@ -16,9 +16,9 @@ function Quizzes() {
...
@@ -16,9 +16,9 @@ function Quizzes() {
listByUserId
({
userId
:
userId
},
{
t
:
jwt
.
token
},
signal
).
then
((
data
)
=>
{
listByUserId
({
userId
:
userId
},
{
t
:
jwt
.
token
},
signal
).
then
((
data
)
=>
{
if
(
data
.
error
)
{
if
(
data
.
error
)
{
console
.
log
(
data
.
error
);
console
.
log
(
'
dataerror=
'
,
data
.
error
);
}
else
{
}
else
{
//
console.log(data);
console
.
log
(
'
data=
'
,
data
);
setQuizzes
(
data
);
setQuizzes
(
data
);
}
}
});
});
...
@@ -31,7 +31,6 @@ function Quizzes() {
...
@@ -31,7 +31,6 @@ function Quizzes() {
return
(
return
(
<
div
>
<
div
>
All Quizzes Here
All Quizzes Here
{
console
.
log
(
"
quizzes=
"
,
quizzes
)
}
{
quizzes
.
map
((
quiz
,
i
)
=>
{
{
quizzes
.
map
((
quiz
,
i
)
=>
{
return
(
return
(
<
Link
key
=
{
i
}
to
=
{
`/quiz/
${
quiz
.
_id
}
`
}
>
<
Link
key
=
{
i
}
to
=
{
`/quiz/
${
quiz
.
_id
}
`
}
>
...
...
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