Commit a917ee65 authored by Jiwon Yoon's avatar Jiwon Yoon
Browse files

Merge remote-tracking branch 'origin/kimpen'

parents aa3619c4 60de43c4
import { Link, Route, Switch, useRouteMatch } from "react-router-dom";
import styles from "./admin.module.scss"
import MovieEdit from "./MovieEdit";
import TheaterEdit from "./TheaterEdit";
import CinemaEdit from "./CinemaEdit";
import styles from "./admin.module.scss";
const Admin = () => {
const match = useRouteMatch()
......@@ -8,21 +11,21 @@ const Admin = () => {
<div className={`d-md-flex align-items-md-start ${styles.box}`}>
<nav className={`col-md-3 col-lg-2 nav flex-md-column flex-row ${styles.navbar}`} id="v-pills-tab" role="tablist" aria-orientation="vertical">
<li className="nav-item">
<Link to={`${match.url}/movie`} className="nav-link text-center text-dark active">영화 관리</Link>
<Link to={`${match.url}/movie`} className="nav-link text-dark text-center active">영화 관리</Link>
</li>
<li className="nav-item">
<Link to={`${match.url}/theater`} className="nav-link text-center text-dark">상영관 관리</Link>
<Link to={`${match.url}/theater`} className="nav-link text-dark text-center">상영관 관리</Link>
</li>
<li className="nav-item">
<Link to={`${match.url}/cinema`} className="nav-link text-center text-dark">영화관 관리</Link>
<Link to={`${match.url}/cinema`} className="nav-link text-dark text-center">영화관 관리</Link>
</li>
</nav>
<div className="col-md-9 col-lg-10 tab-content" id="v-pills-tabContent">
<div className="tab-content container col-md-9 col-lg-10 mt-3" id="v-pills-tabContent">
<Switch>
<Route path={`${match.path}/movie`}></Route>
<Route path={`${match.path}/theater`}></Route>
<Route path={`${match.path}/cinema`}></Route>
<Route path={`${match.path}`}></Route>
<Route path={`${match.path}/movie`}><MovieEdit /></Route>
<Route path={`${match.path}/theater`}><TheaterEdit /></Route>
<Route path={`${match.path}/cinema`}><CinemaEdit /></Route>
<Route path={`${match.path}`}><MovieEdit /></Route>
</Switch>
</div>
</div>
......
const CinemaEdit = () => {
function handleChange(e) {
const { name, value } = e.target
console.log("name=",name,"value=",value)
}
return (
<>
<h2 className="border-bottom border-2 text-center pb-2 me-2">현재 영화관 정보</h2>
<input type="text" className="form-control" id="cinema" name="cinema" onChange={handleChange} />
<p> 상영관 : 8개관 | 좌석 : 1,282</p>
<div className="mb-3">
<label for="transportation" className="form-label">대중교통 안내</label>
<textarea className="form-control" id="transportation" name="transportation" onChange={handleChange}></textarea>
</div>
<div className="mb-3">
<label for="parking" className="form-label">자가용/주차안내</label>
<textarea className="form-control" id="parking" name="parking" onChange={handleChange}></textarea>
</div>
<label>지도보기</label>
</>
)
}
export default CinemaEdit
\ No newline at end of file
import Search from "../Search";
const MovieEdit = () => {
return (
<div className="d-flex justify-content-around">
<button type="button" className="btn btn-dark" style={{ width: "5em" }}>등록</button>
<Search type="admin" />
</div>
)
}
export default MovieEdit
\ No newline at end of file
const TheaterEdit = () => {
return (
<div>
</div>
)
}
export default TheaterEdit
\ No newline at end of file
@media screen and (max-width: 768px) {
.box {
margin-bottom: 110px;
margin-bottom: 100px;
& .navbar {
position: fixed;
......
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