이벤트 (홈) - 실시간

이벤트 화면 개요

그림 2-1. 이벤트 화면 기본 구성

1. 헤더 영역

   그룹/브랜치 선택: 상단 좌측의 드롭다운을 통해 보고 싶은 그룹 또는 브랜치를 선택할 수 있습니다.

   • 기본값: "All Group/Branch" (전체)
   • 선택 시 해당 그룹/브랜치의 이벤트만 필터링됩니다.
2. 필터 탭

   All: 모든 이벤트를 표시합니다. Unresolved: 미해결 이벤트만 표시합니다.

   • 미해결 이벤트 개수가 뱃지로 표시됩니다.

   Resolve All 버튼: Unresolved 탭에서 모든 미해결 이벤트를 일괄 해결할 수 있습니다.

이벤트 카드

그림 2-2. 이벤트 카드 UI

1. 헤더 - 이벤트 정보

   • 이벤트 아이콘: 이벤트 유형을 나타내는 아이콘
   • 이벤트 명: 감지된 이벤트 유형 (예: Intrusion, Fire 등)
   • 해결 상태 뱃지:
   • Resolved (회색): 해결됨
   • Unresolved (빨강): 미해결

   > 모든 텍스트는 너비 초과 시 말줄임표(...)로 처리됩니다.
2. 바디 - 세부 정보

   • 녹화 영상 클립: 이벤트 발생 시점의 영상 재생
   • 화면에 보이는 카드만 재생됩니다
   • 스크롤하여 지나간 카드는 자동 멈춤
   • 재생 컨트롤 없이 무한 반복 및 음소거
   • 그룹명: 이벤트가 발생한 장비가 속한 그룹 명
   • 카메라명: 이벤트가 발생한 카메라 명
   • 이벤트 발생 시각:
   • 당일: HH:mm:ss (예: 14:00:24)
   • 다른 날짜: MM-dd HH:mm:ss
   • 연도가 바뀌는 경우: YY-MM-dd HH:mm:ss
3. 푸터 - 액션 버튼

   • Details 버튼: 해당 이벤트의 상세 화면으로 이동합니다.
   • Resolve / Reopen 버튼 (토글):
   • Resolve 클릭 시:
   • 카드 상태 뱃지가 Resolved로 변경
   • 버튼이 Reopen으로 변경
   • Reopen 클릭 시:
   • 카드 상태 뱃지가 Unresolved로 변경
   • 버튼이 Resolve로 변경
   • 해당 기록은 Event detail > Activity log에 기록됩니다.

빈 상태 화면

그림 2-3. 미해결 이벤트가 없는 경우

그림 2-4. 이벤트가 없는 경우

스크롤 동작

그림 2-5. 스크롤 다운 시 화면