Commit 6c27dd51 authored by Jiwon Yoon's avatar Jiwon Yoon
Browse files

Merge branch 'Sangjune' into jiwon

parents b28730e6 c836a803
......@@ -78,14 +78,14 @@ function Admin() {
<input type="radio" id="option" />
</div>
</div>
<input type="text" class="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
<input type="text" className="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
</div>
}
setselectOption(list)
}
function handleClickQuiz() {
let addQuiz = function () {
return <a className="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#Quiz4" role="tab" aria-controls="v-pills-settings" aria-selected="false">Quiz4</a>
return <a className="nav-link" id="Quiz4-tab" data-toggle="pill" href="#Quiz4" role="tab" >Quiz4</a>
}
setaddQuiz(addQuiz)
}
......@@ -93,34 +93,34 @@ function Admin() {
return (
<>
{done ? alert('모두 입력되었습니다.') : ''}
<div className="row">
<div className="col-3">
<div className="row justify-content-md-center mt-5 ">
<div className="col-2 text-center border">
<div className="container-fluid ">
<div className="navbar-header p-3">
<p className="navbar-brand">관리자 페이지</p>
<div className="navbar-header p-3 ">
<p className="navbar-brand border-bottom ">관리자 페이지</p>
</div>
<div className="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<div className="nav flex-column nav-pills" id="v-pills-tab" role="tablist">
<p className="navbar-text">관리자 설정 변경하기</p>
<p className="navbar-text border-bottom">관리자 설정 변경하기</p>
<a className="nav-link" id="setting-tab" data-toggle='pill' href="#setting" role="tab" aria-controls="v-pills-home" aria-selected="false">Setting</a>
<a className="nav-link" id="setting-tab" data-toggle='pill' href="#setting" role="tab">Setting</a>
<p className="navbar-text">Quiz 입력하기</p>
<p className="navbar-text border-bottom">Quiz 입력하기</p>
<a className="nav-link" id="Quiz1-tab" data-toggle="pill" href="#Quiz1" role="tab" aria-controls="v-pills-profile" aria-selected="false">Quiz1</a>
<a className="nav-link" id="Quiz2-tab" data-toggle="pill" href="#Quiz2" role="tab" aria-controls="v-pills-messages" aria-selected="false">Quiz2</a>
<a className="nav-link" id="Quiz3-tab" data-toggle="pill" href="#Quiz3" role="tab" aria-controls="v-pills-settings" aria-selected="false">Quiz3</a>
<a className="nav-link" id="Quiz1-tab" data-toggle="pill" href="#Quiz1" role="tab" >Quiz1</a>
<a className="nav-link" id="Quiz2-tab" data-toggle="pill" href="#Quiz2" role="tab" >Quiz2</a>
<a className="nav-link" id="Quiz3-tab" data-toggle="pill" href="#Quiz3" role="tab" >Quiz3</a>
{addQuiz}
<button class="btn btn-danger navbar-btn" onClick={handleClickQuiz} >Quiz 추가</button>
<button className="btn btn-danger navbar-btn" onClick={handleClickQuiz} >Quiz 추가</button>
</div>
</div>
</div>
<div className="col-9">
<div className="col-8">
<div className="tab-content" id="v-pills-tabContent">
<div className="tab-pane fade show active" id="setting" role="tabpanel" aria-labelledby="v-pills-home-tab">
<div className="tab-pane fade show active" id="setting" role="tabpanel" >
<div>
<div className="container">
<div className="row d-flex justify-content-center">
......@@ -156,7 +156,7 @@ function Admin() {
</div>
<div className="tab-pane fade show active" id="Quiz1" role="tabpanel" aria-labelledby="v-pills-profile-tab">
<div className="tab-pane fade" id="Quiz1" role="tabpanel" >
<div className="container">
<div className="row d-flex justify-content-center">
......@@ -179,7 +179,7 @@ function Admin() {
<input type="radio" id="option" />
</div>
</div>
<input type="text" class="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
<input type="text" className="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
</div>
{selectOption}
......@@ -216,7 +216,7 @@ function Admin() {
</div>
</div>
<div className="tab-pane fade" id="Quiz2" role="tabpanel" aria-labelledby="v-pills-messages-tab">
<div className="tab-pane fade" id="Quiz2" role="tabpanel">
<div className="container">
<div className="row d-flex justify-content-center">
......@@ -241,6 +241,8 @@ function Admin() {
</div>
<input type="text" class="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
</div>
<input type="text" className="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
</div>
{selectOption}
<button className="btn btn-outline-secondary btn-sm" onClick={addSelectOption}>+</button>
......@@ -261,7 +263,8 @@ function Admin() {
</div>
</div>
</div>
<div className="tab-pane fade" id="Quiz3" role="tabpanel" aria-labelledby="v-pills-settings-tab">
</div>
<div className="tab-pane fade" id="Quiz3" role="tabpanel">
<div className="container">
<div className="row d-flex justify-content-center">
<div className="col-8">
......@@ -285,6 +288,8 @@ function Admin() {
</div>
<input type="text" class="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
</div>
<input type="text" className="form-control" placeholder="보기를 입력하세요" onChange={handleChangechoose} />
</div>
{selectOption}
<button className="btn btn-outline-secondary btn-sm" onClick={addSelectOption}>+</button>
......@@ -306,9 +311,6 @@ function Admin() {
</div>
</div>
</div>
</div>
</div>
</div>
</>
)
......
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