스케줄 관리 (회의실 예약) - 회의실 예약 등록(2/3)

- 회의실 예약 등록

 

등록 부분에서 중요하게 봐야하는 validation이 세 가지가 있다.

 1. 캘린더에서 원하는 시간 드래그할 때 하루를 넘어가도록 지정한 경우 알림 출력.

 2. 회의명을 입력하지 않았을 때 알림 출력.

 3. 시작시간보다 종료시간을 더 늦게 입력한 경우 알림 출력.

 

캘린더에서 원하는 시간을 드래그 하여 모달창을 띄우는 방식으로 되어 있는데, 필자가 생각하기에 회의실을 하루를 넘어서 쓰는 일은 없다고 판단하였다. 그래서, 등록 event가 발생할때(원하는 시간대에 드래그) 날짜가 만약 다르다면 '회의실 예약은 하루를 초과할 수 없습니다.' 알림이 출력하도록 했다.

 

만약 회의명을 입력한 뒤에 시간 선택 select box에서 시작시간보다 종료시간을 더 이른 시간으로 설정한 경우에는

ex) 9:00~07:00

'시작 시간 이후의 시간을 입력해 주세요.' 라는 알림이 출력된다. 시작을 아침 9시에 했는데 끝나는 시간이 아침7시 일리는 없기 때문이다. 

 

 

이제 원하는 시간에 회의실 일정을 등록해보겠다.

 달력의 빈 공간에 원하는 시간을 클릭이나 드래그를 하게 되면 모달 창이 출력 된다. 만약 16시부터 18시까지 달력에서 드래그 했다면 드래그한 날짜가 날짜 선택 inputbox에 입력이되고 시작시간 16:00 종료시간 18:00으로 입력이된다. 이 상태에서 회의명을 입력하지 않고 등록버튼을 누르게 되면,

 

'회의명을 입력해주세요' 라는 알림이 출력이 된다.

 

9월10일금요일 9시부터 11시에 회의를 등록해보겠다.

test회의라는 회의명을 입력하고 참여자에 홍길동, 김철수, 김영희를 입력한 뒤에 등록버튼을 누른다.

confirm 모달창이 생성이 되고 등록 버튼을 누르게 되면,

 

'등록되었습니다' 라는 알림과 금요일 9시~11시 사이에 일정이 등록된 것을 확인할 수 있다.