그룹웨어 - 알림 구현(4)

구성

• 알림 드롭 메뉴와 알림 실시간 모달창을 클릭하면 해당 기능의 페이지로 이동하도록 해야 함
• 페이지 이동과 동시에 해당되는 알림 읽음 처리 진행
• 전자 결재는 상세 페이지로 이동할 수 있도록 구성

클릭 후 이동 기능

//클릭 후, 페이지 이동 경로
const noficationTypeUrl={
     1: `/api/chat/${headerCurrentMember}`,
     11: `http://localhost:8080/employee/schedule`,
     3 : `/employee/approval/approval_history_vacation_detail/`,
     4 : `/employee/approval/approval_references_vacation_detail/`,
     5 : `/employee/approval/approval_history_vacation_detail/`,
     6 : `/employee/vacationapproval/detail/`,
     7 : `/employee/approval/approval_history_detail/`,
     8 : `/employee/approval/approval_references_detail/`,
     9 : `/employee/approval/approval_history_detail/`,
     10 : `/employee/approval/approval_reject_detail/`,
     14 : `/employee/vacationapproval/detail/`,
     15 : `/employee/approval/approval_progress_detail/`,
     2 : `/employee/document/department/${headerCurrentDepartment}`
}

// 알림핸들러에서 응답이 온 후, 그 해당 알림 div 요소를 클릭해 진행
listItem.addEventListener('click', () => {
	const notificationType = listItem.getAttribute('data-notification-type');
	const notificationTypePk = listItem.getAttribute('data-notification-type-pk');
	if (notificationType === '3') {
		window.location.href = noficationTypeUrl[3]+notificationTypePk;
	}
});

• 기존처럼 페이지 진입 시, 해당 기능 알림만 읽음 처리 진행하기 때문에 따로 구성하지 않았음
• 전자 결재는 세부 페이지 이동해야 하기 때문에 + pk값이 추가
• 목록 페이지나 기능 전체 페이지로 이동하는 경우는 변경없이 이동
  
  

트러블 슈팅

• 그룹웨어 기능에 대한 깊은 이해도가 없었기에 해당 기능페이지 목록으로 이동
• 전자결재는 해당 세부페이지로 이동해야 함
• url 관련된 변경이 이루어짐
• 기존 읽음처리처럼 전자 결재 알림 구성을 조금 변경했음