TimetableV2

student

usage

  <Timetable
    target="student"
    timeblockList={timeBlockList}
    schedule={{
      week: 3,
      time: 90
    }}
    subject={{ code: "", name: "사탐" }}
    onChange={(e) => console.log(e)}
  />

teacher

usage

가능시간 설정

  <Timetable
    target="teacher"
    timeblockList={timeBlockList}
    // changedId={4}
    onChange={(e) => console.log(e)}
  />

정규일정 변경

  <Timetable
    target="teacher"
    timeblockList={timeBlockList}
    schedule={{
      week: 2,
      time: 60
    }}
    subject={{ code: "", name: "" }}
    changedId={4}
    onChange={(e) => console.log(e)}
  />

props 데이터 설명

props	필수여부	설명	type
target	true	사용자의 구분값(학생, 선생님, 어드민)	"student", "teacher", "admin"
otherTimeblockList	true	사용자외의 시간표정보 데이터	Array<{ lecture: string, status: string, subjectCode: string, subjectName: string, timeBlockId: Number }>
timeblockList	true	사용자의 시간표정보 데이터	Array<{ lecture: string, status: string, subjectCode: string, subjectName: string, timeBlockId: Number }>
schedule	false	학생의 경우는 결제한 주, 시간, 선생님의 경우는 정규일정 변경에서의 주, 시간	{ week: number, time: number }
subject	false	학생의 경우는 결제한 과목코드, 과목이름 선생님의 경우는 정규일정 변경에서의 과목코드, 과목이름	{ name: string, code: string }
readOnly	false	시간표조회만 하는경우	boolean
onChange	false	유저가 시간표의 정보를 수정할 경우 함수가 동작	(Array<{selectedTimeblockList: Array, alreadySelectedTimeblockList: Array, invalidCount: number}>) => void

timeBlockList props 설명

Array의 형태를 가지고 있음
TimeBlock의 구성요소

key	valueType	설명	필수여부
lectureId	number	수업Id	false
status	string	EDIT, ENABLED, TEMP_MATCHED, MATCHED 값을 사용	true
subjectName	string	과목이름	false
timeBlockId	number	타임블럭Id	true
name	string	학생의 이름, 선생님 이름	false

zIndex 관련 사항

statusBlock(타임블럭)에서 zIndex를 1로하여 작업하여 주의하여 작업하시면 됩니다.
추후 zIndex를 제거하는 방향으로 업데이트 예정