Skip to content

GitLab

Commit 4ab92855 authored by baesangjune's avatar baesangjune
Browse files

quiz항목추가

parent 4a40fc13
Show whitespace changes
Inline Side-by-side
src/Admin.js
View file @ 4ab92855
......@@ -17,6 +17,7 @@ function Admin() {
const [password, setPassword] = useState('')
const [adminpassword, setAdminPassword] = useState('')
const [time, setTime] = useState('')
const [addQuiz, setaddQuiz ] = useState('')
const [done, setDone] = useState(false)
......@@ -58,22 +59,49 @@ function Admin() {
}
function handleClickQuiz() {
let addQuiz =function(){
return <a className="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Quiz4</a>
}
setaddQuiz(addQuiz)
}
return (
<>
{done ? alert('모두 입력되었습니다.') : ''}
<div class="row">
<div class="col-3">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Setting</a>
<a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Quiz1</a>
<a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Quiz2</a>
<a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Quiz3</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<div className="row">
<div className="col-3">
<div className="container-fluid ">
<div className="navbar-header p-3">
<a className="navbar-brand" href="/admin">관리자 페이지</a>
</div>
<div className="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<li className="dropdown p-4 mb-3">
<a className="dropdown-toggle" data-toggle="dropdown" href="-pills-profile-tab">관리자 설정 변경하기
<span className="caret"></span></a>
<ul className="dropdown-menu">
<a className="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Setting</a>
</ul>
</li>
<li className="dropdown p-4">
<a className="dropdown-toggle" data-toggle="dropdown" href="-pills-profile-tab">Quiz 입력하기
<span className="caret"></span></a>
<ul className="dropdown-menu">
<a className="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Quiz1</a>
<a className="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Quiz2</a>
<a className="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Quiz3</a>
{addQuiz}
<button class="btn btn-danger navbar-btn" onClick={handleClickQuiz} >Quiz 추가</button>
</ul>
</li>
</div>
</div>
</div>
<div className="col-9">
<div className="tab-content" id="v-pills-tabContent">
<div className="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<div>
<div className="container">
<div className="row d-flex justify-content-center">
......@@ -108,7 +136,7 @@ function Admin() {
</div>
</div>
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
<div className="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
<div className="container">
<div className="row d-flex justify-content-center">
......@@ -145,7 +173,7 @@ function Admin() {
</div>
</div>
<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
<div className="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
<div className="container">
<div className="row d-flex justify-content-center">
......@@ -182,7 +210,7 @@ function Admin() {
</div>
</div>
<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
<div className="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
<div className="container">
<div className="row d-flex justify-content-center">
<div className="col-8">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment