Commit d0ba02b7 authored by Kim, Subin's avatar Kim, Subin
Browse files

TimeTable 정보 뿌리기 완료.......

parent dd0e887a
...@@ -3,6 +3,7 @@ import moment from 'moment'; ...@@ -3,6 +3,7 @@ import moment from 'moment';
import Calender from "../Calender/Calender.js"; import Calender from "../Calender/Calender.js";
import timetableApi from "../../apis/timetable.api.js"; import timetableApi from "../../apis/timetable.api.js";
import catchErrors from "../../utils/catchErrors.js"; import catchErrors from "../../utils/catchErrors.js";
import styles from "./admin.module.scss";
const TimeTable = () => { const TimeTable = () => {
const [selectDate, setSelectDate] = useState(moment().format('YYYY-MM-DD')) const [selectDate, setSelectDate] = useState(moment().format('YYYY-MM-DD'))
...@@ -23,10 +24,10 @@ const TimeTable = () => { ...@@ -23,10 +24,10 @@ const TimeTable = () => {
} }
} }
async function deleteTime() { async function deleteTime(timeId) {
try { try {
setError("") setError("")
await timetableApi.remove() await timetableApi.remove(timeId)
alert('해당 상영시간표 정보를 성공적으로 삭제하였습니다.') alert('해당 상영시간표 정보를 성공적으로 삭제하였습니다.')
getTimeTable(selectDate) getTimeTable(selectDate)
} catch (error) { } catch (error) {
...@@ -35,24 +36,22 @@ const TimeTable = () => { ...@@ -35,24 +36,22 @@ const TimeTable = () => {
} }
return ( return (
<div className="col-12 col-lg-6"> <div className="col-12 col-lg-6 ms-lg-1 mb-5">
{console.log("list==", timeList)}
<Calender selectDate={selectDate} setSelectDate={setSelectDate} /> <Calender selectDate={selectDate} setSelectDate={setSelectDate} />
{timeList.length !== 0 ? {timeList.length !== 0 ?
timeList.map(el => <> timeList.map(el => <div className="mt-4">
<h5>{el.theaterName} </h5> <h5 className="mb-0">{el.theaterName} / <p className="d-inline fs-6 mb-0">{el.theatertype.theaterTypeName}</p></h5>
{/* {arr = el.timetable.map(time => <div className="card"> {el.timetable.map(time => <div className="d-inline-flex flex-column m-2">
<div className="card-body">{moment(time.start_time, 'hh:mm')} ~ {moment(time.end_time, 'hh:mm')}</div> <div className="d-flex justify-content-end">
</div> <button type="button" className={`btn btn-dark btn-sm ${styles.customBtn}`} onClick={() => deleteTime(time.id)}>X</button>
) </div>
} */} <div className="card">
{/* {el.timetable.map(time => { <div className="card-body py-1">{moment(time.start_time).format('HH:mm')} ~ {moment(time.end_time).format('HH:mm')}</div>
if (el.id === time.id) return <div className="card"> <div className="card-footer text-center py-1">{time.title}</div>
<div className="card-body">{moment(time.start_time, 'hh:mm')} ~ {moment(time.end_time, 'hh:mm')}</div> </div>
</div> </div>)}
})} */} </div>)
</>) : <p className="text-center mt-5 mb-0">서버에 저장되어 있는 상영시간표가 존재하지 않습니다.<br />아래의 양식을 작성해 새로운 상영시간표를 등록해주세요.</p>}
: <></>}
</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