TimetableV2
student
$3
``
tsx
target="student"
timeblockList={timeBlockList}
schedule={{
week: 3,
time: 90
}}
subject={{ code: "", name: "사탐" }}
onChange={(e) => console.log(e)}
/>
`
teacher
$3
가능시간 설정
`
tsx
target="teacher"
timeblockList={timeBlockList}
// changedId={4}
onChange={(e) => console.log(e)}
/>
`
정규일정 변경
`
tsx
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" |
| timeblockList | true | 사용자의 시간표정보 데이터 | Array<{ lecture: string, status: string, subjectCode: string, subjectName: string, timeBlockId: Number }> |
| otherTimeblockList | false | 사용자외의 시간표정보 데이터 | Array<{ lecture: string, status: string, subjectCode: string, subjectName: string, timeBlockId: Number }> |
| editMode | false | 시간표 수정할 때 사용, true이면 enable의 값이 edit으로 변환됨 | boolean|
| 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
$3
Array의 형태를 가지고 있음
TimeBlock의 구성요소
| key | valueType | 설명 | 필수여부 |
| --- | --- | --- | --- |
| timeBlockId | number | 타임블럭Id | true |
| lectureId | string | 수업Id | false |
| status | string | EDIT, ENABLED, TEMP_MATCHED, MATCHED 값을 사용 | true |
| subjectName | string | 과목이름 | false |
| name | string | 학생의 이름, 선생님 이름 | false
$3
statusBlock(타임블럭)에서 zIndex를 1로하여 작업하여 주의하여 작업하시면 됩니다.
추후 zIndex를 제거하는 방향으로 업데이트 예정