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() { ...@@ -17,6 +17,7 @@ function Admin() {
const [password, setPassword] = useState('') const [password, setPassword] = useState('')
const [adminpassword, setAdminPassword] = useState('') const [adminpassword, setAdminPassword] = useState('')
const [time, setTime] = useState('') const [time, setTime] = useState('')
const [addQuiz, setaddQuiz ] = useState('')
const [done, setDone] = useState(false) const [done, setDone] = useState(false)
...@@ -58,22 +59,49 @@ function Admin() { ...@@ -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 ( return (
<> <>
{done ? alert('모두 입력되었습니다.') : ''} {done ? alert('모두 입력되었습니다.') : ''}
<div class="row"> <div className="row">
<div class="col-3"> <div className="col-3">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical"> <div className="container-fluid ">
<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> <div className="navbar-header p-3">
<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 className="navbar-brand" href="/admin">관리자 페이지</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> </div>
<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 className="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
</div> <li className="dropdown p-4 mb-3">
</div> <a className="dropdown-toggle" data-toggle="dropdown" href="-pills-profile-tab">관리자 설정 변경하기
<div class="col-9"> <span className="caret"></span></a>
<div class="tab-content" id="v-pills-tabContent"> <ul className="dropdown-menu">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab"> <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>
<div className="container"> <div className="container">
<div className="row d-flex justify-content-center"> <div className="row d-flex justify-content-center">
...@@ -108,7 +136,7 @@ function Admin() { ...@@ -108,7 +136,7 @@ function Admin() {
</div> </div>
</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="container">
<div className="row d-flex justify-content-center"> <div className="row d-flex justify-content-center">
...@@ -145,7 +173,7 @@ function Admin() { ...@@ -145,7 +173,7 @@ function Admin() {
</div> </div>
</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="container">
<div className="row d-flex justify-content-center"> <div className="row d-flex justify-content-center">
...@@ -182,7 +210,7 @@ function Admin() { ...@@ -182,7 +210,7 @@ function Admin() {
</div> </div>
</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="container">
<div className="row d-flex justify-content-center"> <div className="row d-flex justify-content-center">
<div className="col-8"> <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